@extends('layout.app')
@section('title', 'Tax Invoice Print')

@push('header_script')
    <style>
        @page {
            size: A4 landscape;
            margin: 5mm;
        }

        body {
            font-family: Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }
        
        .company-name, .top-om, .faith-line, .company-tagline, .company-tag {
            color: {{ $companyDetails->header_color ?? '#000' }} !important;
        }

        /* Single Border Wrapper */
        .bill-wrapper {
            width: 100%;
            max-width: 1250px;
            margin: auto;
            border: 1px solid #000;
            background: #fff;
        }

        /* Table styling to maintain single-border look */
        table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }

        th,
        td {
            border: 1px solid #000;
            padding: 4px 6px;
            vertical-align: top;
        }

        /* Remove top borders for stacked tables to avoid double lines */
        .info-table,
        .items-table,
        .summary-table,
        .declaration-table {
            border-top: none;
        }

        .info-table td,
        .items-table th,
        .items-table td,
        .summary-table td,
        .declaration-table td {
            border-top: none;
        }

        .bg-light {
            background: #f3f3f3;
            font-weight: bold;
        }

        .text-center {
            text-align: center;
        }

        .text-end {
            text-align: right;
        }

        /* Header Styling */
        .header-container {
            position: relative;
            padding: 10px 0;
            border-bottom: 1px solid #000;
        }

        .tax-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            border: 1px solid #000;
            padding: 4px 12px;
            border-radius: 15px;
            font-weight: bold;
            background: #fff;
            box-shadow: 2px 2px 5px #ccc;
        }

        .faith-line {
            color: red;
            font-weight: bold;
            font-size: 12px;
            text-align: center;
            margin-bottom: 5px;
        }

        .company-branding {
            text-align: center;
            margin-bottom: 10px;
        }

        .company-name {
            font-size: 26px;
            font-weight: 900;
            margin: 0;
        }

        .tagline {
            background: #e0e0e0;
            padding: 2px 15px;
            border-radius: 12px;
            font-size: 10px;
            font-weight: bold;
            display: inline-block;
        }

        .header-info-table td {
            border: none !important;
            padding: 2px 15px;
        }

        /* ================= RESPONSIVE – MOBILE FRIENDLY ================= */

        @media screen and (max-width: 768px) {
            .bill-wrapper {
                max-width: 100% !important;
                overflow-x: auto;
            }

            body {
                font-size: 11px;
            }

            /* Header */
            .company-name {
                font-size: 18px !important;
            }

            .header-container {
                padding: 6px 0;
            }

            .tax-badge {
                position: static;
                text-align: center;
                margin-bottom: 5px;
                display: block;
                font-size: 11px;
                padding: 3px 8px;
            }

            .faith-line {
                font-size: 10px;
            }

            .tagline {
                font-size: 9px;
            }

            /* Header info table - stack */
            .header-info-table td {
                display: block;
                width: 100% !important;
                text-align: center !important;
                padding: 2px 8px;
            }

            /* Info table - stack receiver & invoice */
            .info-table td {
                display: block;
                width: 100% !important;
            }

            /* Items table - horizontal scroll */
            .items-table {
                font-size: 10px;
                table-layout: auto;
            }

            .items-table th,
            .items-table td {
                padding: 2px 3px;
                white-space: nowrap;
                font-size: 10px;
            }

            /* Footer / summary */
            .footer-table td {
                display: block;
                width: 100% !important;
            }

            .footer-table td table {
                font-size: 10px;
            }

            /* Declaration - stack */
            .declaration-table td {
                display: block;
                width: 100% !important;
                border-bottom: 1px solid #000;
            }

            .declaration-table td:last-child {
                border-bottom: none;
            }
        }

        @media screen and (max-width: 480px) {
            body {
                font-size: 10px;
            }

            .company-name {
                font-size: 15px !important;
            }

            .items-table th,
            .items-table td {
                padding: 1px 2px;
                font-size: 9px;
            }

            .footer-table td table {
                font-size: 9px;
            }

            th, td {
                padding: 2px 3px;
            }
        }

        /* ================= PRINT FIXES ================= */

        @media print {
            .no-print {
                display: none !important;
            }

            .bill-wrapper {
                border: 1px solid #000;
            }

            body {
                -webkit-print-color-adjust: exact;
            }
        }
    </style>
