@extends('layout.app')
@section('title', 'Print Sale Voucher #' . $saleVoucher->voucher_no)

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

        body {
            background-color: #f3f4f6;
        }

        /* Container */
        .voucher-box {
            width: 100%;
            max-width: 900px;
            margin: 0 auto;
            background: #fff;
            border: 1px solid #dee2e6;
            border-radius: 6px;
            box-sizing: border-box;
            color: #111827;
            box-shadow: 0 0 10px rgba(0,0,0,0.05);
        }
        
        .company-name, .top-om, .faith-line, .company-tagline, .company-tag {
            color: {{ $companyDetails->header_color ?? '#000' }} !important;
        }

        /* Header */
        .company-header {
            text-align: center;
            border-bottom: 2px solid #1e3a8a;
            padding: 15px;
        }
        .company-name {
            font-size: 24px;
            font-weight: 800;
            color: #1e3a8a;
            margin: 0 0 5px 0;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .faith-line {
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            color: #ef4444;
            font-weight: 700;
            margin-bottom: 4px;
        }
        .company-meta {
            font-size: 11px;
            color: #4b5563;
            line-height: 1.4;
        }

        /* Info Row */
        .info-row {
            display: flex;
            border-bottom: 1px solid #d1d5db;
        }
        .info-col {
            flex: 1;
            padding: 10px 15px;
        }
        .info-col:first-child {
            border-right: 1px solid #d1d5db;
        }
        .info-heading {
            font-weight: 700;
            margin-bottom: 8px;
            font-size: 12px;
            text-transform: uppercase;
            color: #1e3a8a;
            background: #f3f4f6;
            display: inline-block;
            padding: 4px 8px;
            border-radius: 4px;
            letter-spacing: 0.5px;
        }
        .info-text table {
            width: 100%;
            font-size: 11px;
        }
        .info-text td {
            padding: 3px 0;
            vertical-align: top;
        }
        .info-text td:first-child {
            width: 120px;
            color: #4b5563;
            font-weight: 500;
        }
        .info-text td:last-child {
            font-weight: 600;
        }

        /* Items Table */
        .items-table {
            width: 100%;
            border-collapse: collapse;
        }
        .items-table th, .items-table td {
            border-right: 1px solid #d1d5db;
            border-bottom: 1px solid #d1d5db;
            padding: 6px 8px;
            font-size: 11px;
        }
        .items-table th:last-child, .items-table td:last-child {
            border-right: none;
        }
        .items-table th {
            background-color: #f3f4f6;
            color: #374151;
            font-weight: 700;
            text-align: left;
            text-transform: uppercase;
            font-size: 10px;
        }
        .text-right { text-align: right !important; }
        .text-center { text-align: center !important; }
        .fw-bold { font-weight: 700 !important; }

        /* Summary Row */
        .summary-container {
            display: flex;
            border-bottom: 1px solid #d1d5db;
        }
        .remarks-col {
            flex: 6;
            border-right: 1px solid #d1d5db;
            padding: 10px 15px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .totals-col {
            flex: 4;
            padding: 0;
        }

        /* Totals Box */
        .totals-table {
            width: 100%;
            border-collapse: collapse;
        }
        .totals-table td {
            padding: 6px 15px;
            font-size: 11px;
        }
        .totals-table tr {
            border-bottom: 1px solid #e5e7eb;
        }
        .totals-table tr:last-child {
            border-bottom: none;
        }
        .totals-label {
            text-align: left;
            color: #4b5563;
        }
        .totals-value {
            text-align: right;
            font-weight: 700;
            width: 120px;
            color: #111827;
        }
        .net-total-row {
            border-top: 2px solid #1e3a8a;
            border-bottom: 1px solid #e5e7eb !important;
            background: #fcfcfc;
        }
        .net-total-row td {
            font-size: 13px;
            font-weight: 800;
            color: #1e3a8a;
        }
        .totals-table .text-success { color: #15803d !important; }
        .totals-table .text-danger { color: #b91c1c !important; }

        /* Signatures */
        .signature-row {
            display: flex;
            justify-content: space-between;
            padding: 50px 20px 20px;
        }
        .signature-box {
            text-align: center;
            border-top: 1px solid #333;
            width: 200px;
            padding-top: 5px;
            font-size: 11px;
            font-weight: 600;
            color: #4b5563;
        }

        @media print {
            .no-print { display: none !important; }
            body { background-color: #fff; padding: 0; }
            .voucher-box { margin: 0; max-width: 100%; border: none; box-shadow: none; border: 1px solid #d1d5db; }
            .info-heading, .items-table th, .net-total-row {
                background-color: #f3f4f6 !important;
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
            }
        }
    </style>
@endpush

@section('content')
    <div class="app-hero-header d-flex align-items-center no-print" style="padding: 10px;">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ route('sale-voucher.index') }}">Sale Voucher List</a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">Print Preview</li>
        </ol>
        <div class="ms-auto">
            <button onclick="window.print()" class="btn btn-sm btn-success text-white">
                <i class="ri-printer-line"></i> Print Sale Voucher
            </button>
            <a href="{{ route('sale-voucher.index') }}" class="btn btn-sm btn-primary text-white">
                <i class="ri-arrow-go-back-line"></i> Back
            </a>
        </div>
    </div>

    <div class="app-body">
        <div class="voucher-box">
            <!-- Header Section -->
            <div class="company-header">
                @if($companyDetails)
                    @if($companyDetails->faith_line)
                        <div class="faith-line">{{ $companyDetails->faith_line }}</div>
                    @endif
                    <div class="company-name">{{ $companyDetails->company_name }}</div>
                    <div class="company-meta">
                        {{ $companyDetails->address }}, {{ $companyDetails->district }},
                        {{ optional($companyDetails->state)->state_name }} - {{ $companyDetails->pin_code }}<br>
                        @if($companyDetails->mobile_no) Ph: {{ $companyDetails->mobile_no }} @endif
                        @if($companyDetails->email) | Email: {{ $companyDetails->email }} @endif
                        <br>
                        @if($companyDetails->gst_no) GSTIN: <b>{{ $companyDetails->gst_no }}</b> @endif
                        @if($companyDetails->pan_no) | PAN: <b>{{ $companyDetails->pan_no }}</b> @endif
                    </div>
                @else
                    <div class="company-name">SALE VOUCHER</div>
                @endif
            </div>

            <!-- Details Section -->
            <div class="info-row">
                <div class="info-col">
                    <div class="info-heading">Party / Customer Details</div>
                    <div class="info-text">
                        <table>
                            <tr>
                                <td>Name:</td>
                                <td>
                                    @php
                                        $ledgerName = $saleVoucher->accountLedger->ledger_name ?? 'N/A';
                                        $gstNo = optional($partyDetails)->gst_no;
                                        if($gstNo) {
                                            $ledgerName = trim(str_replace('-'.$gstNo, '', $ledgerName));
                                            $ledgerName = trim(str_replace($gstNo, '', $ledgerName), '- ');
                                        }
                                    @endphp
                                    {{ $ledgerName }}
                                </td>
                            </tr>
                            <tr>
                                <td>Address:</td>
                                <td>
                                    @if($partyDetails)
                                        {{ $partyDetails->address ?? '' }}
                                        @if(!empty($partyDetails->city)) , {{ $partyDetails->city }} @endif
                                        @if($partyDetails->state) , {{ $partyDetails->state->state_name }} @endif
                                    @else
                                        -
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td>Mobile No:</td>
                                <td>{{ optional($partyDetails)->mobile_no ?? '-' }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="info-col">
                    <div class="info-heading">Voucher Details</div>
                    <div class="info-text">
                        <table>
                            <tr>
                                <td>Voucher No:</td>
                                <td>#{{ $saleVoucher->voucher_no }}</td>
                            </tr>
                            <tr>
                                <td>Date:</td>
                                <td>{{ \Carbon\Carbon::parse($saleVoucher->voucher_date)->format('d-M-Y') }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>

            <!-- Items Table Section -->
            <table class="items-table">
                <thead>
                    <tr>
                        <th width="40" class="text-center">#</th>
                        <th>Product / Item</th>
                        <th width="60" class="text-right">Qty</th>
                        <th width="60" class="text-center">Unit</th>
                        <th width="90" class="text-right">Rate (₹)</th>
                        <th width="100" class="text-right">Amount (₹)</th>
                        @if($companyDetails && $companyDetails->gst_type === 'Regular')
                        <th width="70" class="text-center">Tax Slab</th>
                        <th width="90" class="text-right">GST (₹)</th>
                        @endif
                        <th width="110" class="text-right">Total (₹)</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($saleVoucher->voucherDetails as $index => $detail)
                        <tr>
                            <td class="text-center">{{ $index + 1 }}</td>
                            <td><span class="fw-bold">{{ $detail->product->product_name ?? 'N/A' }}</span></td>
                            <td class="text-right">{{ $detail->qty }}</td>
                            <td class="text-center">{{ $detail->units }}</td>
                            <td class="text-right">{{ number_format($detail->rate, 2) }}</td>
                            <td class="text-right">{{ number_format($detail->amount, 2) }}</td>
                            @if($companyDetails && $companyDetails->gst_type === 'Regular')
                            <td class="text-center">
                                @if($detail->taxGroup)
                                    {{ $detail->taxGroup->tax_slab === 'None' || $detail->taxGroup->tax_slab === 'Exempt' ? $detail->taxGroup->tax_slab : $detail->taxGroup->tax_slab . '%' }}
                                @else
                                    -
                                @endif
                            </td>
                            <td class="text-right">{{ number_format($detail->tax_amount, 2) }}</td>
                            @endif
                            <td class="text-right fw-bold">{{ number_format($detail->total_amount, 2) }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="{{ ($companyDetails && $companyDetails->gst_type === 'Regular') ? 9 : 7 }}" class="text-center" style="padding: 15px;">No products recorded.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>

            <!-- Summary Section -->
            <div class="summary-container">
                <div class="remarks-col">
                    <div>
                        <div class="info-heading">Remarks / Narration</div>
                        <p style="margin: 5px 0 0 0; font-size: 11px; color: #4b5563; white-space: pre-line;">{{ $saleVoucher->remark ?: 'No narration entered for this sale voucher.' }}</p>
                    </div>
                    <div style="font-size: 11px; margin-top: 20px; color: #6b7280;">
                        Created By: <span style="color: #111827; font-weight: 600;">{{ $saleVoucher->created_by }}</span>
                    </div>
                </div>
                <div class="totals-col">
                    @php
                        $is_igst = false;
                        if (optional($companyDetails)->state_id != optional($partyDetails)->state_id) {
                            $is_igst = true;
                        }
                        
                        $total_before_gst_expenses = 0;
                        if($saleVoucher->otherCharges && count($saleVoucher->otherCharges) > 0) {
                            foreach($saleVoucher->otherCharges as $expense) {
                                $total_before_gst_expenses += $expense->paid_amount;
                            }
                        }
                        $total_taxable_value = $saleVoucher->total_sale_amount + $total_before_gst_expenses;
                    @endphp
                    <table class="totals-table">
                        <tr>
                            <td class="totals-label">Taxable Value</td>
                            <td class="totals-value">{{ number_format($saleVoucher->total_sale_amount, 2) }}</td>
                        </tr>
                        
                        @if($saleVoucher->otherCharges && count($saleVoucher->otherCharges) > 0)
                            @foreach($saleVoucher->otherCharges as $expense)
                                <tr>
                                    <td class="totals-label">Add:- {{ $expense->ledger->ledger_name ?? 'Other Charge' }} (Before GST)</td>
                                    <td class="totals-value">{{ number_format($expense->paid_amount, 2) }}</td>
                                </tr>
                            @endforeach
                        @endif
                        
                        <tr>
                            <td class="totals-label" style="font-weight: 700;">Total Taxable Value</td>
                            <td class="totals-value">{{ number_format($total_taxable_value, 2) }}</td>
                        </tr>

                        @if($companyDetails && $companyDetails->gst_type === 'Regular')
                            <tr>
                                <td class="totals-label">Total Tax</td>
                                <td class="totals-value">{{ number_format($saleVoucher->total_tax_amount, 2) }}</td>
                            </tr>
                            @if(!$is_igst)
                                <tr>
                                    <td class="totals-label">CGST</td>
                                    <td class="totals-value">{{ number_format($saleVoucher->total_tax_amount / 2, 2) }}</td>
                                </tr>
                                <tr>
                                    <td class="totals-label">SGST</td>
                                    <td class="totals-value">{{ number_format($saleVoucher->total_tax_amount / 2, 2) }}</td>
                                </tr>
                            @else
                                <tr>
                                    <td class="totals-label">IGST</td>
                                    <td class="totals-value">{{ number_format($saleVoucher->total_tax_amount, 2) }}</td>
                                </tr>
                            @endif
                        @endif

                        @if($saleVoucher->afterGstCharges && count($saleVoucher->afterGstCharges) > 0)
                            @foreach($saleVoucher->afterGstCharges as $afterCharge)
                                <tr>
                                    <td class="totals-label">Add:- {{ $afterCharge->ledger->ledger_name ?? 'Other Charge' }} (After GST)</td>
                                    <td class="totals-value">{{ number_format($afterCharge->amount, 2) }}</td>
                                </tr>
                            @endforeach
                        @endif

                        @if($saleVoucher->discount > 0)
                            <tr>
                                <td class="totals-label">Discount Given</td>
                                <td class="totals-value text-danger">-{{ number_format($saleVoucher->discount, 2) }}</td>
                            </tr>
                        @endif

                        <tr>
                            <td class="totals-label">Round Off</td>
                            <td class="totals-value">{{ ($saleVoucher->round_off ?? 0) > 0 ? '+' : '' }}{{ number_format($saleVoucher->round_off ?? 0, 2) }}</td>
                        </tr>

                        <tr class="net-total-row">
                            <td class="totals-label">Grand Total</td>
                            <td class="totals-value">{{ number_format($saleVoucher->total, 2) }}</td>
                        </tr>

                        @if($saleVoucher->payments && count($saleVoucher->payments) > 0)
                            @foreach($saleVoucher->payments as $payment)
                                <tr>
                                    <td class="totals-label">Paid ({{ $payment->ledger->ledger_name ?? 'Payment' }})</td>
                                    <td class="totals-value text-success">{{ number_format($payment->paid_amount, 2) }}</td>
                                </tr>
                            @endforeach
                        @endif

                        <tr>
                            <td class="totals-label">Total Amount Paid</td>
                            <td class="totals-value text-success">{{ number_format($saleVoucher->total_paid, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="totals-label">Balance Remaining Due</td>
                            <td class="totals-value text-danger">{{ number_format($saleVoucher->final_total, 2) }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            <!-- Signatures -->
            <div class="signature-row">
                <div class="signature-box">Prepared By / Staff</div>
                <div class="signature-box">Authorized Signature</div>
            </div>
        </div>
    </div>
@endsection