@extends('garage.layouts.app')

@section('title', 'A4 Invoice')

@section('content')
@php
    $garageName = trim((string) (($garage->name ?? '') ?: 'Garage'));
    $garageAddress = collect([
        $garage->address ?? null,
        $garage->address_1 ?? null,
        $garage->address_2 ?? null,
        $garage->address_line1 ?? null,
        $garage->address_line2 ?? null,
        $garage->location ?? null,
        $garage->branch_name ?? null,
        $garage->city ?? null,
        $garage->state ?? null,
        $garage->country ?? null,
    ])->map(fn ($v) => trim((string) $v))
      ->filter(fn ($v) => $v !== '')
      ->unique()
      ->implode(', ');
    $garagePhones = collect([
        $garage->phone ?? null,
        $garage->phone_2 ?? null,
        $garage->phone_no ?? null,
        $garage->contact_no ?? null,
        $garage->mobile ?? null,
        $garage->mobile_no ?? null,
        $garage->landline ?? null,
        $garage->whatsapp ?? null,
        $garage->whatsapp_no ?? null,
    ])->map(fn ($p) => trim((string) $p))
      ->filter(fn ($p) => $p !== '')
      ->unique()
      ->values();
    $garagePhoneLine = $garagePhones->implode(' / ');
    $customer = trim((($sale->customer_code ?? '') ? ($sale->customer_code.' · ') : '').($sale->customer_name ?? 'Walk-in Customer'));
    // Static print header block (matches thermal invoice).
    $printAddressLine1 = '408-Nasheman-e-Iqbal Phase-1,';
    $printAddressLine2 = 'Main Khayaban-e-Jinnah Lahore';
    $printPhoneLine = '0304-4509063 / 0333-8003811';
    $printTagline = 'One Stop Shop';
    $fareedMotorsLogoPath = public_path('images/fareed-motors-logo.png');
    $useFareedMotorsInvoiceLogo = is_file($fareedMotorsLogoPath) && stripos($garageName, 'fareed') !== false;
    $fareedMotorsLogoUrl = $useFareedMotorsInvoiceLogo ? asset('images/fareed-motors-logo.png') : null;
@endphp

<style>
    .a4-wrap { max-width: 980px; margin: 0 auto; background: #fff; color: #111; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; }
    .a4-head {
        background: #fff;
        color: #000;
        padding: 14px 20px 12px;
        border-bottom: 2px solid #000;
    }
    .a4-head-row {
        display: flex;
        align-items: center;
        gap: 22px;
        flex-wrap: wrap;
    }
    .a4-brand-logo {
        flex: 0 0 auto;
        display: block;
        height: auto;
        width: auto;
        max-height: 96px;
        max-width: 280px;
        object-fit: contain;
    }
    .a4-brand-text {
        flex: 1 1 200px;
        min-width: 0;
        text-align: left;
        color: #000;
    }
    .a4-title { font-size: 26px; font-weight: 800; margin: 0 0 2px; line-height: 1.1; color: #000; }
    .a4-tagline { font-size: 14px; font-weight: 700; color: #000; margin: 0 0 4px; }
    .a4-sub { font-size: 12.5px; line-height: 1.35; color: #000; margin: 0; }
    .a4-sub.strong { font-weight: 700; }
    .a4-invoice-banner {
        margin-top: 8px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: #000;
        text-align: right;
    }
    .a4-body { padding: 16px 20px; }
    .a4-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .a4-k { font-size: 11px; color: #64748b; text-transform: uppercase; letter-spacing: .05em; }
    .a4-v { font-weight: 700; }
    .a4-table { width: 100%; border-collapse: collapse; margin-top: 14px; }
    .a4-table th, .a4-table td { border: 1px solid #e5e7eb; padding: 8px; font-size: 13px; }
    .a4-table th { background: #f8fafc; text-transform: uppercase; font-size: 11px; color: #475569; }
    .a4-right { text-align: right; }
    .a4-total { margin-left: auto; width: min(380px, 100%); margin-top: 12px; }
    .a4-total td { padding: 6px 8px; }
    .a4-total .grand { font-size: 20px; font-weight: 800; color: #0f172a; border-top: 2px solid #111; }
    .a4-footer { margin-top: 14px; font-size: 12px; color: #64748b; text-align: center; border-top: 1px dashed #cbd5e1; padding-top: 8px; }
    @media print {
        .top-header, .sidebar, .btn, .no-print { display: none !important; }
        .main-content { margin-left: 0 !important; }
        .container-fluid { padding: 0 !important; }
        @page { size: A4; margin: 10mm; }
        .a4-wrap { border: 0; border-radius: 0; max-width: none; }
    }
</style>

<div class="container-fluid px-2 py-2">
    <div class="a4-wrap">
        <div class="d-flex justify-content-between p-2 no-print">
            <a href="{{ route('garage.sales.show', $sale->id) }}" class="btn btn-sm btn-outline-secondary">Back</a>
            <button type="button" class="btn btn-sm btn-primary" onclick="window.print()">Print A4</button>
        </div>

        <div class="a4-head">
            <div class="a4-head-row">
                @if($fareedMotorsLogoUrl)
                    <img src="{{ $fareedMotorsLogoUrl }}" alt="{{ $garageName }}" class="a4-brand-logo">
                @else
                    <h1 class="a4-title">{{ $garageName }}</h1>
                @endif
                <div class="a4-brand-text">
                    <div class="a4-tagline">{{ $printTagline }}</div>
                    <div class="a4-sub">{{ $printAddressLine1 }} {{ $printAddressLine2 }}</div>
                    <div class="a4-sub strong">{{ $printPhoneLine }}</div>
                </div>
            </div>
            <div class="a4-invoice-banner">Invoice · {{ $sale->sale_number }}</div>
        </div>

        <div class="a4-body">
            <div class="a4-grid">
                <div><div class="a4-k">Invoice #</div><div class="a4-v">{{ $sale->sale_number }}</div></div>
                <div><div class="a4-k">Customer</div><div class="a4-v">{{ $customer }}</div></div>
                <div><div class="a4-k">Date</div><div class="a4-v">{{ $sale->sale_date }}</div></div>
                <div><div class="a4-k">Vehicle</div><div class="a4-v">{{ $sale->vehicle_registration ?: '—' }}</div></div>
                <div><div class="a4-k">Meter reading</div><div class="a4-v">@if(!empty($sale->meter_reading)){{ \App\Support\GarageMeterReading::format($sale->meter_reading) }} km@else—@endif</div></div>
                <div><div class="a4-k">Cashier</div><div class="a4-v">{{ $sale->cashier_name ?: '—' }}</div></div>
                <div><div class="a4-k">Customer Mobile</div><div class="a4-v">{{ $sale->customer_phone ?: '—' }}</div></div>
            </div>

            <table class="a4-table">
                <thead>
                    <tr>
                        <th style="width:40px;">#</th>
                        <th>Particular</th>
                        <th class="a4-right" style="width:90px;">Qty</th>
                        <th class="a4-right" style="width:120px;">Rate</th>
                        <th class="a4-right" style="width:140px;">Amount</th>
                    </tr>
                </thead>
                <tbody>
                    @php $sr = 1; @endphp
                    @if(count($items) > 0)
                        <tr>
                            <td colspan="5" style="background:#f1f5f9;font-weight:700;text-transform:uppercase;letter-spacing:.04em;">Parts</td>
                        </tr>
                    @endif
                    @foreach($items as $row)
                        <tr>
                            <td>{{ $sr++ }}</td>
                            <td>{{ $row->product_name ?: ($row->description ?: 'Item') }}</td>
                            <td class="a4-right">{{ (float)($row->quantity ?? 0) }}</td>
                            <td class="a4-right">{{ number_format((float)($row->unit_price ?? 0), 2) }}</td>
                            <td class="a4-right">{{ number_format((float)($row->line_total ?? 0), 2) }}</td>
                        </tr>
                    @endforeach
                    @if(count($services) > 0)
                        <tr>
                            <td colspan="5" style="background:#f8fafc;font-weight:700;text-transform:uppercase;letter-spacing:.04em;">Services</td>
                        </tr>
                    @endif
                    @foreach($services as $svc)
                        @php $svcLine = (float) ($svc->line_total ?? 0); @endphp
                        <tr>
                            <td>{{ $sr++ }}</td>
                            <td>{{ $svc->service_name ?: ($svc->title ?: 'Service') }}</td>
                            <td class="a4-right">{{ number_format((float)($svc->hours ?? 0), 2) }}</td>
                            <td class="a4-right">{{ number_format((float)($svc->rate ?? 0), 2) }}</td>
                            <td class="a4-right">{{ number_format($svcLine, 2) }}</td>
                        </tr>
                    @endforeach
                    @if((float)($sale->package_amount_total ?? 0) > 0)
                        <tr>
                            <td colspan="5" style="background:#eef2ff;font-weight:700;text-transform:uppercase;letter-spacing:.04em;">Package</td>
                        </tr>
                        <tr>
                            <td>{{ $sr++ }}</td>
                            <td>Package Services</td>
                            <td class="a4-right">1</td>
                            <td class="a4-right">{{ number_format((float)($sale->package_amount_total ?? 0), 2) }}</td>
                            <td class="a4-right">{{ number_format((float)($sale->package_amount_total ?? 0), 2) }}</td>
                        </tr>
                    @endif
                </tbody>
            </table>

            <table class="a4-total">
                <tr><td>Subtotal</td><td class="a4-right">{{ number_format((float)($sale->subtotal ?? 0), 2) }}</td></tr>
                <tr><td>Discount</td><td class="a4-right">{{ number_format((float)($sale->discount_amount ?? 0), 2) }}</td></tr>
                <tr><td>Tax</td><td class="a4-right">{{ number_format((float)($sale->tax_amount ?? 0), 2) }}</td></tr>
                <tr><td>Freight</td><td class="a4-right">{{ number_format((float)($sale->freight_amount ?? 0), 2) }}</td></tr>
                @if((float)($sale->order_advance_amount ?? 0) > 0)
                <tr>
                    <td>
                        Advance{{ !empty($sale->order_repair_number) ? ' (Order '.$sale->order_repair_number.')' : '' }}
                    </td>
                    <td class="a4-right">{{ number_format((float)$sale->order_advance_amount, 2) }}</td>
                </tr>
                <tr>
                    <td>Balance on this invoice</td>
                    <td class="a4-right">{{ number_format((float)($sale->order_balance_amount ?? 0), 2) }}</td>
                </tr>
                @endif
                <tr class="grand"><td>Net Total</td><td class="a4-right">{{ number_format((float)($sale->grand_total ?? 0), 2) }}</td></tr>
            </table>

            <div class="a4-footer">
                SOFTWARE BY<br>
                <strong>www.cloudsolutions.com.pk</strong>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    window.addEventListener('load', function () {
        setTimeout(function () {
            try { window.print(); } catch (e) {}
        }, 180);
    });
</script>
@endpush