@extends('layouts.admin')

@section('title', 'Editar — ' . $reservation->locator)

@section('breadcrumb')
    <a class="breadcrumb-item" href="{{ route('admin.reservations.index') }}">Reservas</a>
    <span class="breadcrumb-separator">/</span>
    <a class="breadcrumb-item" href="{{ route('admin.reservations.show', $reservation) }}">{{ $reservation->locator }}</a>
    <span class="breadcrumb-separator">/</span>
    <span class="breadcrumb-current">Editar</span>
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Editar Reserva</h1>
        <p class="page-subtitle">{{ $reservation->locator }} — {{ $reservation->guest?->full_name }}</p>
    </div>
</div>

@if($errors->any())
<div class="alert alert-danger mb-md">
    <ul style="margin:0 0 0 16px; padding:0;">
        @foreach($errors->all() as $e) <li>{{ $e }}</li> @endforeach
    </ul>
</div>
@endif

<form method="POST" action="{{ route('admin.reservations.update', $reservation) }}">
    @csrf @method('PUT')

    <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">

        {{-- BLOCO ESQUERDO --}}
        <div>
            <div class="card mb-md">
                <div class="card-header">
                    <h3 style="margin:0;font-size:14px;font-weight:700;">Período e UH</h3>
                </div>
                <div class="card-body" style="padding:20px;">
                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
                        <div>
                            <label class="form-label">Check-in *</label>
                            <input type="date" name="check_in_expected" class="form-input"
                                value="{{ old('check_in_expected', $reservation->check_in_expected->format('Y-m-d')) }}">
                        </div>
                        <div>
                            <label class="form-label">Check-out *</label>
                            <input type="date" name="check_out_expected" class="form-input"
                                value="{{ old('check_out_expected', $reservation->check_out_expected->format('Y-m-d')) }}">
                        </div>
                        <div>
                            <label class="form-label">UH / Quarto</label>
                            <select name="room_id" class="form-input">
                                <option value="">Sem UH atribuída</option>
                                @foreach($rooms as $room)
                                    <option value="{{ $room->id }}" {{ $reservation->room_id == $room->id ? 'selected' : '' }}>
                                        {{ $room->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="form-label">Canal de Venda</label>
                            <select name="sales_channel_id" class="form-input">
                                <option value="">Sem canal</option>
                                @foreach($channels as $ch)
                                    <option value="{{ $ch->id }}" {{ $reservation->sales_channel_id == $ch->id ? 'selected' : '' }}>
                                        {{ $ch->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h3 style="margin:0;font-size:14px;font-weight:700;">Hospedagem</h3>
                </div>
                <div class="card-body" style="padding:20px;">
                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
                        <div>
                            <label class="form-label">Adultos *</label>
                            <input type="number" name="adults" class="form-input" min="1" max="20"
                                value="{{ old('adults', $reservation->adults) }}">
                        </div>
                        <div>
                            <label class="form-label">Crianças</label>
                            <input type="number" name="children" class="form-input" min="0" max="10"
                                value="{{ old('children', $reservation->children) }}">
                        </div>
                        <div style="grid-column:1 / span 2;">
                            <label style="display:flex;align-items:center;gap:10px;cursor:pointer;">
                                <input type="checkbox" name="breakfast_included" value="1"
                                    {{ $reservation->breakfast_included ? 'checked' : '' }}
                                    style="width:18px;height:18px;">
                                <span class="form-label" style="margin:0;">☕ Café da manhã incluso</span>
                            </label>
                        </div>
                        <div style="grid-column:1 / span 2;">
                            <label class="form-label">Total Esperado (R$)</label>
                            <input type="number" name="total_expected" class="form-input" step="0.01" min="0"
                                value="{{ old('total_expected', number_format($reservation->total_expected, 2, '.', '')) }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- BLOCO DIREITO --}}
        <div>
            <div class="card mb-md">
                <div class="card-header">
                    <h3 style="margin:0;font-size:14px;font-weight:700;">Observações</h3>
                </div>
                <div class="card-body" style="padding:20px;">
                    <div style="margin-bottom:14px;">
                        <label class="form-label">Observações Gerais</label>
                        <textarea name="notes" class="form-input" rows="4"
                            placeholder="Observações visíveis ao hóspede / na ficha…">{{ old('notes', $reservation->notes) }}</textarea>
                    </div>
                    <div>
                        <label class="form-label">Notas Operacionais (Internas)</label>
                        <textarea name="operational_notes" class="form-input" rows="4"
                            placeholder="Notas apenas para equipe interna…">{{ old('operational_notes', $reservation->operational_notes) }}</textarea>
                    </div>
                </div>
            </div>

            {{-- Ações --}}
            <div class="card">
                <div class="card-body" style="padding:16px;display:flex;flex-direction:column;gap:8px;">
                    <button type="submit" class="btn btn-primary" style="width:100%;text-align:center;">
                        <i data-lucide="save" style="width:15px;height:15px;"></i>
                        Salvar Alterações
                    </button>
                    <a href="{{ route('admin.reservations.show', $reservation) }}" class="btn btn-secondary" style="width:100%;text-align:center;">
                        Cancelar
                    </a>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection