@extends('garage.layouts.app')

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

@section('content')
@php
    $garageName = trim((string) (($garage->name ?? '') ?: 'Garage'));
    $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;

    $garageAddressLine1 = '408-Nasheman-e-Iqbal Phase-1,';
    $garageAddressLine2 = 'Main Khayaban-e-Jinnah Lahore';
    $garagePhoneLine = '0304-4509063 / 0333-8003811';

    $customerName = trim((string) ($sale->customer_name ?? 'Walk-in Customer'));
    $cashier = trim((string) ($sale->cashier_name ?? ''));
    $disc = (float) ($sale->discount_amount ?? 0);
    $dt = trim((string) ($sale->sale_date ?? '') . ' ' . substr((string) ($sale->sale_time ?? ''), 0, 5));
    $subTotal = (float) ($sale->subtotal ?? 0);
    $netTotal = (float) ($sale->grand_total ?? 0);
    $orderAdvance = (float) ($sale->order_advance_amount ?? 0);
    $orderBalance = (float) ($sale->order_balance_amount ?? $netTotal);
    $orderNumber = trim((string) ($sale->order_repair_number ?? ''));
    $packageAmount = (float) ($sale->package_amount_total ?? 0);

    $lineItems = [];
    foreach ($items as $row) {
        $lineItems[] = (object) [
            'name' => $row->product_name ?: ($row->description ?: 'Item'),
            'qty' => (int) ($row->quantity ?? 0),
            'rate' => (float) ($row->unit_price ?? 0),
            'disc' => (float) ($row->discount_amount ?? 0),
            'amount' => (float) ($row->line_total ?? 0),
        ];
    }
    foreach ($services as $svc) {
        $lineItems[] = (object) [
            'name' => $svc->service_name ?: ($svc->title ?: 'Service'),
            'qty' => (int) round((float) ($svc->hours ?? 0)),
            'rate' => (float) ($svc->rate ?? 0),
            'disc' => 0,
            'amount' => (float) ($svc->line_total ?? 0),
        ];
    }
    if ($packageAmount > 0) {
        $lineItems[] = (object) [
            'name' => 'Package Services',
            'qty' => 1,
            'rate' => $packageAmount,
            'disc' => 0,
            'amount' => $packageAmount,
        ];
    }

    $warrantyLines = [
        '1) ANY TYPE OF LUBRICANT ITEM CAN NOT BE RETURN OR REPLACEABLE.',
        '2) NOT RESPONSIBLE FOR FILTER FACTORY FAULT OR LEAKAGE.',
        '3) NO WARRANTY OR GUARANTEE ON TYRE ITEMS.',
    ];

    $softwareFooterUrl = trim((string) ($garage->website ?? ''));
    if ($softwareFooterUrl === '') {
        $softwareFooterUrl = 'www.cloudsolutions.com.pk';
    }
    $softwareFooterUrl = preg_replace('#^https?://#i', '', $softwareFooterUrl);
@endphp

