@extends('layouts.app')
@section('title', 'Detail Invoice')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('invoices.index') }}">Invoice</a></li>
    <li class="breadcrumb-item active">{{ $invoice->invoice_number }}</li>
@endsection
@section('content')
<div class="page-header d-flex justify-content-between align-items-center flex-wrap gap-2">
    <div>
        <h4 class="mb-0"><i class="bi bi-receipt me-2 text-primary"></i>{{ $invoice->invoice_number }}</h4>
        <span class="badge bg-{{ $invoice->status_color }} mt-1">{{ $invoice->status_label }}</span>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('invoices.print', $invoice) }}" target="_blank" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-printer me-1"></i>Cetak
        </a>
        @if($invoice->status !== 'lunas')
        <a href="{{ route('payments.create', $invoice) }}" class="btn btn-success btn-sm">
            <i class="bi bi-cash me-1"></i>Tambah Pembayaran
        </a>
        @endif
    </div>
</div>

<div class="row g-3">
    <div class="col-md-4">
        <div class="card mb-3">
            <div class="card-body">
                <h6 class="card-title text-muted small">INFO INVOICE</h6>
                <table class="table table-sm table-borderless mb-0">
                    <tr><td class="text-muted small">No. Invoice</td><td class="fw-bold">{{ $invoice->invoice_number }}</td></tr>
                    <tr><td class="text-muted small">No. Order</td><td>
                        <a href="{{ route('service-orders.show', $invoice->serviceOrder) }}" class="text-decoration-none">{{ $invoice->serviceOrder->order_number }}</a>
                    </td></tr>
                    <tr><td class="text-muted small">Pelanggan</td><td>{{ $invoice->serviceOrder->customer->name }}</td></tr>
                    <tr><td class="text-muted small">Telepon</td><td>{{ $invoice->serviceOrder->customer->phone }}</td></tr>
                    <tr><td class="text-muted small">Perangkat</td><td>{{ $invoice->serviceOrder->deviceType->name }}</td></tr>
                    <tr><td class="text-muted small">Jatuh Tempo</td><td>{{ $invoice->due_date?->format('d/m/Y') ?? '-' }}</td></tr>
                    <tr><td class="text-muted small">Dibuat Oleh</td><td>{{ $invoice->createdBy->name }}</td></tr>
                </table>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <h6 class="card-title text-muted small">RINGKASAN PEMBAYARAN</h6>
                <table class="table table-sm table-borderless mb-0">
                    <tr><td class="text-muted small">Subtotal</td><td class="text-end">Rp {{ number_format($invoice->subtotal, 0, ',', '.') }}</td></tr>
                    @if($invoice->discount > 0)
                    <tr><td class="text-muted small">Diskon</td><td class="text-end text-success">- Rp {{ number_format($invoice->discount_type === 'percent' ? ($invoice->subtotal * $invoice->discount / 100) : $invoice->discount, 0, ',', '.') }}</td></tr>
                    @endif
                    @if($invoice->tax_amount > 0)
                    <tr><td class="text-muted small">PPN ({{ $invoice->tax_rate }}%)</td><td class="text-end">+ Rp {{ number_format($invoice->tax_amount, 0, ',', '.') }}</td></tr>
                    @endif
                    <tr class="fw-bold"><td>Total</td><td class="text-end fs-6">Rp {{ number_format($invoice->total, 0, ',', '.') }}</td></tr>
                    <tr class="text-success"><td>Dibayar</td><td class="text-end">Rp {{ number_format($invoice->paid_amount, 0, ',', '.') }}</td></tr>
                    <tr class="text-danger fw-bold"><td>Sisa</td><td class="text-end">Rp {{ number_format($invoice->remaining_amount, 0, ',', '.') }}</td></tr>
                </table>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="card mb-3">
            <div class="card-header py-3"><h6 class="mb-0 fw-bold">Rincian Layanan</h6></div>
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead><tr><th>Deskripsi</th><th>Kategori</th><th class="text-center">Qty</th><th class="text-end">Harga</th><th class="text-end">Subtotal</th></tr></thead>
                    <tbody>
                        @foreach($invoice->serviceOrder->serviceDetails as $d)
                        <tr>
                            <td>{{ $d->description }}</td>
                            <td class="small text-muted">{{ $d->serviceCategory?->name ?? '-' }}</td>
                            <td class="text-center">{{ $d->quantity }}</td>
                            <td class="text-end small">Rp {{ number_format($d->price, 0, ',', '.') }}</td>
                            <td class="text-end">Rp {{ number_format($d->subtotal, 0, ',', '.') }}</td>
                        </tr>
                        @endforeach
                        @foreach($invoice->serviceOrder->serviceParts as $p)
                        <tr>
                            <td>{{ $p->sparePart->name }}</td>
                            <td class="small text-muted">Spare Part</td>
                            <td class="text-center">{{ $p->quantity }} {{ $p->sparePart->unit }}</td>
                            <td class="text-end small">Rp {{ number_format($p->unit_price, 0, ',', '.') }}</td>
                            <td class="text-end">Rp {{ number_format($p->subtotal, 0, ',', '.') }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="mb-0 fw-bold">Riwayat Pembayaran</h6>
            </div>
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead><tr><th>No. Bayar</th><th>Tanggal</th><th>Metode</th><th>Referensi</th><th class="text-end">Jumlah</th></tr></thead>
                    <tbody>
                        @forelse($invoice->payments as $pay)
                        <tr>
                            <td class="fw-medium small">{{ $pay->payment_number }}</td>
                            <td class="small">{{ $pay->payment_date->format('d/m/Y') }}</td>
                            <td class="small">{{ $pay->method_label }}</td>
                            <td class="small text-muted">{{ $pay->reference_number ?? '-' }}</td>
                            <td class="text-end fw-bold text-success">Rp {{ number_format($pay->amount, 0, ',', '.') }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="5" class="text-center text-muted py-3">Belum ada pembayaran</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection