@extends('layouts.layout-horizontal')

@section('title', 'Ledger - ' . $party->name)

@section('content')
<div class="container-fluid">
    {{-- Print-only header --}}
    <div class="d-none d-print-block mb-2" style="text-align:center; border-bottom:2px solid #000; padding-bottom:6px;">
        <h4 style="margin:0; font-weight:700;">{{ $party->name }}</h4>
        <p style="margin:2px 0 0; font-size:12px; color:#555;">
            Ledger Statement: {{ \Carbon\Carbon::parse($startDate)->format('d-M-Y') }} to {{ \Carbon\Carbon::parse($endDate)->format('d-M-Y') }}
            @if($party->mobile) | {{ $party->mobile }} @endif
        </p>
    </div>

    {{-- Header / Filter Bar --}}
    <div class="card mb-3 no-print">
        <div class="card-body p-3">
            <form method="GET" class="row g-3 align-items-end">
                <input type="hidden" name="party_id" value="{{ $party->id }}">
                <div class="col-md-4">
                    <h5 class="mb-0">{{ $party->name }}</h5>
                    <small class="text-muted">
                        {{ $party->city ?? '' }} {{ $party->mobile ? '| ' . $party->mobile : '' }}
                        @if($party->gst_number) | GSTIN: {{ $party->gst_number }} @endif
                    </small>
                </div>
                <div class="col-md-2">
                    <label class="form-label small">From</label>
                    <input type="date" name="start_date" class="form-control form-control-sm" value="{{ $startDate }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label small">To</label>
                    <input type="date" name="end_date" class="form-control form-control-sm" value="{{ $endDate }}">
                </div>
                <div class="col-md-4 d-flex gap-2 flex-wrap">
                    <button class="btn btn-sm btn-primary">
                        <i class="ph-duotone ph-funnel"></i> Filter
                    </button>
                    <a href="{{ route('sale-receipts.create', ['party_id' => $party->id, 'from_ledger' => 1]) }}" target="_blank" class="btn btn-sm btn-success">
                        <i class="ph-duotone ph-plus"></i> Receipt
                    </a>
                    <a href="{{ route('purchase-payments.create', ['party_id' => $party->id, 'from_ledger' => 1]) }}" target="_blank" class="btn btn-sm btn-danger">
                        <i class="ph-duotone ph-plus"></i> Payment
                    </a>
                    <button type="button" class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#discountModal">
                        <i class="ph-duotone ph-percent"></i> Discount
                    </button>
                    <a href="{{ route('ledger.pdf', ['party_id' => $party->id, 'start_date' => $startDate, 'end_date' => $endDate, 'download' => 1]) }}" class="btn btn-sm btn-danger">
                        <i class="ph-duotone ph-download-simple"></i> Download
                    </a>
                    <button type="button" id="ledgerPrintBtn" class="btn btn-sm btn-secondary">
                        <i class="ph-duotone ph-printer"></i> Print
                    </button>
                    @if($party->mobile)
                        <button type="button" class="btn btn-sm btn-success" id="whatsappLedgerBtn"
                            title="Share Ledger Summary on WhatsApp">
                            <i class="ph-duotone ph-whatsapp-logo"></i> WhatsApp
                        </button>
                    @endif
                    <a href="{{ route('ledger.index') }}" class="btn btn-sm btn-outline-dark">
                        <i class="ph-duotone ph-arrow-left"></i> Back
                    </a>
                </div>
            </form>
        </div>
    </div>

    {{-- Summary Cards --}}
    <div class="row g-3 mb-3 no-print">
        @php
            $totalDebit = $ledger->sum('debit') + max($netOpening, 0);
            $totalCredit = $ledger->sum('credit') + max(-$netOpening, 0);
            $closingBalance = $totalDebit - $totalCredit;
        @endphp
        <div class="col-md-3">
            <div class="card border-start border-primary border-3">
                <div class="card-body p-3">
                    <div class="d-flex align-items-center justify-content-between">
                        <div>
                            <h6 class="text-muted mb-1">Opening Balance</h6>
                            <h4 class="mb-0 {{ $netOpening >= 0 ? 'text-success' : 'text-danger' }}">
                                {{ indian_number(abs($netOpening), 2) }}
                                <small>{{ $netOpening >= 0 ? 'Dr' : 'Cr' }}</small>
                            </h4>
                        </div>
                        <a href="{{ route('customers.show', $party->id) }}" target="_blank" class="btn btn-sm btn-outline-primary" title="Edit Opening Balance">
                            <i class="ph-duotone ph-pencil-simple"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-start border-success border-3">
                <div class="card-body p-3">
                    <h6 class="text-muted mb-1">Total Debit</h6>
                    <h4 class="mb-0 text-success">{{ indian_number($totalDebit, 2) }}</h4>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-start border-danger border-3">
                <div class="card-body p-3">
                    <h6 class="text-muted mb-1">Total Credit</h6>
                    <h4 class="mb-0 text-danger">{{ indian_number($totalCredit, 2) }}</h4>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-start border-dark border-3">
                <div class="card-body p-3">
                    <h6 class="text-muted mb-1">Closing Balance</h6>
                    <h4 class="mb-0 {{ $closingBalance >= 0 ? 'text-success' : 'text-danger' }}">
                        {{ indian_number(abs($closingBalance), 2) }}
                        <small>{{ $closingBalance >= 0 ? 'Dr' : 'Cr' }}</small>
                    </h4>
                </div>
            </div>
        </div>
    </div>

    {{-- Printable Ledger Area --}}
    <div class="card" id="print-section">
        <div class="card-body">
            {{-- Print-only Header --}}
            <div class="d-none d-print-block text-center mb-4">
                <h5 class="fw-bold">{{ config('app.name', 'Company Name') }}</h5>
                <h6>Ledger Account</h6>
                <p class="mb-1"><strong>{{ $party->name }}</strong></p>
                @if($party->billing_address)
                    <p class="mb-1 small">{{ $party->billing_address }}</p>
                @endif
                @if($party->gst_number)
                    <p class="mb-1 small">GSTIN: {{ $party->gst_number }}</p>
                @endif
                <p class="mb-0">Period: {{ \Carbon\Carbon::parse($startDate)->format('d-M-Y') }} to {{ \Carbon\Carbon::parse($endDate)->format('d-M-Y') }}</p>
            </div>

            <div data-st data-st-export="excel" data-st-perpage="false">
                <table class="table table-bordered table-hover table-sm align-middle">
                    <thead class="table-light text-center">
                        <tr>
                            <th width="10%">Date</th>
                            <th width="11%">Type</th>
                            <th class="text-start">Particulars</th>
                            <th width="14%">Remarks</th>
                            <th width="10%">Ref No.</th>
                            <th width="11%" class="text-end">Debit</th>
                            <th width="11%" class="text-end">Credit</th>
                            <th width="13%" class="text-end">Balance</th>
                            <th width="7%" class="no-print"></th>
                        </tr>
                    </thead>
                    <tbody>
                        {{-- 1. Opening Balance Row --}}
                        @php
                            $runningBalance = $netOpening;
                            $totalDr = max($netOpening, 0);
                            $totalCr = max(-$netOpening, 0);

                            // Helper to format Dr/Cr
                            $formatBal = function($amount) {
                                if($amount == 0) return '-';
                                $suffix = $amount >= 0 ? ' Dr' : ' Cr';
                                return indian_number(abs($amount), 2) . $suffix;
                            };

                            // Helper to get badge class
                            $getBadgeClass = function($type) {
                                return match($type) {
                                    'Sale' => 'bg-success bg-opacity-10 text-success',
                                    'Receipt' => 'bg-info bg-opacity-10 text-info',
                                    'Sale Return' => 'bg-warning bg-opacity-10 text-warning',
                                    'Purchase' => 'bg-danger bg-opacity-10 text-danger',
                                    'Payment' => 'bg-primary bg-opacity-10 text-primary',
                                    'Purchase Return' => 'bg-secondary bg-opacity-10 text-secondary',
                                    default => 'bg-light text-dark'
                                };
                            };
                        @endphp

                        <tr class="fw-bold bg-light">
                            <td class="text-center" data-sort-value="{{ \Carbon\Carbon::parse($startDate)->format('Y-m-d') }}-000000">
                                {{ \Carbon\Carbon::parse($startDate)->format('d-M-Y') }}
                            </td>
                            <td class="text-center">
                                <span class="badge bg-dark bg-opacity-10 text-dark border">OPENING</span>
                            </td>
                            <td>Balance Brought Forward</td>
                            <td class="small text-muted">-</td>
                            <td class="text-center">-</td>
                            {{-- If Op Bal is positive (Dr) put in Debit col, else Credit col --}}
                            <td class="text-end">{{ $netOpening > 0 ? indian_number(abs($netOpening), 2) : '-' }}</td>
                            <td class="text-end">{{ $netOpening < 0 ? indian_number(abs($netOpening), 2) : '-' }}</td>
                            <td class="text-end">{{ $formatBal($runningBalance) }}</td>
                            <td class="no-print"></td>
                        </tr>

                        {{-- 2. Transactions Loop --}}
                        @forelse ($ledger as $entry)
                            @php
                                // Debit is + (Receivable), Credit is - (Payable)
                                $runningBalance += ($entry['debit'] - $entry['credit']);
                                $totalDr += $entry['debit'];
                                $totalCr += $entry['credit'];
                            @endphp
                            <tr @if(isset($entry['link']) && $entry['link']) onclick="window.open('{{ $entry['link'] }}', '_blank')" style="cursor:pointer" title="Click to edit" @endif>
                                <td class="text-center" data-sort-value="{{ \Carbon\Carbon::parse($entry['date'])->format('Y-m-d') }}-{{ str_pad((string) $loop->iteration, 6, '0', STR_PAD_LEFT) }}">
                                    {{ \Carbon\Carbon::parse($entry['date'])->format('d-M-Y') }}
                                </td>
                                <td class="text-center">
                                    <span class="badge {{ $getBadgeClass($entry['type']) }} border">
                                        {{ $entry['type'] }}
                                    </span>
                                </td>
                                <td>
                                    {{ $entry['desc'] }}
                                    @if(isset($entry['link']) && $entry['link'])
                                        <i class="ph-duotone ph-arrow-square-out small text-muted"></i>
                                    @endif
                                </td>
                                <td class="small text-muted">{{ $entry['remarks'] ?? '-' }}</td>
                                <td class="text-center small">{{ $entry['ref'] ?: '-' }}</td>
                                <td class="text-end {{ $entry['debit'] > 0 ? 'text-success' : '' }}">
                                    {{ $entry['debit'] > 0 ? indian_number($entry['debit'], 2) : '-' }}
                                </td>
                                <td class="text-end {{ $entry['credit'] > 0 ? 'text-danger' : '' }}">
                                    {{ $entry['credit'] > 0 ? indian_number($entry['credit'], 2) : '-' }}
                                </td>
                                <td class="text-end fw-bold">{{ $formatBal($runningBalance) }}</td>
                                <td class="text-center no-print" onclick="event.stopPropagation();">
                                    @if(!empty($entry['view_url']))
                                        <a href="{{ $entry['view_url'] }}" target="_blank" class="btn btn-sm btn-outline-secondary py-0 px-1" title="View {{ $entry['type'] }}">
                                            <i class="ph-duotone ph-eye"></i>
                                        </a>
                                    @endif
                                    @if(!empty($entry['edit_url']))
                                        <a href="{{ $entry['edit_url'] }}" target="_blank" class="btn btn-sm btn-outline-primary py-0 px-1" title="Edit {{ $entry['type'] }}">
                                            <i class="ph-duotone ph-pencil-simple"></i>
                                        </a>
                                    @endif
                                    @if($entry['type'] === 'Discount' && isset($entry['discount_id']))
                                        <form action="{{ route('ledger.discount.destroy', $entry['discount_id']) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete this discount voucher?')">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-sm btn-outline-danger py-0 px-1" title="Delete Discount">
                                                <i class="ph-duotone ph-trash"></i>
                                            </button>
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center text-muted py-4">
                                    <i class="ph-duotone ph-folder-notch-open f-40 d-block mb-2"></i>
                                    No transactions found in this period.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                    <tfoot class="table-light fw-bold">
                        <tr>
                            <td class="text-end" colspan="5">Period Totals:</td>
                            <td class="text-end text-success">{{ indian_number($totalDr, 2) }}</td>
                            <td class="text-end text-danger">{{ indian_number($totalCr, 2) }}</td>
                            <td class="text-end bg-light">{{ $formatBal($runningBalance) }}</td>
                            <td class="no-print"></td>
                        </tr>
                        <tr class="table-dark">
                            <td class="text-end" colspan="5">Closing Balance:</td>
                            <td class="text-center">
                                @if($runningBalance >= 0)
                                    <span class="text-success">{{ indian_number(abs($runningBalance), 2) }} Dr</span>
                                @else
                                    <span class="text-danger">{{ indian_number(abs($runningBalance), 2) }} Cr</span>
                                @endif
                            </td>
                            <td class="text-center">
                                <small class="{{ $runningBalance >= 0 ? 'text-light' : 'text-light' }}">
                                    {{ $runningBalance >= 0 ? '(Party owes you)' : '(You owe party)' }}
                                </small>
                            </td>
                            <td class="text-end">{{ $formatBal($runningBalance) }}</td>
                            <td class="no-print"></td>
                        </tr>
                    </tfoot>
                </table>
            </div>

            {{-- Print Footer --}}
            <div class="row mt-4 d-none d-print-flex">
                <div class="col-6">
                    <p class="mb-0"><strong>Note:</strong> Dr = Receivable (Party owes you) | Cr = Payable (You owe party)</p>
                </div>
                <div class="col-6 text-end">
                    <p class="mb-0">Generated on {{ now()->format('d-M-Y h:i A') }}</p>
                </div>
            </div>

            {{-- Legend (Screen Only) --}}
            <div class="mt-3 no-print">
                <small class="text-muted">
                    <strong>Legend:</strong>
                    <span class="badge bg-success bg-opacity-10 text-success border ms-2">Sale</span> Invoice Raised
                    <span class="badge bg-info bg-opacity-10 text-info border ms-2">Receipt</span> Payment Received
                    <span class="badge bg-warning bg-opacity-10 text-warning border ms-2">Sale Return</span> Goods Returned by Customer
                    <span class="badge bg-danger bg-opacity-10 text-danger border ms-2">Purchase</span> Bill Received
                    <span class="badge bg-primary bg-opacity-10 text-primary border ms-2">Payment</span> Payment Made
                    <span class="badge bg-secondary bg-opacity-10 text-secondary border ms-2">Purchase Return</span> Goods Returned to Supplier
                </small>
            </div>
        </div>
    </div>
