@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;">
            All Companies 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">
                <div class="col-md-4">
                    <label class="form-label small">Party</label>
                    <select name="party_id" id="ledgerPartyJump" class="form-select form-select-sm" required>
                        @foreach($parties as $ledgerParty)
                            <option value="{{ $ledgerParty->id }}" data-gst="{{ $ledgerParty->gst_number }}" @selected($ledgerParty->id === $party->id)>
                                {{ $ledgerParty->name }}
                                @if($ledgerParty->party_type === 'both') [Both] @endif
                            </option>
                        @endforeach
                    </select>
                    <small class="text-muted">
                        {{ $party->state ?? '' }} {{ $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.combined-pdf', ['party_id' => $party->id, 'start_date' => $startDate, 'end_date' => $endDate]) }}"
                        target="_blank" class="btn btn-sm btn-danger">
                        <i class="ph-duotone ph-file-pdf"></i> PDF
                    </a>
                    @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 (across all companies) --}}
    <div class="row g-3 mb-3 no-print">
        <div class="col-md-3">
            <div class="card border-start border-primary border-3">
                <div class="card-body p-3">
                    <h6 class="text-muted mb-1">Opening Balance</h6>
                    <h4 class="mb-0 {{ $summary['netOpening'] >= 0 ? 'text-success' : 'text-danger' }}">
                        {{ indian_number(abs($summary['netOpening']), 2) }}
                        <small>{{ $summary['netOpening'] >= 0 ? 'Dr' : 'Cr' }}</small>
                    </h4>
                </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($summary['totalDr'], 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($summary['totalCr'], 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 (All Companies)</h6>
                    <h4 class="mb-0 {{ $summary['closingBalance'] >= 0 ? 'text-success' : 'text-danger' }}">
                        {{ indian_number(abs($summary['closingBalance']), 2) }}
                        <small>{{ $summary['closingBalance'] >= 0 ? 'Dr' : 'Cr' }}</small>
                    </h4>
                </div>
            </div>
        </div>
    </div>

    {{-- Printable Ledger Area (one panel per company) --}}
    <div id="print-section">
    @forelse($companyLedgers as $entry)
        @php
            $company = $entry['company'];
            $ledgerParty = $entry['ledgerParty'];
            $netOpening = $entry['netOpening'];
            $ledger = $entry['ledger'];
            $formatBal = function($amount) {
                if(abs((float) $amount) < 0.005) return '-';
                $suffix = $amount >= 0 ? ' Dr' : ' Cr';
                return indian_number(abs($amount), 2) . $suffix;
            };
            $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
        <div class="card mb-3 company-ledger-card" data-company-name="{{ $company->name }}">
            <div class="card-header d-flex align-items-center justify-content-between flex-wrap gap-2">
                <h6 class="mb-0">
                    <i class="ph-duotone ph-buildings me-1"></i> {{ $company->name }}
                    @if($ledgerParty->id !== $party->id)
                        <small class="text-muted">&middot; Ledger of: {{ $ledgerParty->name }}</small>
                    @endif
                </h6>
                <a href="{{ route('customers.show', ['company' => $company->id, 'customer' => $ledgerParty->id]) }}" target="_blank" class="btn btn-sm btn-outline-primary no-print" title="Edit Opening Balance">
                    <i class="ph-duotone ph-pencil-simple"></i>
                </a>
            </div>
            <div class="card-body">
                <div data-st data-st-export="excel" data-st-perpage="false"
                    data-st-filename="ledger-{{ \Illuminate\Support\Str::slug($party->name) }}-{{ \Illuminate\Support\Str::slug($company->name) }}-{{ $startDate }}-to-{{ $endDate }}">
                    <div class="table-responsive ledger-table-scroll" tabindex="0" aria-label="Ledger entries. Scroll horizontally to view all columns.">
                    <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="9%" class="no-print"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $runningBalance = $netOpening;
                                $totalDr = max($netOpening, 0);
                                $totalCr = max(-$netOpening, 0);
                            @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>
                                <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>

                            @forelse ($ledger as $ledgerEntry)
                                @php
                                    $runningBalance += ($ledgerEntry['debit'] - $ledgerEntry['credit']);
                                    $totalDr += $ledgerEntry['debit'];
                                    $totalCr += $ledgerEntry['credit'];
                                @endphp
                                <tr @if(!empty($ledgerEntry['edit_url'])) onclick="window.open('{{ $ledgerEntry['edit_url'] }}', '_blank')" style="cursor:pointer" title="Click to edit" @endif>
                                    <td class="text-center" data-sort-value="{{ \Carbon\Carbon::parse($ledgerEntry['date'])->format('Y-m-d') }}-{{ str_pad((string) $loop->iteration, 6, '0', STR_PAD_LEFT) }}">
                                        {{ \Carbon\Carbon::parse($ledgerEntry['date'])->format('d-M-Y') }}
                                    </td>
                                    <td class="text-center">
                                        <span class="badge {{ $getBadgeClass($ledgerEntry['type']) }} border">
                                            {{ $ledgerEntry['type'] }}
                                        </span>
                                    </td>
                                    <td>
                                        {{ $ledgerEntry['desc'] }}
                                        @if(!empty($ledgerEntry['edit_url']))
                                            <i class="ph-duotone ph-arrow-square-out small text-muted"></i>
                                        @endif
                                    </td>
                                    <td class="small text-muted">{{ $ledgerEntry['remarks'] ?? '-' }}</td>
                                    <td class="text-center small">{{ $ledgerEntry['ref'] ?: '-' }}</td>
                                    <td class="text-end {{ $ledgerEntry['debit'] > 0 ? 'text-success' : '' }}">
                                        {{ $ledgerEntry['debit'] > 0 ? indian_number($ledgerEntry['debit'], 2) : '-' }}
                                    </td>
                                    <td class="text-end {{ $ledgerEntry['credit'] > 0 ? 'text-danger' : '' }}">
                                        {{ $ledgerEntry['credit'] > 0 ? indian_number($ledgerEntry['credit'], 2) : '-' }}
                                    </td>
                                    <td class="text-end fw-bold">{{ $formatBal($runningBalance) }}</td>
                                    <td class="text-center no-print" onclick="event.stopPropagation();">
                                        @if(!empty($ledgerEntry['view_url']))
                                            <a href="{{ $ledgerEntry['view_url'] }}" target="_blank" class="btn btn-sm btn-outline-secondary py-0 px-1" title="View {{ $ledgerEntry['type'] }}">
                                                <i class="ph-duotone ph-eye"></i>
                                            </a>
                                        @endif
                                        @if(!empty($ledgerEntry['edit_url']))
                                            <a href="{{ $ledgerEntry['edit_url'] }}" target="_blank" class="btn btn-sm btn-outline-primary py-0 px-1" title="Edit {{ $ledgerEntry['type'] }}">
                                                <i class="ph-duotone ph-pencil-simple"></i>
                                            </a>
                                        @endif
                                        @if(!empty($ledgerEntry['download_url']))
                                            <a href="{{ $ledgerEntry['download_url'] }}" class="btn btn-sm btn-outline-danger py-0 px-1" title="Download {{ in_array($ledgerEntry['type'], ['Sale', 'Purchase']) ? 'Invoice' : $ledgerEntry['type'] }}">
                                                <i class="ph-duotone ph-download-simple"></i>
                                            </a>
                                        @endif
                                        @if($ledgerEntry['type'] === 'Discount' && isset($ledgerEntry['discount_id']))
                                            <form action="{{ route('ledger.discount.destroy', $ledgerEntry['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="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>
                </div>
            </div>
        </div>
    @empty
        <div class="card">
            <div class="card-body text-center text-muted py-5">
                <i class="ph-duotone ph-folder-notch-open f-40 d-block mb-2"></i>
                No outstanding balance or transactions found for this party in any company for FY period selected.
            </div>
        </div>
    @endforelse
    </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>

<style>
    .ledger-table-scroll {
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }

    @media (max-width: 767.98px) {
        .ledger-table-scroll .table {
            min-width: 950px;
        }
    }

    @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; }
        .ledger-table-scroll { overflow: visible !important; }
        .ledger-table-scroll .table { min-width: 0 !important; }
        .company-ledger-card { page-break-inside: avoid; break-inside: avoid; }
        .company-ledger-card:not(:first-child) { page-break-before: always; }
        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" min="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" maxlength="255" 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() {
    const ledgerPartyJump = document.getElementById('ledgerPartyJump');
    if (ledgerPartyJump && window.TomSelect) {
        new TomSelect(ledgerPartyJump, {
            maxOptions: null,
            closeAfterSelect: true,
            searchField: ['text', 'gst'],
            render: {
                option: function(data, escape) {
                    const gst = data.gst ? '<span style="color:#999;font-size:.7rem;margin-left:6px">GST: ' + escape(data.gst) + '</span>' : '';
                    return '<div>' + escape(data.text) + gst + '</div>';
                }
            }
        });
    }

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

    btn.addEventListener('click', 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
            $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($summary['closingBalance']), 2),
                'closingType' => $summary['closingBalance'] >= 0 ? 'Dr (Receivable)' : 'Cr (Payable)',
                'companyName' => 'All Companies',
            ];
        @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}*`;

        const manualAttachMsg = msg + `\n\nPlease attach the ledger PDF/document manually before sending.`;
        window.open('https://api.whatsapp.com/send?phone=' + phone + '&text=' + encodeURIComponent(manualAttachMsg), '_blank');
    });
});
</script>
<style>.spin { animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } }</style>
@endpush