@extends('layouts.app')
@section('title', 'Laporan Invoice')
@section('page-title', 'Laporan Rekap Invoice')

@push('styles')
<style>
    @media print {
        @page { size: landscape; margin: 10mm; }
        .no-print, .main-footer, .content-header, .btn-group, .card-header, .summary-cards { display: none !important; }
        .card { border: none !important; box-shadow: none !important; }
        .table-responsive { overflow: visible !important; }
        table { width: 100% !important; border-collapse: collapse !important; font-size: 10px !important; }
        th, td { border: 1px solid #dee2e6 !important; padding: 4px !important; }
        .badge { border: 1px solid #ccc !important; color: #333 !important; background: transparent !important; }
    }
</style>
@endpush

@section('content')
<h5 class="font-weight-bold mb-3">Laporan Detail Invoice</h5>

{{-- Filter --}}
<div class="card mb-3 no-print">
    <div class="card-body py-2">
        <form method="GET" class="form-inline">
            <div class="form-group mr-2 mb-2">
                <label class="mr-1 small">Dari:</label>
                <input type="date" name="date_from" value="{{ request('date_from') }}" class="form-control form-control-sm">
            </div>
            <div class="form-group mr-2 mb-2">
                <label class="mr-1 small">Sampai:</label>
                <input type="date" name="date_to" value="{{ request('date_to') }}" class="form-control form-control-sm">
            </div>
            <div class="form-group mr-2 mb-2">
                <label class="mr-1 small">Status:</label>
                <select name="status" class="form-control form-control-sm">
                    <option value="">Semua</option>
                    <option value="draft" @selected(request('status')=='draft')>Draft</option>
                    <option value="sent" @selected(request('status')=='sent')>Terkirim</option>
                    <option value="paid" @selected(request('status')=='paid')>Lunas</option>
                    <option value="cancelled" @selected(request('status')=='cancelled')>Dibatalkan</option>
                </select>
            </div>
            <div class="form-group mb-2">
                <button type="submit" class="btn btn-sm btn-secondary mr-1">Filter</button>
                <a href="{{ route('reports.invoices') }}" class="btn btn-sm btn-outline-secondary mr-2">Reset</a>
                <button type="button" onclick="window.print()" class="btn btn-sm btn-outline-dark">
                    <i class="fas fa-print"></i> Cetak Landscape
                </button>
            </div>
        </form>
    </div>
</div>

{{-- Summary Cards --}}
<div class="row mb-3 summary-cards">
    <div class="col-md-3">
        <div class="card text-center">
            <div class="card-body py-3">
                <div class="text-muted small">Total Invoice</div>
                <div class="h4 font-weight-bold mb-0">{{ $summary->total_invoices }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center">
            <div class="card-body py-3">
                <div class="text-muted small">Total Nilai</div>
                <div class="h5 font-weight-bold mb-0">Rp {{ number_format($summary->total_amount, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center">
            <div class="card-body py-3">
                <div class="text-muted small">Sudah Lunas</div>
                <div class="h5 font-weight-bold mb-0 text-success">Rp {{ number_format($summary->total_paid, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center">
            <div class="card-body py-3">
                <div class="text-muted small">Belum Lunas</div>
                <div class="h5 font-weight-bold mb-0 text-warning">Rp {{ number_format($summary->total_unpaid, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
</div>

{{-- Tabel --}}
<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-bordered table-hover align-middle mb-0" style="font-size: 0.85rem">
                <thead class="bg-light">
                    <tr>
                        <th>NO INV</th>
                        <th>NAMA PELANGGAN</th>
                        <th>TGL INV</th>
                        <th>JAPO</th>
                        <th>KATEGORY</th>
                        <th>MASKAPAI/VENDOR</th>
                        <th>RUTE</th>
                        <th>NAMA PENUMPANG</th>
                        <th>SUPLIER</th>
                        <th class="text-right">NTA</th>
                        <th class="text-right">HARGA TOTAL</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($invoices as $inv)
                    @foreach($inv->items as $item)
                    <tr>
                        <td class="font-weight-bold">{{ $inv->invoice_number }}</td>
                        <td>{{ $inv->customer->name }}</td>
                        <td>{{ $inv->invoice_date->format('d/m/Y') }}</td>
                        <td>{{ $inv->due_date?->format('d/m/Y') ?? '-' }}</td>
                        <td>{{ $item->category?->name ?? '-' }}</td>
                        <td>
                            @php
                                $vendor = $item->details['airline'] ?? ($item->details['train'] ?? ($item->details['hotel'] ?? ($item->details['car'] ?? '-')));
                            @endphp
                            {{ $vendor }}
                        </td>
                        <td>
                            @php
                                $rute = $item->details['route'] ?? ($item->details['room_type'] ?? '-');
                            @endphp
                            {{ $rute }}
                        </td>
                        <td>{{ $item->details['passenger'] ?? '-' }}</td>
                        <td>{{ $item->details['supplier'] ?? '-' }}</td>
                        <td class="text-right">Rp {{ number_format($item->details['nta'] ?? 0, 0, ',', '.') }}</td>
                        <td class="text-right font-weight-bold">Rp {{ number_format($item->total_price, 0, ',', '.') }}</td>
                    </tr>
                    @endforeach
                @empty
                <tr><td colspan="11" class="text-center text-muted py-5">Tidak ada data invoice</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($invoices->hasPages())
        <div class="card-footer no-print">{{ $invoices->links() }}</div>
    @endif
</div>
@endsection