@extends('layouts.print')

@section('content')
<div class="invoice-sheet" style="padding: 10mm;">

    {{-- HEADER --}}
    <div class="flex justify-between items-start border-b-2 border-[#0b2340] pb-3 mb-4">
        <div class="flex items-start gap-3">
            @if($tenant->logo_path)
                <img src="{{ asset('storage/'.$tenant->logo_path) }}" alt="logo" style="width:20mm;height:20mm;object-fit:contain;">
            @else
                <div style="width:20mm;height:20mm;background:#0b2340;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;border-radius:4px;">O</div>
            @endif
            <div>
                <div style="font-size:20px;font-weight:900;color:#0b2340;letter-spacing:0.5px;">{{ $tenant->nama_perusahaan }}</div>
                @if($tenant->tagline)<div style="font-size:11px;color:#475569;">{{ $tenant->tagline }}</div>@endif
                <div style="font-size:10.5px;color:#475569;margin-top:2px;">
                    {{ $tenant->alamat }}<br>
                    @if($tenant->no_hp) HP/WA: {{ $tenant->no_hp }} @endif
                    @if($tenant->email) · {{ $tenant->email }} @endif
                </div>
            </div>
        </div>

        <div class="text-right">
            <div style="font-size:26px;font-weight:900;color:#1e6fbf;letter-spacing:2px;">INVOICE</div>
            <div style="font-size:11px;color:#475569;">/ NOTA</div>
            <table style="margin-top:6px;font-size:11px;margin-left:auto;">
                <tr><td style="text-align:right;padding-right:6px;color:#475569;">No:</td><td style="text-align:left;font-weight:700;">{{ $invoice->nomor_invoice }}</td></tr>
                <tr><td style="text-align:right;padding-right:6px;color:#475569;">Tanggal:</td><td style="text-align:left;font-weight:700;">{{ $invoice->tanggal_invoice->format('d/m/Y') }}</td></tr>
            </table>
            <div style="margin-top:5px;display:inline-block;padding:3px 12px;border-radius:999px;font-size:11px;font-weight:700;
                @if($invoice->status==='LUNAS') background:#dcfce7;color:#166534;border:1px solid #86efac;
                @elseif($invoice->status==='DP') background:#fff6d5;color:#854d0e;border:1px solid #facc15;
                @else background:#fdecea;color:#991b1b;border:1px solid #fca5a5; @endif">
                {{ $invoice->status }}
            </div>
        </div>
    </div>

    {{-- INFO CUSTOMER --}}
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #c8d0da;border-radius:6px;margin-bottom:10px;">
        <div style="padding:8px 12px;border-right:1px solid #c8d0da;background:#f4f6f9;">
            <table style="width:100%;font-size:11.5px;">
                <tr><td style="color:#475569;width:90px;padding:1px 0;">NAMA CUSTOMER</td><td style="color:#0b2340;font-weight:700;">: {{ $invoice->customer->nama ?? '-' }}</td></tr>
                <tr><td style="color:#475569;">NO HP</td><td>: {{ $invoice->customer->no_hp ?? '-' }}</td></tr>
                <tr><td style="color:#475569;">TGL MASUK</td><td>: {{ optional($invoice->tanggal_masuk)->format('d/m/Y') ?? '-' }}</td></tr>
            </table>
        </div>
        <div style="padding:8px 12px;">
            <table style="width:100%;font-size:11.5px;">
                <tr><td style="color:#475569;width:90px;padding:1px 0;">JENIS SABLON</td><td>: {{ $invoice->jenis_sablon ?? '-' }}</td></tr>
                <tr><td style="color:#475569;">BAHAN</td><td>: {{ $invoice->bahan ?? '-' }}</td></tr>
                <tr><td style="color:#475569;">STATUS</td><td>: <strong>{{ $invoice->status }}</strong></td></tr>
            </table>
        </div>
    </div>

    {{-- ITEMS --}}
    @php $hasMockup = $invoice->images->count() > 0; @endphp
    <table class="inv-items" style="width:100%;border-collapse:collapse;font-size:11.5px;border:1px solid #c8d0da;">
        <thead>
            <tr style="background:#0b2340;color:#fff;">
                <th style="padding:6px 8px;text-align:center;width:35px;border:1px solid #0b2340;">No</th>
                <th style="padding:6px 8px;text-align:left;border:1px solid #0b2340;">Spesifikasi</th>
                <th style="padding:6px 8px;text-align:center;width:65px;border:1px solid #0b2340;">Ukuran</th>
                <th style="padding:6px 8px;text-align:center;width:55px;border:1px solid #0b2340;">Qty</th>
                <th style="padding:6px 8px;text-align:right;width:100px;border:1px solid #0b2340;">Harga</th>
                <th style="padding:6px 8px;text-align:right;width:120px;border:1px solid #0b2340;">Total</th>
                @if($hasMockup)<th style="padding:6px 8px;text-align:center;width:110px;border:1px solid #0b2340;">Mockup</th>@endif
            </tr>
        </thead>
        <tbody>
            @foreach($invoice->items as $i => $item)
                <tr style="background:{{ $i % 2 ? '#f9fafb' : '#fff' }};">
                    <td style="padding:5px 8px;text-align:center;border:1px solid #c8d0da;">{{ $i + 1 }}</td>
                    <td style="padding:5px 8px;border:1px solid #c8d0da;font-weight:600;">{{ $item->spesifikasi }}</td>
                    <td style="padding:5px 8px;text-align:center;border:1px solid #c8d0da;">{{ $item->ukuran ?? '-' }}</td>
                    <td style="padding:5px 8px;text-align:center;border:1px solid #c8d0da;">{{ $item->qty }}</td>
                    <td style="padding:5px 8px;text-align:right;border:1px solid #c8d0da;">{{ number_format($item->harga_satuan, 0, ',', '.') }}</td>
                    <td style="padding:5px 8px;text-align:right;border:1px solid #c8d0da;font-weight:700;">{{ number_format($item->total_harga, 0, ',', '.') }}</td>
                    @if($hasMockup)
                        <td style="padding:3px;text-align:center;border:1px solid #c8d0da;">
                            @if($i === 0 && $invoice->images->first())
                                <img src="{{ $invoice->images->first()->url }}" style="max-height:20mm;max-width:26mm;object-fit:contain;">
                            @endif
                        </td>
                    @endif
                </tr>
            @endforeach
        </tbody>
        <tfoot>
            <tr style="background:#e6f0fa;font-weight:800;color:#0b2340;">
                <td colspan="3" style="padding:6px 8px;text-align:right;border:1px solid #c8d0da;">TOTAL KAOS (PCS)</td>
                <td style="padding:6px 8px;text-align:center;border:1px solid #c8d0da;">{{ $invoice->total_qty }}</td>
                <td colspan="{{ $hasMockup ? 3 : 2 }}" style="padding:6px 8px;text-align:right;border:1px solid #c8d0da;">Pcs</td>
            </tr>
        </tfoot>
    </table>

    {{-- FOOTER: PEMBAYARAN + TOTAL --}}
    <div style="display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:10px;">
        <div style="border:1px solid #c8d0da;border-radius:6px;padding:8px 12px;background:#f4f6f9;">
            <div style="font-weight:800;color:#0b2340;font-size:11.5px;margin-bottom:6px;">💳 PEMBAYARAN VIA TRANSFER</div>

            @php $paymentMethods = $tenant->paymentMethods()->where('is_active', true)->get(); @endphp

            @forelse($paymentMethods as $pm)
                <div style="display:flex;gap:8px;padding:5px 0;border-bottom:1px dashed #d8dee6;">
                    <div style="width:95px;font-size:11px;color:#475569;font-weight:600;flex-shrink:0;">
                        {{ $pm->jenis_icon }} {{ strtoupper($pm->jenis_label) }}
                    </div>
                    <div style="flex:1;">
                        <div style="font-size:11.5px;font-weight:700;color:#0b2340;">
                            {{ $pm->nama }}
                        </div>
                        <div style="font-size:13px;font-weight:900;color:#1e6fbf;font-family:'Courier New',monospace;letter-spacing:0.5px;line-height:1.2;">
                            {{ $pm->nomor }}
                        </div>
                        @if($pm->pemilik)
                            <div style="font-size:10px;color:#475569;margin-top:1px;">
                                a.n {{ $pm->pemilik }}
                            </div>
                        @endif
                    </div>
                </div>
            @empty
                <div style="color:#94a3b8;font-style:italic;padding:6px 0;font-size:11px;">
                    Belum ada metode pembayaran terdaftar.
                </div>
            @endforelse

            <div style="margin-top:8px;padding-top:6px;border-top:1px dashed #c8d0da;">
                <div style="font-weight:800;color:#0b2340;font-size:11.5px;">KETERANGAN & CATATAN:</div>
                <div style="font-size:10.5px;white-space:pre-line;color:#334155;margin-top:2px;">
                    {{ $invoice->catatan ?: $tenant->catatan_default }}
                </div>
            </div>
        </div>

        <div style="border:1px solid #c8d0da;border-radius:6px;padding:8px 12px;">
            <table style="width:100%;font-size:12px;">
                <tr><td style="color:#475569;padding:2px 0;">SUBTOTAL:</td><td style="text-align:right;font-weight:700;">Rp {{ number_format($invoice->subtotal, 0, ',', '.') }}</td></tr>
                <tr><td style="color:#475569;padding:2px 0;">DISKON:</td><td style="text-align:right;">Rp {{ number_format($invoice->diskon, 0, ',', '.') }}</td></tr>
                <tr style="background:#e6f0fa;"><td style="padding:4px 6px;font-weight:800;color:#0b2340;">TOTAL AKHIR:</td><td style="padding:4px 6px;text-align:right;font-weight:900;color:#0b2340;">Rp {{ number_format($invoice->total_akhir, 0, ',', '.') }}</td></tr>
                <tr style="background:#fff6d5;"><td style="padding:3px 6px;color:#854d0e;">UANG MUKA:</td><td style="padding:3px 6px;text-align:right;color:#854d0e;font-weight:700;">Rp {{ number_format($invoice->total_dibayar, 0, ',', '.') }}</td></tr>
                <tr style="background:#fdecea;"><td style="padding:4px 6px;font-weight:800;color:#991b1b;">KEKURANGAN:</td><td style="padding:4px 6px;text-align:right;font-weight:900;color:#991b1b;">Rp {{ number_format($invoice->sisa_pembayaran, 0, ',', '.') }}</td></tr>
            </table>

            <div style="margin-top:14px;text-align:right;font-size:11.5px;">
                <div style="color:#475569;">Hormat Kami,</div>
                <div style="height:38px;"></div>
                <div style="font-weight:800;color:#0b2340;">({{ $tenant->nama_perusahaan }})</div>
                <div style="font-size:10px;color:#475569;">{{ $tenant->tagline }}</div>
            </div>
        </div>
    </div>

    <div style="text-align:center;font-size:9.5px;color:#94a3b8;margin-top:8px;">
        Dokumen ini dicetak otomatis dari sistem {{ $tenant->nama_perusahaan }} · {{ now()->format('d/m/Y H:i') }}
    </div>
</div>
@endsection