@extends('layouts.admin')

@section('title', 'Extrato — Reserva ' . $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>
    <a class="breadcrumb-item" href="{{ route('admin.reservations.financial.show', $reservation) }}">Financeiro</a>
    <span class="breadcrumb-separator">/</span>
    <span class="breadcrumb-current">Extrato</span>
@endsection

@push('styles')
<style>
.statement-container { max-width:760px; margin:0 auto; }
.stmt-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; margin-bottom:20px; }
.stmt-header { padding:16px 24px; background:#f8fafc; border-bottom:1px solid #e5e7eb; display:flex; align-items:center; justify-content:space-between; }
.stmt-header h2 { font-size:.9rem; font-weight:700; margin:0; }
.stmt-body { padding:0; }
.stmt-row { display:flex; align-items:center; justify-content:space-between; padding:12px 24px; border-bottom:1px solid #f8fafc; font-size:.83rem; }
.stmt-row:last-child { border-bottom:none; }
.stmt-row .label { color:#6b7280; }
.stmt-row .value { font-weight:600; }
.stmt-total-row { display:flex; justify-content:space-between; align-items:center; padding:14px 24px; font-size:.9rem; font-weight:700; background:#f8fafc; }
.pill { display:inline-block; padding:2px 8px; border-radius:999px; font-size:.7rem; font-weight:600; }
.pill-active   { background:#dcfce7; color:#15803d; }
.pill-cancelled{ background:#fee2e2; color:#991b1b; }
.pill-reversed { background:#fef3c7; color:#92400e; }
.pill-discount { background:#fee2e2; color:#991b1b; }
.pill-surcharge{ background:#dcfce7; color:#15803d; }
.status-box { padding:16px 24px; border-radius:0 0 12px 12px; text-align:center; font-weight:700; font-size:1rem; }
.status-box.paid    { background:#dcfce7; color:#15803d; }
.status-box.partial { background:#fef3c7; color:#92400e; }
.status-box.pending { background:#fee2e2; color:#991b1b; }
.status-box.credit  { background:#dbeafe; color:#1d4ed8; }
</style>
@endpush

@section('content')
<div class="statement-container">
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;">
        <div>
            <h1 style="font-size:1.3rem;font-weight:700;margin:0;">Extrato da Reserva</h1>
            <p style="color:#6b7280;font-size:.83rem;margin:4px 0 0;">{{ $reservation->locator }} — {{ $reservation->guest->full_name }}</p>
        </div>
        <div style="display:flex;gap:8px;">
            <a href="{{ route('admin.reservations.financial.show', $reservation) }}" style="display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8rem;font-weight:600;color:#374151;text-decoration:none;background:#fff;">
                ← Voltar
            </a>
            <a href="{{ route('admin.reservations.statement.pdf', $reservation) }}" target="_blank" style="display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-primary);color:#fff;border-radius:8px;font-size:.8rem;font-weight:600;text-decoration:none;">
                📄 Baixar PDF
            </a>
        </div>
    </div>

    {{-- Dados da Reserva --}}
    <div class="stmt-card">
        <div class="stmt-header"><h2>Dados da Reserva</h2></div>
        <div class="stmt-body">
            <div class="stmt-row"><span class="label">Localizador</span><span class="value">{{ $reservation->locator }}</span></div>
            <div class="stmt-row"><span class="label">Hóspede</span><span class="value">{{ $reservation->guest->full_name }}</span></div>
            <div class="stmt-row"><span class="label">Unidade Habitacional</span><span class="value">{{ $reservation->room?->number ?? 'N/D' }}</span></div>
            <div class="stmt-row"><span class="label">Check-in</span><span class="value">{{ $reservation->check_in_expected->format('d/m/Y') }}</span></div>
            <div class="stmt-row"><span class="label">Check-out</span><span class="value">{{ $reservation->check_out_expected->format('d/m/Y') }}</span></div>
            <div class="stmt-row"><span class="label">Diárias</span><span class="value">{{ $summary->nights }} × R$ {{ number_format($summary->dailyRate, 2, ',', '.') }}</span></div>
        </div>
    </div>

    {{-- Resumo Financeiro --}}
    <div class="stmt-card">
        <div class="stmt-header"><h2>Resumo Financeiro</h2></div>
        <div class="stmt-body">
            <div class="stmt-row"><span class="label">Subtotal Diárias</span><span class="value">R$ {{ number_format($summary->baseTotal, 2, ',', '.') }}</span></div>
            @foreach($reservation->adjustments as $adj)
            <div class="stmt-row">
                <span class="label">
                    <span class="pill pill-{{ $adj->type }}">{{ $adj->type_label }}</span>
                    {{ $adj->calc_label }} — {{ $adj->reason }}
                </span>
                <span class="value" style="{{ $adj->isDiscount() ? 'color:#dc2626' : 'color:#16a34a' }}">
                    {{ $adj->isDiscount() ? '-' : '+' }}R$ {{ number_format(abs((float)$adj->amount), 2, ',', '.') }}
                </span>
            </div>
            @endforeach
            @foreach($reservation->items->where('status','active') as $item)
            <div class="stmt-row">
                <span class="label">{{ $item->description }} ({{ $item->quantity }}×)</span>
                <span class="value">R$ {{ number_format((float)$item->total_price, 2, ',', '.') }}</span>
            </div>
            @endforeach
            <div class="stmt-total-row">
                <span>Total Geral</span>
                <span style="font-size:1.1rem;">R$ {{ number_format($summary->totalGeneral, 2, ',', '.') }}</span>
            </div>
        </div>
    </div>

    {{-- Pagamentos --}}
    <div class="stmt-card">
        <div class="stmt-header"><h2>Pagamentos Realizados</h2></div>
        <div class="stmt-body">
            @forelse($reservation->payments->where('status','active') as $payment)
            <div class="stmt-row">
                <span class="label">
                    {{ $payment->paid_at->format('d/m/Y H:i') }} — {{ $payment->method?->name }}
                    @if($payment->reference)<span style="font-family:monospace;font-size:.75rem;"> [{{ $payment->reference }}]</span>@endif
                </span>
                <span class="value" style="color:#16a34a;">R$ {{ number_format((float)$payment->amount, 2, ',', '.') }}</span>
            </div>
            @empty
            <div class="stmt-row"><span class="label" style="color:#9ca3af;">Nenhum pagamento registrado.</span></div>
            @endforelse
            <div class="stmt-total-row">
                <span>Total Recebido</span>
                <span>R$ {{ number_format($summary->totalPaid, 2, ',', '.') }}</span>
            </div>
            <div class="stmt-total-row" style="border-top:2px solid #e5e7eb;">
                <span>{{ $summary->balance < 0 ? 'Crédito com Hóspede' : 'Saldo a Receber' }}</span>
                <span style="color:{{ $summary->balance <= 0 ? '#16a34a' : '#dc2626' }}">
                    R$ {{ number_format(abs($summary->balance), 2, ',', '.') }}
                </span>
            </div>
        </div>
        <div class="status-box {{ $summary->financialStatus }}">
            {{ $summary->financialStatusLabel }}
        </div>
    </div>

    <p style="text-align:center;font-size:.73rem;color:#9ca3af;margin-top:8px;">
        Gerado em {{ now()->format('d/m/Y \à\s H:i') }} por {{ auth()->user()->name }}
    </p>
</div>
@endsection