</div>

<style>
    @media print {
        .no-print { display: none !important; }
        .card { border: none !important; box-shadow: none !important; }
        .badge { border: 1px solid #000 !important; color: #000 !important; background: none !important; }
        .d-print-block { display: block !important; }
        .d-print-flex { display: flex !important; }
        .table { font-size: 11px; }
        .table th, .table td { padding: 4px 6px !important; }
        body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    }
</style>

{{-- Discount Voucher Modal --}}
<div class="modal fade" id="discountModal" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <form method="POST" action="{{ route('ledger.discount.store') }}">
                @csrf
                <input type="hidden" name="party_id" value="{{ $party->id }}">
                <div class="modal-header py-2">
                    <h6 class="modal-title mb-0">Discount Voucher</h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-2">
                        <label class="form-label small">Date</label>
                        <input type="date" name="voucher_date" class="form-control form-control-sm" value="{{ now()->toDateString() }}" required>
                    </div>
                    <div class="mb-2">
                        <label class="form-label small">Amount</label>
                        <input type="number" step="0.01" name="amount" class="form-control form-control-sm" required placeholder="0.00">
                    </div>
                    <div class="mb-2">
                        <label class="form-label small">Type</label>
                        <select name="direction" class="form-select form-select-sm" required>
                            <option value="dr">Discount Given (Credit to party)</option>
                            <option value="cr">Discount Received (Debit to party)</option>
                        </select>
                    </div>
                    <div class="mb-0">
                        <label class="form-label small">Remarks</label>
                        <input type="text" name="remarks" class="form-control form-control-sm" placeholder="Optional">
                    </div>
                </div>
                <div class="modal-footer py-2">
                    <button type="submit" class="btn btn-warning btn-sm w-100">
                        <i class="ph-duotone ph-percent me-1"></i> Save Discount
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // ── Ledger Print: open clean window with header + table (mirrors stripe-table print) ──
    const printBtn = document.getElementById('ledgerPrintBtn');
    if (printBtn) {
        @php
            $companyName = currentCompany()->name ?? config('app.name');
            $printTotalDebit = $ledger->sum('debit') + max($netOpening, 0);
            $printTotalCredit = $ledger->sum('credit') + max(-$netOpening, 0);
            $closingBal  = $printTotalDebit - $printTotalCredit;
            $printHeader = [
                'company'     => $companyName,
                'partyName'   => $party->name,
                'address'     => $party->billing_address ?? '',
                'city'        => $party->city ?? '',
                'mobile'      => $party->mobile ?? '',
                'gstin'       => $party->gst_number ?? '',
                'fromDate'    => \Carbon\Carbon::parse($startDate)->format('d-M-Y'),
                'toDate'      => \Carbon\Carbon::parse($endDate)->format('d-M-Y'),
                'opening'     => indian_number(abs($netOpening), 2) . ($netOpening >= 0 ? ' Dr' : ' Cr'),
                'totalDebit'  => indian_number($printTotalDebit, 2),
                'totalCredit' => indian_number($printTotalCredit, 2),
                'closing'     => indian_number(abs($closingBal), 2) . ($closingBal >= 0 ? ' Dr' : ' Cr'),
                'generated'   => now()->format('d-M-Y h:i A'),
            ];
        @endphp
        const H = @json($printHeader);

        printBtn.addEventListener('click', function () {
            const table = document.querySelector('#print-section table');
            if (!table) return;

            const clone = table.cloneNode(true);
            clone.querySelectorAll('.no-export, .no-print').forEach(el => el.remove());
            clone.querySelectorAll('tr').forEach(r => r.style.display = '');

            const headerHtml =
                '<div class="print-header">' +
                    '<h2>' + H.company + '</h2>' +
                    '<h3>Ledger Statement</h3>' +
                    '<div class="party"><strong>' + H.partyName + '</strong>' +
                        (H.address ? '<div>' + H.address + '</div>' : '') +
                        '<div>' +
                            (H.city ? H.city : '') +
                            (H.mobile ? ' | ' + H.mobile : '') +
                            (H.gstin ? ' | GSTIN: ' + H.gstin : '') +
                        '</div>' +
                    '</div>' +
                    '<div class="period">Period: ' + H.fromDate + ' to ' + H.toDate + '</div>' +
                    '<table class="summary">' +
                        '<tr>' +
                            '<td><span>Opening</span><strong>' + H.opening + '</strong></td>' +
                            '<td><span>Total Debit</span><strong>' + H.totalDebit + '</strong></td>' +
                            '<td><span>Total Credit</span><strong>' + H.totalCredit + '</strong></td>' +
                            '<td><span>Closing</span><strong>' + H.closing + '</strong></td>' +
                        '</tr>' +
                    '</table>' +
                '</div>';

            const html =
                '<!DOCTYPE html><html><head><meta charset="utf-8"><title>Ledger - ' + H.partyName + '</title>' +
                '<style>' +
                    'body{font-family:"Public Sans",sans-serif;font-size:12px;color:#1a1f36;padding:20px}' +
                    '.print-header{text-align:center;border-bottom:2px solid #000;padding-bottom:10px;margin-bottom:14px}' +
                    '.print-header h2{margin:0;font-size:18px;font-weight:700}' +
                    '.print-header h3{margin:2px 0 8px;font-size:13px;font-weight:600;color:#444}' +
                    '.print-header .party{margin-top:6px;font-size:12px}' +
                    '.print-header .party strong{font-size:14px}' +
                    '.print-header .period{margin-top:4px;font-size:11px;color:#555}' +
                    '.summary{width:100%;margin-top:10px;border-collapse:collapse}' +
                    '.summary td{border:1px solid #ccc;padding:6px 8px;text-align:center;font-size:11px}' +
                    '.summary td span{display:block;color:#697386;font-size:10px;text-transform:uppercase;letter-spacing:.5px}' +
                    '.summary td strong{font-size:12px}' +
                    'table{width:100%;border-collapse:collapse}' +
                    'th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:#697386;background:#fafbfc;' +
                        'border-bottom:2px solid #e3e8ee;padding:8px 10px;text-align:left}' +
                    'td{padding:6px 10px;border-bottom:1px solid #f0f2f5;font-size:12px}' +
                    'tfoot td,tfoot th{font-weight:600;background:#fafbfc;border-top:2px solid #e3e8ee}' +
                    '.text-end{text-align:right}.text-center{text-align:center}.fw-bold{font-weight:700}' +
                    '.badge{border:1px solid #000;padding:1px 5px;border-radius:3px;font-size:10px;color:#000;background:none}' +
                    '.footer-note{margin-top:14px;display:flex;justify-content:space-between;font-size:10px;color:#555}' +
                    '@media print{@page{margin:12mm}}' +
                '</style></head><body>' +
                    headerHtml +
                    clone.outerHTML +
                    '<div class="footer-note">' +
                        '<span>Dr = Receivable (Party owes you) | Cr = Payable (You owe party)</span>' +
                        '<span>Generated on ' + H.generated + '</span>' +
                    '</div>' +
                '</body></html>';

            const win = window.open('', '_blank');
            win.document.write(html);
            win.document.close();
            win.onload = function () { win.print(); };
        });
    }

    @php
        $ledgerShareUrl = route('ledger.share-link', [
            'party_id' => $party->id,
            'start_date' => $startDate,
            'end_date' => $endDate,
        ]);
    @endphp

    const btn = document.getElementById('whatsappLedgerBtn');
    if (!btn) return;

    btn.addEventListener('click', async function() {
        const mobile = @json($party->mobile ?? '');
        if (!mobile) { alert('No mobile number found.'); return; }

        let phone = mobile.replace(/[\s\-\+\(\)]/g, '');
        if (phone.length === 10) phone = '91' + phone;

        @php
            $closingBal = $netOpening + $ledger->sum('debit') - $ledger->sum('credit');
            $waData = [
                'partyName'   => $party->name,
                'fromDate'    => \Carbon\Carbon::parse($startDate)->format('d-M-Y'),
                'toDate'      => \Carbon\Carbon::parse($endDate)->format('d-M-Y'),
                'closingAmt'  => indian_number(abs($closingBal), 2),
                'closingType' => $closingBal >= 0 ? 'Dr (Receivable)' : 'Cr (Payable)',
                'companyName' => currentCompany()->name ?? config('app.name'),
            ];
        @endphp
        const wa = @json($waData);
        const msg = `*${wa.companyName}*\n*Ledger Statement*\nParty: *${wa.partyName}*\nPeriod: ${wa.fromDate} to ${wa.toDate}\nClosing Balance: *₹${wa.closingAmt} ${wa.closingType}*`;

        let link = '';
        try {
            const res = await fetch(@json($ledgerShareUrl), { headers: { 'Accept': 'application/json' } });
            const data = await res.json();
            link = data.url ? `\nPDF: ${data.url}` : '';
        } catch (err) { console.error(err); }
        window.open('https://api.whatsapp.com/send?phone=' + phone + '&text=' + encodeURIComponent(msg + link), '_blank');
    });
});
</script>
<style>.spin { animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } }</style>
@endpush