@extends('admin.layouts.dashboard')
@section('title', 'Invoice ' . $invoice->invoice_number)

@push('head')
@include('admin.invoices._invoice-form-styles')
@endpush

@section('content')

<div class="inv-show-page mt-4">

    {{-- Action bar --}}
    <div class="d-flex justify-content-between align-items-center mb-3 inv-page-head">
        <h3 class="mb-0">Invoice {{ $invoice->invoice_number }}</h3>
        <div class="d-flex gap-2 inv-page-actions">
            <a href="{{ route('admin.invoices.pdf', $invoice) }}" class="btn btn-invoice btn-sm">
                <i class="fas fa-download"></i> Download PDF
            </a>
            <a href="{{ route('admin.invoices.edit', $invoice) }}" class="btn btn-warning btn-sm">
                <i class="fas fa-edit"></i> Edit
            </a>
            @if($invoice->job_detail_id)
                <a href="{{ route('admin.job-details.index') }}" class="btn btn-secondary btn-sm">
                    <i class="fas fa-arrow-left"></i> Back
                </a>
            @else
                <a href="{{ route('admin.invoices.index') }}" class="btn btn-secondary btn-sm">
                    <i class="fas fa-arrow-left"></i> Back
                </a>
            @endif
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show">
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    @php
        function numberToWordsShow($number) {
            $ones = ['','One','Two','Three','Four','Five','Six','Seven','Eight','Nine','Ten',
                     'Eleven','Twelve','Thirteen','Fourteen','Fifteen','Sixteen','Seventeen','Eighteen','Nineteen'];
            $tens = ['','','Twenty','Thirty','Forty','Fifty','Sixty','Seventy','Eighty','Ninety'];
            if ($number == 0) return 'Zero';
            $words = '';
            $num   = (int) $number;
            if ($num >= 1000) {
                $words .= numberToWordsShow((int)floor($num/1000)) . ' Thousand ';
                $num   %= 1000;
            }
            if ($num >= 100) {
                $words .= $ones[(int)floor($num/100)] . ' Hundred ';
                $num   %= 100;
            }
            if ($num >= 20) {
                $words .= $tens[(int)floor($num/10)] . ' ';
                $num   %= 10;
            }
            if ($num > 0) {
                $words .= $ones[$num] . ' ';
            }
            return trim($words);
        }

        // Calculations
        $taxType          = $invoice->tax_type ?? 'exclusive';
        $overallDiscount  = (float)($invoice->discount_amount ?? 0);
        $totals           = \App\Models\Invoice::computeTotals($invoice->line_items, $taxType, $overallDiscount);
        $itemsSubtotal     = $totals['itemsSubtotal'];
        $lineDiscountTotal = $totals['lineDiscountTotal'];
        $gstAmount         = $totals['gstAmount'];
        $pstAmount         = $totals['pstAmount'];
        $gstLabel          = \App\Models\Invoice::taxSummaryLabel('GST', $totals['gstRateTotal'] ?? 0);
        $pstLabel          = \App\Models\Invoice::taxSummaryLabel('HST/PST', $totals['pstRateTotal'] ?? 0);
        $totalExact        = $totals['totalExact'];
        $totalRounded      = $totals['totalRounded'];
        $roundedOff        = $totals['roundedOff'];
        $showLineDiscount  = $setting->usesLineItemDiscount();
        $rawNum     = $invoice->invoice_number;
        $numOnly    = ltrim(preg_replace('/^INV-0*/i', '', $rawNum), '0') ?: '0';
        $displayNum = '#' . $numOnly;

        // Due date fallback
        $dueDate = $invoice->due_date
            ? $invoice->due_date->format('M d, Y')
            : $invoice->invoice_date->copy()->addDays(30)->format('M d, Y');
    @endphp

    {{-- ══════════════════════════════════════════════════════════
         Invoice paper
    ══════════════════════════════════════════════════════════ --}}
    <div class="card shadow-sm inv-doc-card">
        <div class="card-body inv-doc-body">

            {{-- ── HEADER ROW: Logo | INVOICE | #num + Original Copy ── --}}
            <table class="inv-doc-stack" style="width:100%; border-collapse:collapse; margin-bottom:20px;">
                <tr>
                    <td style="width:33%; vertical-align:middle;">
                        @if($setting->logo_path)
                            <img src="{{ asset('storage/'.$setting->logo_path) }}" alt="{{ $setting->business_name }}" style="max-width:130px;">
                        @else
                            <img src="{{ asset('/assets/img/gallery/logo-mac-vac.png') }}" alt="{{ $setting->business_name }}" style="max-width:130px;">
                        @endif
                    </td>
                    <td style="width:34%; vertical-align:middle; text-align:center;" class="inv-doc-stack-title">
                        <span class="inv-doc-title">INVOICE</span>
                    </td>
                    <td style="width:33%; vertical-align:top; text-align:right;" class="inv-doc-stack-num">
                        <div class="inv-doc-num">{{ $displayNum }}</div>
                        <div style="font-size:11px; color:#666; margin-top:2px;">Original Copy</div>
                    </td>
                </tr>
            </table>

            {{-- ── INFO ROW: FROM (left) | Amount Due + Dates (right) ── --}}
            <table class="inv-doc-stack" style="width:100%; border-collapse:collapse; margin-bottom:20px;">
                <tr>
                    <td style="width:52%; vertical-align:top; padding-right:20px;">
                        <div class="inv-doc-business">{{ $setting->business_name }}</div>
                        <div style="line-height:1.9; font-size:12px; color:#333;">
                            {{ $setting->address }}<br>
                            @if($setting->phone) Phone: {{ $setting->phone }}<br>@endif
                            @if($setting->email) Email: {{ $setting->email }}<br>@endif
                            @if($setting->website) Website: {{ $setting->website }}<br>@endif
                            @include('admin.invoices.partials._tax-registration-lines', ['invoiceGstNumber' => $invoice->gst_number ?? null])
                        </div>
                    </td>
                    <td style="width:48%; vertical-align:top;" class="inv-doc-meta">
                        {{-- Amount Due banner --}}
                        <table class="inv-doc-amount-due" style="width:100%; border-collapse:collapse; background:#222; border-radius:4px 4px 0 0;">
                            <tr>
                                <td style="padding:10px 16px; color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;">Amount Due:</td>
                                <td style="padding:10px 16px; text-align:right; font-size:18px; font-weight:700; color:#fff; vertical-align:middle;">${{ number_format($totalRounded, 2) }}</td>
                            </tr>
                        </table>
                        {{-- Issue / Due dates --}}
                        <div style="border:1px solid #ccc; border-top:none; border-radius:0 0 4px 4px; padding:10px 16px; background:#fff; width:100%; box-sizing:border-box;">
                            <table class="inv-doc-dates" style="width:100%; border-collapse:collapse; font-size:12px;">
                                <tr>
                                    <td style="color:#666; padding:4px 0; width:80px;">Invoice No:</td>
                                    <td style="font-weight:600; color:#111; padding:4px 0; text-align:right;">{{ $invoice->invoice_number }}</td>
                                </tr>
                                @if($invoice->payment_terms)
                                <tr>
                                    <td style="color:#666; padding:4px 0;">Terms:</td>
                                    <td style="font-weight:600; color:#111; padding:4px 0; text-align:right;">{{ \App\Models\Invoice::paymentTermsOptions()[$invoice->payment_terms] ?? $invoice->payment_terms }}</td>
                                </tr>
                                @endif
                                <tr>
                                    <td style="color:#666; padding:4px 0;">Issue Date:</td>
                                    <td style="font-weight:600; color:#111; padding:4px 0; text-align:right;">{{ $invoice->invoice_date->format('d - M - Y') }}</td>
                                </tr>
                                <tr>
                                    <td style="color:#666; padding:4px 0;">Due Date:</td>
                                    <td style="font-weight:600; color:#111; padding:4px 0; text-align:right;">{{ $dueDate }}</td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>

            {{-- ── BILL TO ── --}}
            <div class="inv-doc-bill" style="background:#f8f8f8; border:1px solid #ddd; border-radius:4px; padding:12px 16px; font-size:12px; line-height:1.85;">
                <div style="font-size:10px; text-transform:uppercase; letter-spacing:1px; color:#888; margin-bottom:4px;">Bill To</div>
                <div class="inv-bill-name" style="font-size:14px; font-weight:bold; color:#111;">{{ $invoice->customer_name }}</div>
                @if($invoice->customer_phone)
                    <div class="inv-bill-line">{{ $invoice->customer_phone }}</div>
                @endif
                @if($invoice->customer_email)
                    <div class="inv-bill-line inv-bill-email">{{ $invoice->customer_email }}</div>
                @endif
                @if($invoice->customer_address)
                    <div>{{ $invoice->customer_address }}</div>
                @endif
                @if($invoice->customer_country)
                    <div>{{ $invoice->customer_country }}</div>
                @endif
            </div>

            {{-- ── ITEMS TABLE ── --}}
            <div class="inv-doc-scroll">
            <table class="inv-doc-items">
                <thead>
                    <tr style="background:#222; color:#fff;">
                        <th style="padding:10px 10px; text-align:center; width:36px; font-size:12px;">#</th>
                        <th style="padding:10px 10px; text-align:left; font-size:12px;">Item &amp; Description</th>
                        <th style="padding:10px 10px; text-align:center; width:50px; font-size:12px;">Unit</th>
                        <th style="padding:10px 10px; text-align:center; width:60px; font-size:12px;">Qty</th>
                        <th style="padding:10px 10px; text-align:right; width:100px; font-size:12px;">Price</th>
                        @if($showLineDiscount)
                        <th style="padding:10px 10px; text-align:right; width:80px; font-size:12px;">Disc%</th>
                        @endif
                        @if($taxType === 'exclusive')
                        <th style="padding:10px 10px; text-align:right; width:80px; font-size:12px;">GST</th>
                        <th style="padding:10px 10px; text-align:right; width:80px; font-size:12px;">HST/PST</th>
                        @endif
                        <th style="padding:10px 10px; text-align:right; width:110px; font-size:12px;">Amount</th>
                    </tr>
                </thead>
                <tbody class="{{ $showLineDiscount ? 'inv-disc-line' : '' }}">
                    @foreach($invoice->line_items as $i => $item)
                    @php
                        $li       = \App\Models\Invoice::computeLineItem($item, $taxType);
                        $itemDesc = $invoice->lineItemDescriptionForDisplay($item, $loop->first);
                        $linkedItems = $loop->first ? $invoice->linkedItemsLabel() : null;
                        $qtyDisplay = $li['qty'] % 1 == 0 ? (int)$li['qty'] : $li['qty'];
                        $gstRateShow = $li['gstRate'] > 0 || ($li['gstRate'] + $li['pstRate'] === 0.0 && ($item['tax_rate'] ?? 0) > 0)
                            ? ($li['gstRate'] + $li['pstRate'] === 0.0 ? ($item['tax_rate'] ?? 0) : $li['gstRate'])
                            : 0;
                    @endphp
                    <tr class="inv-item-card inv-view-row">
                        <td class="inv-col-num" data-label="#">{{ $i + 1 }}</td>
                        <td class="inv-col-item" data-label="Item">
                            <div class="inv-view-item-head">
                                <div class="inv-view-head-left">
                                    <span class="inv-view-num">#{{ $i + 1 }}</span>
                                    <span class="inv-view-item-lbl">Item</span>
                                </div>
                                <div class="inv-view-unit-head">
                                    <span class="inv-view-unit-lbl">Unit</span>
                                    <span class="inv-view-val">{{ $item['unit'] ?? '—' }}</span>
                                </div>
                            </div>
                            <div class="inv-view-item">{{ $item['description'] }}</div>
                            @if($itemDesc || $linkedItems)
                                <div class="inv-view-desc">
                                    @if($itemDesc){!! nl2br(e($itemDesc)) !!}@endif
                                    @if($linkedItems)
                                        @if($itemDesc)<br>@endif
                                        Item(s): {{ $linkedItems }}
                                    @endif
                                </div>
                            @endif
                        </td>
                        <td class="inv-col-unit" data-label="Unit">
                            <span class="inv-view-val">{{ $item['unit'] ?? '—' }}</span>
                        </td>
                        <td class="inv-col-qty" data-label="Qty">
                            <span class="inv-view-val">{{ $qtyDisplay }}</span>
                        </td>
                        <td class="inv-col-price" data-label="Price">
                            <span class="inv-view-val">${{ number_format($li['displayRate'], 2) }}</span>
                        </td>
                        @if($showLineDiscount)
                        <td class="inv-col-disc" data-label="Disc%">
                            <span class="inv-view-val">
                            @if($li['discPct'] > 0)
                                <span class="inv-view-disc">{{ number_format($li['discPct'], 0) }}%</span>
                            @else
                                —
                            @endif
                            </span>
                        </td>
                        @endif
                        @if($taxType === 'exclusive')
                        <td class="inv-col-gst" data-label="GST%" data-label-desktop="GST">
                            <span class="inv-desktop-only">
                            @if($li['gstRate'] > 0 || ($li['gstRate'] + $li['pstRate'] === 0.0 && ($item['tax_rate'] ?? 0) > 0))
                                ${{ number_format($li['gstAmt'], 2) }}<br>
                                <small class="inv-view-tax-rate">{{ number_format($gstRateShow, 0) }}%</small>
                            @else
                                —
                            @endif
                            </span>
                            <span class="inv-view-val inv-mobile-only">{{ $gstRateShow > 0 ? number_format($gstRateShow, 0) . '%' : '—' }}</span>
                        </td>
                        <td class="inv-col-pst" data-label="HST/PST" data-label-desktop="HST/PST">
                            <span class="inv-desktop-only">
                            @if($li['pstRate'] > 0)
                                ${{ number_format($li['pstAmt'], 2) }}<br>
                                <small class="inv-view-tax-rate">{{ number_format($li['pstRate'], 0) }}%</small>
                            @else
                                —
                            @endif
                            </span>
                            <span class="inv-view-val inv-mobile-only">{{ $li['pstRate'] > 0 ? number_format($li['pstRate'], 0) . '%' : '—' }}</span>
                        </td>
                        @endif
                        <td class="inv-col-total" data-label="Total">
                            <span class="inv-row-summary">
                                <span class="inv-sum-disc">{{ ($showLineDiscount && $li['discAmt'] > 0) ? 'Disc -$' . number_format($li['discAmt'], 2) : '' }}</span>
                                <span class="inv-sum-gst">{{ ($taxType !== 'inclusive' && $li['gstAmt'] > 0) ? 'GST +$' . number_format($li['gstAmt'], 2) : '' }}</span>
                                <span class="inv-sum-hst">{{ ($taxType !== 'inclusive' && $li['pstAmt'] > 0) ? 'HST +$' . number_format($li['pstAmt'], 2) : '' }}</span>
                            </span>
                            <span class="inv-view-total-amt">${{ number_format($li['rowAmt'], 2) }}</span>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot class="inv-items-summary inv-summary-mobile">
                    <tr>
                        <td class="inv-summary-label">Subtotal</td>
                        <td class="inv-summary-val r">${{ number_format($itemsSubtotal, 2) }}</td>
                    </tr>
                    @if($showLineDiscount && $lineDiscountTotal > 0)
                    <tr>
                        <td class="inv-summary-label">Discount</td>
                        <td class="inv-summary-val r inv-summary-disc">-${{ number_format($lineDiscountTotal, 2) }}</td>
                    </tr>
                    @endif
                    @if($overallDiscount > 0)
                    <tr>
                        <td class="inv-summary-label">
                            Overall Discount{{ $invoice->discount_type === 'percent' ? ' ('.$invoice->discount_value.'%)' : '' }}
                        </td>
                        <td class="inv-summary-val r inv-summary-disc">-${{ number_format($overallDiscount, 2) }}</td>
                    </tr>
                    @endif
                    @if($taxType !== 'inclusive' && $gstAmount > 0)
                    <tr>
                        <td class="inv-summary-label">{{ $gstLabel }}</td>
                        <td class="inv-summary-val r">${{ number_format($gstAmount, 2) }}</td>
                    </tr>
                    @endif
                    @if($taxType !== 'inclusive' && $pstAmount > 0)
                    <tr>
                        <td class="inv-summary-label">{{ $pstLabel }}</td>
                        <td class="inv-summary-val r">${{ number_format($pstAmount, 2) }}</td>
                    </tr>
                    @endif
                    <tr>
                        <td class="inv-summary-label inv-summary-muted">Rounded Off</td>
                        <td class="inv-summary-val r inv-summary-muted">{{ ($roundedOff >= 0 ? '+' : '') . '$' . number_format($roundedOff, 2) }}</td>
                    </tr>
                    <tr class="inv-doc-total-row">
                        <td class="inv-summary-label">TOTAL</td>
                        <td class="inv-summary-val r">${{ number_format($totalRounded, 2) }}</td>
                    </tr>
                </tfoot>
            </table>
            </div>

            {{-- ── BOTTOM ROW: Terms (left) | Summary (right) ── --}}
            <table class="inv-doc-footer-stack" style="width:100%; border-collapse:collapse; margin-top:20px;">
                <tr>
                    {{-- Left: Terms & Conditions + Payment info --}}
                    <td style="width:50%; vertical-align:top; padding-right:24px;">
                        @if($invoice->notes)
                            <div style="font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; color:#555; margin-bottom:5px;">
                                Terms &amp; Conditions
                            </div>
                            @php
                                $notesContent = $invoice->notes;
                                $notesHtml = (strip_tags($notesContent) === $notesContent)
                                    ? nl2br(e($notesContent))
                                    : $notesContent;
                            @endphp
                            <div style="font-size:11px; color:#555; line-height:1.7; margin-bottom:10px;">
                                {!! $notesHtml !!}
                            </div>
                        @endif
                        @php
                            $termsContent = $setting->terms_conditions ?? '';
                            $termsHtml = (strip_tags($termsContent) === $termsContent)
                                ? nl2br(e($termsContent))
                                : $termsContent;
                        @endphp
                        <div style="font-size:11px; color:#444; line-height:1.7;">
                            @if($termsContent)
                                {!! $termsHtml !!}
                            @else
                                Please make E-Transfer Payment at <strong>{{ $setting->email }}</strong>
                            @endif
                        </div>
                    </td>

                    {{-- Right: Summary table (desktop) --}}
                    <td style="width:50%; vertical-align:top;" class="inv-summary-desktop">
                        <table class="inv-doc-summary" style="border-collapse:collapse; width:100%; font-size:12px;">
                            <tr>
                                <td style="padding:5px 10px; color:#444;">Subtotal</td>
                                <td style="padding:5px 10px; text-align:right;">${{ number_format($itemsSubtotal, 2) }}</td>
                            </tr>
                            @if($showLineDiscount && $lineDiscountTotal > 0)
                            <tr>
                                <td style="padding:5px 10px; color:#444;">Discount</td>
                                <td style="padding:5px 10px; text-align:right; color:#e53e3e;">-${{ number_format($lineDiscountTotal, 2) }}</td>
                            </tr>
                            @endif
                            @if($overallDiscount > 0)
                            <tr>
                                <td style="padding:5px 10px; color:#444;">
                                    Overall Discount{{ $invoice->discount_type === 'percent' ? ' ('.$invoice->discount_value.'%)' : '' }}
                                </td>
                                <td style="padding:5px 10px; text-align:right; color:#e53e3e;">-${{ number_format($overallDiscount, 2) }}</td>
                            </tr>
                            @endif
                            @if($taxType !== 'inclusive' && $gstAmount > 0)
                            <tr>
                                <td style="padding:5px 10px; color:#444;">{{ $gstLabel }}</td>
                                <td style="padding:5px 10px; text-align:right;">${{ number_format($gstAmount, 2) }}</td>
                            </tr>
                            @endif
                            @if($taxType !== 'inclusive' && $pstAmount > 0)
                            <tr>
                                <td style="padding:5px 10px; color:#444;">{{ $pstLabel }}</td>
                                <td style="padding:5px 10px; text-align:right;">${{ number_format($pstAmount, 2) }}</td>
                            </tr>
                            @endif
                            <tr style="border-top:1px solid #ddd;">
                                <td style="padding:5px 10px; color:#444;">Total before rounding</td>
                                <td style="padding:5px 10px; text-align:right;">${{ number_format($totalExact, 2) }}</td>
                            </tr>
                            <tr>
                                <td style="padding:5px 10px; color:#444;">Rounded Off</td>
                                <td style="padding:5px 10px; text-align:right;">
                                    {{ $roundedOff >= 0 ? '+' : '' }}{{ number_format($roundedOff, 2) }}
                                </td>
                            </tr>
                            <tr class="inv-doc-total-row">
                                <td class="inv-doc-summary-total" style="background:#111; color:#fff; font-weight:bold; font-size:18px; padding:10px 10px;">TOTAL</td>
                                <td class="inv-doc-summary-total r" style="background:#111; color:#fff; font-weight:bold; font-size:18px; padding:10px 10px; text-align:right;">${{ number_format($totalRounded, 2) }}</td>
                            </tr>
                        </table>
                        <div style="font-size:11px; color:#555; font-style:italic; margin-top:8px; padding:0 10px;">
                            * $ {{ numberToWordsShow($totalRounded) }} Only
                        </div>
                    </td>
                </tr>
            </table>

        </div>{{-- /card-body --}}
    </div>{{-- /card --}}

</div>
@endsection