<style>
    .thermal-wrap {
        max-width: 72mm;
        margin: 0 auto;
    }
    .thermal-card {
        background: #fff;
        color: #000;
        border: 1px solid #ddd;
        padding: 6px 5px 8px;
        font-family: Arial, Helvetica, "Segoe UI", sans-serif;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.15;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }
    .thermal-card strong,
    .thermal-card b {
        font-weight: 800;
    }
    .t-center { text-align: center; }
    .t-brand-logo {
        display: block;
        margin: 0 auto 3px;
        max-width: 92%;
        width: auto;
        height: auto;
        max-height: 72px;
        object-fit: contain;
    }
    .t-title {
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 0.02em;
    }
    .t-tagline {
        font-size: 12px;
        font-weight: 800;
        margin-top: 2px;
    }
    .t-addr {
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
        margin-top: 1px;
    }
    .t-phone {
        font-size: 11px;
        font-weight: 800;
        margin-top: 2px;
    }
    .t-line {
        border-top: 1px dashed #000;
        margin: 4px 0;
    }
    .t-info {
        font-size: 11px;
        font-weight: 800;
        line-height: 1.25;
        margin: 0 0 2px;
        white-space: nowrap;
        overflow: hidden;
    }
    .t-items {
        width: 100%;
        font-size: 11px;
        font-weight: 800;
    }
    .t-item-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 24px 40px 34px 44px;
        column-gap: 3px;
        align-items: center;
        white-space: nowrap;
        line-height: 1.1;
        font-weight: 800;
        margin: 0;
        padding: 1px 0;
        color: #000;
    }
    .t-item-row.t-item-head {
        font-size: 10px;
        text-transform: uppercase;
        border-bottom: 1px dashed #000;
        padding-bottom: 2px;
        margin-bottom: 1px;
    }
    .t-item-row .col-part {
        min-width: 0;
        text-align: left;
        overflow: hidden;
    }
    .t-item-row .col-qty { text-align: right; }
    .t-item-row .col-rate { text-align: right; }
    .t-item-row .col-disc { text-align: right; }
    .t-item-row .col-amt { text-align: right; }
    .t-item-fit {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 800;
    }
    .t-item-no {
        display: inline;
        margin-right: 2px;
        font-weight: 800;
    }
    .t-item-name {
        display: inline;
        font-weight: 800;
        white-space: nowrap;
    }
    .t-totals {
        font-size: 12px;
        font-weight: 800;
        line-height: 1.3;
    }
    .t-total-row {
        display: flex;
        justify-content: space-between;
        gap: 6px;
        margin: 1px 0;
    }
    .t-total-row .lbl { text-transform: uppercase; }
    .t-total-row.net {
        font-size: 13px;
        margin-top: 2px;
    }
    .t-policy {
        margin-top: 4px;
        font-size: 10px;
        font-weight: 800;
        line-height: 1.25;
    }
    .t-policy div { margin-bottom: 2px; }
    .t-note {
        font-size: 10px;
        font-weight: 800;
        margin-top: 4px;
        white-space: pre-line;
    }
    .t-footer-rule {
        text-align: center;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.08em;
        margin: 5px 0 2px;
        color: #000;
    }
    .t-footer {
        text-align: center;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
        text-transform: uppercase;
    }
    .t-footer-url {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.02em;
    }
    @media print {
        .top-header, .sidebar, .btn, .no-print { display: none !important; }
        .main-content { margin-left: 0 !important; }
        .container-fluid { padding: 0 !important; }
        @page {
            size: 80mm auto;
            margin: 1mm 2mm;
        }
        html, body {
            margin: 0;
            padding: 0;
            background: #fff;
        }
        .thermal-wrap {
            max-width: none;
            width: 76mm;
            margin: 0;
        }
        .thermal-card,
        .thermal-card * {
            font-weight: 800 !important;
            color: #000 !important;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }
        .thermal-card {
            border: 0;
            padding: 0;
        }
        img.t-brand-logo {
            font-weight: normal !important;
        }
    }
</style>

<div class="container-fluid px-2 py-2">
    <div class="thermal-wrap">
        <div class="d-flex justify-content-between mb-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-dark" onclick="window.print()">Print Thermal</button>
        </div>

        <div class="thermal-card">
            <div class="t-center">
                @if($fareedMotorsLogoUrl)
                    <img src="{{ $fareedMotorsLogoUrl }}" alt="{{ $garageName }}" class="t-brand-logo">
                @else
                    <div class="t-title">{{ $garageName }}</div>
                @endif
                <div class="t-tagline">One Stop Shop</div>
                <div class="t-addr">{{ $garageAddressLine1 }}</div>
                <div class="t-addr">{{ $garageAddressLine2 }}</div>
                <div class="t-phone">{{ $garagePhoneLine }}</div>
            </div>

            <div class="t-line"></div>

            <div class="t-info">CUSTOMER: {{ $customerName }}</div>
            @if($cashier !== '')
            <div class="t-info">CASHIER: {{ $cashier }}</div>
            @endif
            <div class="t-info">DATE: {{ $dt }}</div>
            <div class="t-info">INVOICE: {{ $sale->sale_number }}</div>
            @if(!empty($sale->meter_reading))
            <div class="t-info">METER: {{ \App\Support\GarageMeterReading::format($sale->meter_reading) }} km</div>
            @endif
            @if(!empty($sale->customer_phone))
            <div class="t-info">MOBILE: {{ $sale->customer_phone }}</div>
            @endif

            <div class="t-line"></div>

            <div class="t-items">
                <div class="t-item-row t-item-head">
                    <span class="col-part">Particulars</span>
                    <span class="col-qty">Qty</span>
                    <span class="col-rate">Rate</span>
                    <span class="col-disc">Disc</span>
                    <span class="col-amt">Amount</span>
                </div>
                @forelse($lineItems as $idx => $line)
                <div class="t-item-row">
                    <span class="col-part">
                        <span class="t-item-fit">
                            <span class="t-item-no">{{ $idx + 1 }}</span>
                            <span class="t-item-name">{{ $line->name }}</span>
                        </span>
                    </span>
                    <span class="col-qty">{{ $line->qty }}</span>
                    <span class="col-rate">{{ number_format($line->rate, 0) }}</span>
                    <span class="col-disc">{{ number_format($line->disc, 0) }}</span>
                    <span class="col-amt">{{ number_format($line->amount, 0) }}</span>
                </div>
                @empty
                <div class="t-item-row"><span class="col-part">No lines</span></div>
                @endforelse
            </div>

            <div class="t-line"></div>

            <div class="t-totals">
                <div class="t-total-row"><span class="lbl">CASH:</span><span>0</span></div>
                <div class="t-total-row"><span class="lbl">RETURN:</span><span>0</span></div>
                <div class="t-total-row"><span class="lbl">SUB TOTAL:</span><span>{{ number_format($subTotal, 0) }}</span></div>
                <div class="t-total-row"><span class="lbl">DISCOUNT:</span><span>{{ number_format($disc, 0) }}</span></div>
                @if($orderAdvance > 0)
                <div class="t-total-row">
                    <span class="lbl">ADVANCE{{ $orderNumber !== '' ? ' ('.$orderNumber.')' : '' }}:</span>
                    <span>{{ number_format($orderAdvance, 0) }}</span>
                </div>
                <div class="t-total-row">
                    <span class="lbl">BALANCE:</span>
                    <span>{{ number_format($orderBalance, 0) }}</span>
                </div>
                @endif
                <div class="t-total-row net"><span class="lbl">NET TOTAL:</span><span>{{ number_format($netTotal, 0) }}</span></div>
            </div>

            @if(!empty($sale->comments))
            <div class="t-line"></div>
            <div class="t-note">{{ $sale->comments }}</div>
            @endif

            <div class="t-line"></div>
            <div class="t-policy">
                @foreach($warrantyLines as $line)
                    <div>{{ $line }}</div>
                @endforeach
            </div>

            <div class="t-footer-rule">-------- SOFTWARE BY --------</div>
            <div class="t-footer-url">{{ $softwareFooterUrl }}</div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    function fitThermalItemRows() {
        document.querySelectorAll('.t-item-fit').forEach(function (wrap) {
            var name = wrap.querySelector('.t-item-name');
            var cell = wrap.closest('.col-part');
            if (!name || !cell) return;
            var size = 11;
            name.style.fontSize = size + 'px';
            name.style.fontWeight = '800';
            var guard = 0;
            while (wrap.scrollWidth > cell.clientWidth && size > 7 && guard < 24) {
                size -= 0.5;
                name.style.fontSize = size + 'px';
                guard++;
            }
        });
    }

    window.addEventListener('load', function () {
        fitThermalItemRows();
        setTimeout(function () {
            fitThermalItemRows();
            try { window.print(); } catch (e) {}
        }, 200);
    });
    window.addEventListener('beforeprint', fitThermalItemRows);
</script>
@endpush