@endpush

@section('content')

    <div class="app-hero-header d-flex align-items-center no-print" style="padding: 10px;">
        <div class="ms-auto">
            <button onclick="window.print()" class="btn btn-sm btn-success">Print Tax Invoice</button>
            <a href="{{ route('freight-billing.index') }}" class="btn btn-sm btn-primary">Back</a>
        </div>
    </div>

    <div class="bill-wrapper">

        <div class="header-container">
            <div class="tax-badge">TAX INVOICE</div>
            <div class="faith-line">!! {{ $companyDetails->faith_line ?? '' }} !!</div>

            <div class="company-branding">
                <h1 class="company-name">{{ strtoupper($companyDetails->company_name) }}</h1>
                <div class="tagline">Transporter & Govt. Contractor</div>
            </div>

            <table class="header-info-table">
                <tr>
                    <td width="50%">
                        <strong>{{ $companyDetails->address }}</strong><br>
                        <strong>{{ $companyDetails->state->state_name ?? '' }} - {{ $companyDetails->pin_code }}</strong>
                    </td>
                    <td width="50%" class="text-end">
                        <strong><i class="ri-phone-fill"></i> {{ $companyDetails->mobile_no }}</strong><br>
                        <strong><i class="ri-mail-fill"></i> {{ $companyDetails->email }}</strong>
                    </td>
                </tr>
            </table>
            <div class="text-center" style="font-size: 14px; margin-top: 5px;">
                GST : <strong>{{ $companyDetails->gst_no }}</strong> &nbsp; | &nbsp; PAN :
                <strong>{{ $companyDetails->pan_no }}</strong>
            </div>
        </div>

        <table class="info-table">
            <tr class="bg-light">
                <td width="60%">Details of Receiver / Billed to</td>
                <td width="40%">Invoice Details</td>
            </tr>
            <tr>
                <td>
                    <strong>Name:</strong> {{ $freightBilling->party->party_name }}<br>
                    <strong>Address:</strong> {{ $freightBilling->party->address }}<br>
                    <strong>GST No:</strong> {{ $freightBilling->party->gst_no }}
                </td>
                <td>
                    <strong>Invoice No:</strong> {{ $freightBilling->invoice_no }}<br>
                    <strong>Date:</strong> {{ date('d-M-Y', strtotime($freightBilling->invoice_date)) }}<br>
                    <strong>State:</strong> {{ $freightBilling->party->state->state_name ?? '' }}
                </td>
            </tr>
        </table>
        <table style="width:100%; border-top:none; border-collapse: collapse;">
            <tr>
                <td style="border-top:none; border-left:none; border-right:none; padding:6px;">
                    <strong>Service Description-</strong>
                    Being amount charged for transportation of goods
                </td>
            </tr>
        </table>
        <table class="items-table">
            <thead class="bg-light text-center">
                <tr>
                    <th width="30">S.No</th>
                    <th>LR No.</th>
                    <th>Date</th>
                    <th>Truck No.</th>
                    <th>From - To</th>
                    <th>Qty</th>
                    <th>Rate</th>
                    <th>Freight</th>
                    <th>Halt</th>
                    <th>Extra</th>
                    <th>Deduct</th>
                    <th>Net Amt</th>
                </tr>
            </thead>
            <tbody>
                @php
                    $totalFreight = 0;
                    $totalHalt = 0;
                    $totalExtra = 0;
                    $totalDeduct = 0;
                @endphp

                @foreach ($freightBilling->freightBillDetail as $bill)
                    @php
                        $entry = $bill->freightEntry;
                        $freightAmount = $bill->freight_amount;

                        $totalFreight += $freightAmount;
                        $totalHalt += $bill->halting_charge;
                        $totalExtra += $bill->extra_charge;
                        $totalDeduct += $bill->any_deduction;

                        // Group items by unit
                        $groupedUnits = $entry->items->groupBy('weight_unit');
                        $groupedRates = $entry->items->groupBy('weight_unit');
                    @endphp

                    <tr>
                        <td class="text-center">{{ $loop->iteration }}</td>
                        <td>{{ $entry->lr_no }}</td>
                        <td>{{ date('d-M-Y', strtotime($entry->date)) }}</td>
                        <td class="text-center">{{ optional($entry->vehicle)->vehicle_no }}</td>
                        <td>
                            <small>
                                {{ strtoupper($entry->from_location) }} -
                                {{ strtoupper($entry->to_location) }}
                            </small>
                        </td>

                        <!-- Qty Column  -->
                        <td class="text-center">
                            @foreach ($groupedUnits as $unit => $rows)
                                <div style="line-height:14px;">
                                    {{ number_format($rows->sum('charge_weight'), 2) }} {{ $unit }}
                                </div>
                            @endforeach
                        </td>

                        <!-- Rate Column -->
                        <td class="text-end">
                            @foreach ($groupedRates as $unit => $rows)
                                @php
                                    $unitRate = $rows->first()->rate ?? 0;
                                @endphp
                                <div style="line-height:14px;">
                                    ₹ {{ number_format($unitRate, 2) }}/{{ $unit }}
                                </div>
                            @endforeach
                        </td>

                        <!-- Freight & Charges -->
                        <td class="text-end">{{ number_format($freightAmount, 2) }}</td>
                        <td class="text-end">{{ number_format($bill->halting_charge ?? 0, 2) }}</td>
                        <td class="text-end">{{ number_format($bill->extra_charge ?? 0, 2) }}</td>
                        <td class="text-end">{{ number_format($bill->any_deduction ?? 0, 2) }}</td>
                        <td class="text-end">
                            <strong>{{ number_format($bill->net_amount, 2) }}</strong>
                        </td>
                    </tr>
                @endforeach

                <!-- TOTAL ROW -->
                <tr class="bg-light">
                    <td colspan="7" class="text-end"><strong>Total</strong></td>
                    <td class="text-end"><strong>{{ number_format($totalFreight, 2) }}</strong></td>
                    <td class="text-end"><strong>{{ number_format($totalHalt, 2) }}</strong></td>
                    <td class="text-end"><strong>{{ number_format($totalExtra, 2) }}</strong></td>
                    <td class="text-end"><strong>{{ number_format($totalDeduct, 2) }}</strong></td>
                    <td class="text-end">
                        <strong>{{ number_format($freightBilling->freightBillDetail->sum('net_amount'), 2) }}</strong>
                    </td>
                </tr>
            </tbody>
        </table>

        {{-- <table class="summary-table">
            <tr>
                <td width="60%" style="vertical-align: bottom;">
                    <strong>Amount in Words:</strong><br>
                    <span style="text-transform:uppercase; font-weight:bold;">
                        {{ ucfirst(\App\Http\Helpers\CommonHelper::convert($freightBilling->grand_total)) }} RUPEES ONLY
                    </span>
                </td>
                <td width="40%" style="padding: 0;">
                    <table style="width:100%; border:none;">
                        <tr>
                            <td style="border:none; padding: 4px 6px;">Taxable Value</td>
                            <td class="text-end" style="border:none; border-left: 1px solid #000; padding: 4px 6px;">
                                {{ number_format($freightBilling->freightBillDetail->sum('net_amount'), 2) }}
                            </td>
                        </tr>
                        <tr>
                            <td style="border:none; border-top: 1px solid #000; padding: 4px 6px;">GST Total</td>
                            <td class="text-end"
                                style="border:none; border-left: 1px solid #000; border-top: 1px solid #000; padding: 4px 6px;">
                                {{ number_format($freightBilling->total_tax_value, 2) }}
                            </td>
                        </tr>
                        <tr class="bg-light">
                            <td style="border:none; border-top: 1px solid #000; padding: 4px 6px;"><strong>Net Invoice
                                    Amount</strong></td>
                            <td class="text-end"
                                style="border:none; border-left: 1px solid #000; border-top: 1px solid #000; padding: 4px 6px;">
                                <strong>{{ number_format($freightBilling->grand_total, 2) }}</strong>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table> --}}
        <table class="footer-table">
            <tr>

                <td width="60%" rowspan="2">
                    <strong>Amount in Words:</strong><br>
                    @php
                        $amountInWords = strtolower(
                            \App\Http\Helpers\CommonHelper::convert(
                                $enableGstType == 'rcm'
                                    ? $freightBilling->freightBillDetail->sum('net_amount')
                                    : $freightBilling->grand_total,
                            ),
                        );
                    @endphp

                    <span style="font-weight: 600;">
                        {{ ucfirst($amountInWords) }} rupees only
                    </span>

                    <div style="margin-top: 15px;">
                        <table style="width: 100%; border: 1px solid #000; font-size: 11px;">
                            <tr class="bg-light text-center">
                                <td>HSN/SAC Code</td>
                                <td>Taxable Value</td>
                                @if ($companyDetails->state_id == $freightBilling->party->state_id)
                                    <td>CGST Rate</td>
                                    <td>CGST Amt</td>
                                    <td>SGST Rate</td>
                                    <td>SGST Amt</td>
                                @else
                                    <td>IGST Rate</td>
                                    <td>IGST Amt</td>
                                @endif
                                <td>Total Tax</td>
                            </tr>
                            <tr class="text-center">
                              <td>996511</td>
                                <td>{{ number_format($freightBilling->freightBillDetail->sum('net_amount'), 2) }}</td>
                                @if ($companyDetails->state_id == $freightBilling->party->state_id)
                                    <td>{{ $freightBilling->cgst_rate }}%</td>
                                    <td>{{ $freightBilling->cgst_amount }}</td>
                                    <td>{{ $freightBilling->sgst_rate }}%</td>
                                    <td>{{ $freightBilling->sgst_amount }}</td>
                                @else
                                    <td>{{ $freightBilling->igst_rate }}%</td>
                                    <td>{{ $freightBilling->igst_amount }}</td>
                                @endif
                                <td>{{ number_format($freightBilling->total_tax_value, 2) }}</td>
                            </tr>
                        </table>
                    </div>
                    @if ($enableGstType == 'rcm')
                        <div style="margin-top:5px; font-size:12px; font-weight:bold; text-align:center;">
                            * Amount of tax Subject to Reverse Charge Basis *
                        </div>
                    @endif
                </td>
                <td width="40%">
                    <table style="width: 100%; border:none;">
                        <tr>
                            <td>Total Taxable Value</td>
                            <td class="text-end">
                                {{ number_format($freightBilling->freightBillDetail->sum('net_amount'), 2) }}</td>
                        </tr>
                        @if ($enableGstType == 'fcm')
                            <tr>
                                <td>Add GST Amount</td>
                                <td class="text-end">{{ number_format($freightBilling->total_tax_value, 2) }}</td>
                            </tr>
                        @endif
                        <tr class="bg-light" style="font-size: 16px;">
                            <td><strong>Invoice Amount</strong></td>
                            <td class="text-end"><strong>{{ number_format($freightBilling->grand_total, 2) }}</strong></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <table class="declaration-table">
            <tr>
                <td width="50%">
                    <strong>Declaration:</strong><br>
                    <p style="font-size: 12px; margin: 0;">
                        Certified that the particulars given above are correct and the amount indicated represents the price
                        actually charged.
                    </p>
                </td>
                <td width="25%">
                    <strong>Bank Details:</strong><br>

                    <small>Bank: {{ $freightBilling->bankDetail->bank_name ?? 'N/A' }}</small><br>
                    <small>A/c: {{ $freightBilling->bankDetail->account_no ?? 'N/A' }}</small><br>
                    <small>IFSC: {{ $freightBilling->bankDetail->ifsc_code ?? '' }}</small>
                </td>

                <td width="25%" class="text-center" style="vertical-align: bottom;">
                    For <strong>{{ strtoupper($companyDetails->company_name) }}</strong><br><br><br>
                    Authorized Signatory
                </td>
            </tr>
        </table>

    </div>
    <div class="text-center no-print" style="margin-top: 10px;">
        <small>This is a computer generated document.</small>
    </div>
@endsection