@extends('admin.admin_dashboard')

@section('customcss')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
@endsection

@section('admin')
@php
    $installmentPaymentMap = $bill->payments
        ->where('status', 'posted')
        ->whereNotNull('installment_id')
        ->sortByDesc('payment_date')
        ->groupBy('installment_id')
        ->map(fn($items) => $items->first())
        ->all();

    $nowBangladesh = now()->timezone('+06:00');
    $rawOldDate = old('payment_date');
    if (!$rawOldDate || str_contains((string)$rawOldDate, '12:00 AM') || str_contains((string)$rawOldDate, '12:00 am')) {
        $oldPaymentDateDisplay = $nowBangladesh->format('d - m - Y h:i A');
    } else {
        $oldPaymentDateDisplay = $rawOldDate;
    }
    $defaultIsoPaymentDate = $nowBangladesh->format('Y-m-d\TH:i:s');
    $lastPostedPayment = $bill->payments->where('status', 'posted')->sortByDesc('payment_date')->first();
@endphp
<div class="content-body default-height">
    <div class="container-fluid">
        <div class="row page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Accounting</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.expense_bills.index') }}">Expense Bills</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">{{ $bill->bill_no }}</a></li>
            </ol>
        </div>

        <div class="row">
            <div class="col-xl-12">

                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                @if(session('error'))
                    <div class="alert alert-danger">{{ session('error') }}</div>
                @endif
                @if($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="filter cm-content-box box-primary">
                    <div class="content-title SlideToolHeader">
                        <div class="cpa">
                            <i class="fa-solid fa-receipt me-1"></i>Bill Details
                        </div>
                        <div class="tools d-flex align-items-center gap-2">
                            <a href="{{ route('admin.expense_bills.print', $bill->id) }}" target="_blank" class="btn btn-primary btn-sm">
                                <i class="fa fa-print me-1"></i> Print Voucher
                            </a>
                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                        </div>
                    </div>

                    <div class="cm-content-body form excerpt">
                        <div class="card-body">

                            <div class="row mb-3">
                                <div class="col-xl-3 col-sm-6"><strong>Bill No:</strong> {{ $bill->bill_no }}</div>
                                <div class="col-xl-3 col-sm-6"><strong>Date:</strong> {{ optional($bill->bill_date)->format('d - m - Y') }}</div>
                                <div class="col-xl-3 col-sm-6"><strong>Category:</strong> {{ $bill->category?->name }}</div>
                                <div class="col-xl-3 col-sm-6"><strong>Status:</strong> <span class="badge {{ match($bill->status) { 'draft' => 'badge-secondary', 'approved' => 'badge-info', 'partial' => 'badge-warning', 'paid' => 'badge-success', 'void' => 'badge-danger', default => 'badge-primary' } }}">{{ strtoupper($bill->status) }}</span></div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-xl-3 col-sm-6"><strong>Total:</strong> {{ number_format((float)$bill->total_amount, 2) }}</div>
                                <div class="col-xl-3 col-sm-6"><strong>Paid:</strong> {{ number_format((float)$bill->paid_amount, 2) }}</div>
                                <div class="col-xl-3 col-sm-6"><strong>Remaining:</strong> {{ number_format((float)$bill->remaining_amount, 2) }}</div>
                                <div class="col-xl-3 col-sm-6"><strong>Vendor:</strong> {{ $bill->vendor_name ?: '-' }}</div>
                            </div>

                            @if($lastPostedPayment)
                                <div class="row mb-3">
                                    <div class="col-xl-6 col-sm-12">
                                        <strong>Payment Date:</strong>
                                        <span class="text-success fw-bold">{{ optional($lastPostedPayment->payment_date)->format('d - m - Y h:i A') }}</span>
                                        <small class="text-muted ms-1">({{ strtoupper($lastPostedPayment->paid_from_method_key ?? 'Cash') }})</small>
                                    </div>
                                </div>
                            @endif

                            @if($bill->remark)
                                <div class="mb-3">
                                    <strong>Remark:</strong>
                                    <div>{{ $bill->remark }}</div>
                                </div>
                            @endif

                            <div class="d-flex gap-2 mb-3 flex-wrap">
                                <a href="{{ route('admin.expense_bills.print', $bill->id) }}" target="_blank" class="btn btn-primary">
                                    <i class="fa fa-print me-1"></i> Print Voucher
                                </a>
                                @can('expense_bill.update')
                                @if($bill->status === 'draft')
                                    <a href="{{ route('admin.expense_bills.edit', $bill->id) }}" class="btn btn-warning">
                                        Edit Bill
                                    </a>
                                @endif
                                @endcan

                                @can('expense_bill.approve')
                                @if($bill->status === 'draft')
                                    <form action="{{ route('admin.expense_bills.approve', $bill->id) }}" method="POST">
                                        @csrf
                                        <button class="btn btn-success" type="submit"
                                                onclick="return confirm('Approve করলে bill details আর change করা যাবে না. Accounting entry payment-এর সময় হবে. Continue?')">
                                            Approve Bill
                                        </button>
                                    </form>
                                @endif
                                @endcan

                                @can('expense_bill.update')
                                @if($bill->status === 'draft')
                                    <form action="{{ route('admin.expense_bills.void', $bill->id) }}" method="POST"
                                          onsubmit="return confirm('Void this bill?');">
                                        @csrf
                                        <button class="btn btn-danger light" type="submit">Void Bill</button>
                                    </form>
                                @endif
                                @endcan
                            </div>

                            <hr>

                            {{-- Documents --}}
                            <div class="d-flex align-items-center justify-content-between mb-2">
                                <h5 class="mb-0">
                                    <i class="fa-solid fa-paperclip me-1 text-primary"></i> Supporting Documents
                                    @if($bill->documents->count() > 0)
                                        <span class="badge badge-primary light badge-sm ms-1">{{ $bill->documents->count() }}</span>
                                    @endif
                                </h5>
                            </div>

                            @if($bill->documents->count() > 0)
                                <div class="table-responsive mb-3">
                                    <table class="table table-bordered table-sm align-middle">
                                        <thead class="table-light">
                                            <tr>
                                                <th style="width: 50px;" class="text-center">#</th>
                                                <th>Document / File</th>
                                                <th>Uploaded By</th>
                                                <th>Uploaded At</th>
                                                <th style="width: 140px;" class="text-center">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($bill->documents as $doc)
                                                @php
                                                    $ext = strtolower(pathinfo($doc->file_path, PATHINFO_EXTENSION));
                                                    $iconClass = match($ext) {
                                                        'pdf' => 'fa-file-pdf text-danger',
                                                        'jpg', 'jpeg', 'png', 'webp' => 'fa-file-image text-primary',
                                                        'doc', 'docx' => 'fa-file-word text-info',
                                                        default => 'fa-file text-secondary'
                                                    };
                                                    $filename = basename($doc->file_path);
                                                @endphp
                                                <tr>
                                                    <td class="text-center">{{ $loop->iteration }}</td>
                                                    <td>
                                                        <i class="fa-solid {{ $iconClass }} me-2 fa-lg"></i>
                                                        <a href="{{ asset('storage/'.$doc->file_path) }}" target="_blank" class="fw-semibold text-primary">
                                                            {{ $filename }}
                                                        </a>
                                                    </td>
                                                    <td>{{ $doc->uploader?->name ?? 'System' }}</td>
                                                    <td>{{ optional($doc->created_at)->format('d - m - Y h:i A') ?? '-' }}</td>
                                                    <td class="text-center text-nowrap">
                                                        <a href="{{ asset('storage/'.$doc->file_path) }}" target="_blank" class="btn btn-info btn-xs content-icon me-1" title="View Document">
                                                            <i class="fa fa-eye"></i>
                                                        </a>
                                                        <a href="{{ asset('storage/'.$doc->file_path) }}" download="{{ $filename }}" class="btn btn-secondary btn-xs content-icon me-1" title="Download">
                                                            <i class="fa fa-download"></i>
                                                        </a>
                                                        @if($bill->status !== 'void')
                                                            @can('deleteDocument', $bill)
                                                                <form action="{{ route('admin.expense_bills.documents.destroy', $doc->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure you want to delete this document?');">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <button type="submit" class="btn btn-danger btn-xs content-icon" title="Delete Document">
                                                                        <i class="fa fa-trash"></i>
                                                                    </button>
                                                                </form>
                                                            @endcan
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <p class="text-muted mb-3">No documents attached.</p>
                            @endif

                            {{-- Upload Additional Document Option (Allowed for draft, approved, partial, paid) --}}
                            @if($bill->status !== 'void')
                                @can('uploadDocument', $bill)
                                    <div class="card bg-light border p-3 mb-3">
                                        <form action="{{ route('admin.expense_bills.documents.store', $bill->id) }}" method="POST" enctype="multipart/form-data">
                                            @csrf
                                            <div class="row align-items-end g-2">
                                                <div class="col-xl-6 col-md-8 col-sm-12">
                                                    <label class="form-label fw-bold mb-1">
                                                        <i class="fa-solid fa-cloud-arrow-up me-1 text-primary"></i> Upload Supporting Documents
                                                    </label>
                                                    <input type="file" name="documents[]" class="form-control" multiple required>
                                                    <small class="text-muted">Allowed: PDF, JPG, JPEG, PNG, WEBP, DOC, DOCX (Max: 4MB per file)</small>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-sm-12">
                                                    <button type="submit" class="btn btn-primary">
                                                        <i class="fa fa-upload me-1"></i> Upload Document
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                @endcan
                            @endif

                            <hr>

                            {{-- Installments --}}
                            <h5>Installments</h5>

                            @if($bill->installments->count() > 0)
                                @if($bill->status === 'approved')
                                    {{-- Approved: only installments update allowed --}}
                                    <form action="{{ route('admin.expense_bills.installments.update', $bill->id) }}" method="POST">
                                        @csrf
                                        @method('PUT')

                                        <div class="table-responsive">
                                            <table class="table">
                                                <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Due Date</th>
                                                    <th>Amount Due</th>
                                                    <th>Paid</th>
                                                    <th>Remaining</th>
                                                    <th>Status</th>
                                                    <th>Invoice</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($bill->installments as $k => $inst)
                                                    <tr>
                                                        <td>{{ $inst->installment_no }}</td>
                                                        <td>
                                                            <input type="hidden" name="installments[{{ $k }}][id]" value="{{ $inst->id }}">
                                                            <input type="date" name="installments[{{ $k }}][due_date]"
                                                                   class="form-control"
                                                                   value="{{ optional($inst->due_date)->format('Y-m-d') }}">
                                                        </td>
                                                        <td>
                                                            <input type="number" step="0.01" name="installments[{{ $k }}][amount_due]"
                                                                   class="form-control"
                                                                   value="{{ (float)$inst->amount_due }}">
                                                        </td>
                                                        <td>{{ number_format((float)$inst->amount_paid, 2) }}</td>
                                                        <td>{{ number_format((float)$inst->remaining_amount, 2) }}</td>
                                                        <td><span class="badge badge-info">{{ strtoupper($inst->status) }}</span></td>
                                                        <td class="text-center">
                                                            @if(isset($installmentPaymentMap[$inst->id]))
                                                                <a href="{{ route('admin.expense_payments.invoice', $installmentPaymentMap[$inst->id]->id) }}" target="_blank" class="btn btn-info btn-sm content-icon" title="Print Invoice">
                                                                    <i class="fa fa-print"></i>
                                                                </a>
                                                            @else
                                                                <span class="text-muted">-</span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                        </div>

                                        <button class="btn btn-primary" type="submit">Update Installments</button>
                                    </form>
                                @else
                                                <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Due Date</th>
                                                <th>Paid Date</th>
                                                <th>Amount Due</th>
                                                <th>Paid</th>
                                                <th>Remaining</th>
                                                <th>Status</th>
                                                <th>Invoice</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($bill->installments as $inst)
                                                <tr>
                                                    <td>{{ $inst->installment_no }}</td>
                                                    <td>{{ optional($inst->due_date)->format('d - m - Y') }}</td>
                                                    <td>
                                                        @if(isset($installmentPaymentMap[$inst->id]))
                                                            <span class="text-success fw-bold">{{ optional($installmentPaymentMap[$inst->id]->payment_date)->format('d - m - Y h:i A') }}</span>
                                                        @else
                                                            <span class="text-muted">-</span>
                                                        @endif
                                                    </td>
                                                    <td>{{ number_format((float)$inst->amount_due, 2) }}</td>
                                                    <td>{{ number_format((float)$inst->amount_paid, 2) }}</td>
                                                    <td>{{ number_format((float)$inst->remaining_amount, 2) }}</td>
                                                    <td><span class="badge badge-info">{{ strtoupper($inst->status) }}</span></td>
                                                    <td class="text-center">
                                                        @if(isset($installmentPaymentMap[$inst->id]))
                                                            <a href="{{ route('admin.expense_payments.invoice', $installmentPaymentMap[$inst->id]->id) }}" target="_blank" class="btn btn-info btn-sm content-icon" title="Print Invoice">
                                                                <i class="fa fa-print"></i>
                                                            </a>
                                                        @else
                                                            <span class="text-muted">-</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>

                                    @if(in_array($bill->status, ['partial','paid']))
                                        <p class="text-muted">Payment started/paid, installment cannot be edited.</p>
                                    @endif
                                @endif
                            @else
                                <p class="text-muted">No installment plan.</p>
                            @endif

                            <hr>

                            {{-- Payment Form --}}
                            <h5>Make Payment</h5>

                            @if(in_array($bill->status, ['approved','partial']))
                                <form action="{{ route('admin.expense_bills.payments.store', $bill->id) }}" method="POST">
                                    @csrf
                                    <div class="row">
                                        
                                        <div class="col-xl-3 col-sm-6">
                                            <label class="form-label">Payment Date & Time</label>
                                            <input type="text" name="payment_date" id="paymentDateInput" value="{{ $oldPaymentDateDisplay }}" class="form-control mb-1" placeholder="DD - MM - YYYY hh:mm AM/PM" autocomplete="off">
                                            <small class="text-muted">Format: dd - mm - yyyy h:i A (+6)</small>
                                        </div>
                                        <div class="col-xl-3 col-sm-6">
                                            <label class="form-label">Installment (optional)</label>
                                            <select name="installment_id" id="installmentSelect" class="form-control mb-3" {{ $bill->installments->count() ? '' : 'disabled' }}>
                                                <option value="">-- None --</option>
                                                @foreach($bill->installments as $inst)
                                                    <option value="{{ $inst->id }}" data-remaining="{{ number_format((float)$inst->remaining_amount, 2, '.', '') }}" {{ (string) old('installment_id') === (string) $inst->id ? 'selected' : '' }}>
                                                        #{{ $inst->installment_no }} (Remaining: {{ number_format((float)$inst->remaining_amount) }})
                                                    </option>
                                                @endforeach
                                            </select>
                                            @if(!$bill->installments->count())
                                                <small class="text-muted">No installment plan for this bill</small>
                                            @endif
                                        </div>
                                        <div class="col-xl-3 col-sm-6">
                                            <label class="form-label">Amount</label>
                                            <input type="number" step="0.01" name="amount" id="amountInput" value="{{ old('amount') }}" class="form-control mb-3" required>
                                        </div>

                                        <div class="col-xl-3 col-sm-6">
                                            <label class="form-label">Paid From</label>
                                            <select name="paid_from_method_key" class="form-control mb-1" required>
                                                <option value="">-- Select Payment Method --</option>
                                                @foreach($paymentMethods as $pm)
                                                    <option value="{{ $pm['key'] }}" {{ old('paid_from_method_key') === $pm['key'] ? 'selected' : '' }}>
                                                        {{ $pm['name'] }} @if(!is_null($pm['balance'])) (Balance: {{ number_format((float)$pm['balance']) }}) @endif
                                                    </option>
                                                @endforeach
                                            </select>
                                           
                                        </div>
                                        <div class="col-xl-12">
                                            <label class="form-label">Note</label>
                                            <textarea name="note" class="form-control mb-3" rows="2">{{ old('note') }}</textarea>
                                        </div>

                                        <div class="col-xl-12">
                                            @can('expense_bill.pay')
                                            <button class="btn btn-primary" type="submit">Submit Payment</button>
                                            @endcan
                                        </div>
                                    </div>
                                </form>
                            @else
                                <p class="text-muted">Bill must be Approved to accept payment.</p>
                            @endif

                            <hr>

                            {{-- Payment history --}}
                            <h5>Payment History</h5>
                            @if($bill->payments->count() > 0)
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Payment No</th>
                                            <th>Date</th>
                                            <th>Method</th>
                                            <th>Amount</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($bill->payments as $p)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $p->payment_no }}</td>
                                                <td>{{ optional($p->payment_date)->format('d - m - Y h:i A') }}</td>
                                                <td>{{ $methodNameMap[$p->paid_from_method_key] ?? strtoupper($p->paid_from_method_key) }}</td>
                                                <td>{{ number_format((float)$p->amount, 2) }}</td>
                                                <td>
                                                    <span class="badge {{ $p->status==='void'?'badge-danger':'badge-success' }}">
                                                        {{ strtoupper($p->status) }}
                                                    </span>
                                                </td>
                                                <td class="text-nowrap">
                                                    @if($p->status !== 'void')
                                                        <a href="{{ route('admin.expense_payments.invoice', $p->id) }}" target="_blank" class="btn btn-info btn-sm content-icon" title="Print Invoice">
                                                            <i class="fa fa-print"></i>
                                                        </a>
                                                    @endif

                                                    @can('expense_payment.void')
                                                    @if($p->status !== 'void')
                                                        @if(str_starts_with((string)$bill->bill_no, 'SALARY-') || str_contains((string)$bill->remark, 'Salary Batch Payment'))
                                                            <span class="badge badge-light text-muted" title="Salary payment must be cancelled from Payroll module">Payroll Linked</span>
                                                        @else
                                                            <form action="{{ route('admin.expense_payments.void', $p->id) }}"
                                                                  method="POST" class="d-inline"
                                                                  onsubmit="return confirm('Void this payment?');">
                                                                @csrf
                                                                <button class="btn btn-danger btn-sm content-icon" type="submit" title="Void">
                                                                    <i class="fa fa-times"></i>
                                                                </button>
                                                            </form>
                                                        @endif
                                                    @endif
                                                    @endcan
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <p class="text-muted">No payments yet.</p>
                            @endif

                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>
@endsection

@section('customjs')
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
    const paymentDateInput = document.getElementById('paymentDateInput');
    if (paymentDateInput && window.flatpickr) {
        function getNowDate() {
            return new Date();
        }

        function parsePaymentDate(dateStr) {
            if (!dateStr) return getNowDate();
            const str = String(dateStr).trim();
            const m = str.match(/^(\d{1,2})\s*-\s*(\d{1,2})\s*-\s*(\d{4})(?:\s+(\d{1,2}):(\d{2})(?:\s*(AM|PM))?)?$/i);
            if (m) {
                const day = parseInt(m[1], 10);
                const month = parseInt(m[2], 10) - 1;
                const year = parseInt(m[3], 10);
                let hour = m[4] !== undefined ? parseInt(m[4], 10) : getNowDate().getHours();
                let min = m[5] !== undefined ? parseInt(m[5], 10) : getNowDate().getMinutes();
                const ampm = m[6] ? m[6].toUpperCase() : null;

                if (ampm === 'PM' && hour < 12) hour += 12;
                if (ampm === 'AM' && hour === 12) hour = 0;

                return new Date(year, month, day, hour, min, 0);
            }
            const d = new Date(str);
            return isNaN(d.getTime()) ? getNowDate() : d;
        }

        const now = getNowDate();
        let initialDateObj = parsePaymentDate(paymentDateInput.value || @json($defaultIsoPaymentDate));

        // If the date string was 12:00 AM or time was 00:00, replace time with current hour and minute
        if (initialDateObj.getHours() === 0 && initialDateObj.getMinutes() === 0) {
            initialDateObj.setHours(now.getHours(), now.getMinutes(), now.getSeconds());
        }

        const fp = window.flatpickr(paymentDateInput, {
            enableTime: true,
            dateFormat: 'd - m - Y h:i K',
            allowInput: true,
            defaultDate: initialDateObj,
            defaultHour: now.getHours(),
            defaultMinute: now.getMinutes(),
            parseDate: parsePaymentDate,
            onChange: function(selectedDates, dateStr, instance) {
                if (selectedDates.length > 0) {
                    const sel = selectedDates[0];
                    if (sel.getHours() === 0 && sel.getMinutes() === 0) {
                        const cur = getNowDate();
                        sel.setHours(cur.getHours(), cur.getMinutes(), cur.getSeconds());
                        instance.setDate(sel, true);
                    }
                }
            },
            onOpen: function(selectedDates, dateStr, instance) {
                if (instance.selectedDates.length > 0) {
                    const sel = instance.selectedDates[0];
                    if (sel.getHours() === 0 && sel.getMinutes() === 0) {
                        const cur = getNowDate();
                        sel.setHours(cur.getHours(), cur.getMinutes(), cur.getSeconds());
                        instance.setDate(sel, true);
                    }
                }
            }
        });

        if (fp && initialDateObj) {
            fp.setDate(initialDateObj, true);
        }
    }

    const installmentSelect = document.getElementById('installmentSelect');
    const amountInput = document.getElementById('amountInput');

    if (installmentSelect && amountInput) {
        installmentSelect.addEventListener('change', function () {
            const selected = installmentSelect.options[installmentSelect.selectedIndex];
            const remaining = selected ? selected.getAttribute('data-remaining') : null;

            if (remaining !== null && remaining !== '') {
                amountInput.value = parseFloat(remaining).toFixed(2);
            }
            // Keep editable so user can adjust amount manually.
        });
    }

    const invoicePaymentId = '{{ session('invoice_payment_id') }}';
    if (invoicePaymentId) {
        const urlTemplate = '{{ route('admin.expense_payments.invoice', '__PAYMENT_ID__') }}';
        const invoiceUrl = urlTemplate.replace('__PAYMENT_ID__', invoicePaymentId);
        window.open(invoiceUrl, '_blank');
    }
});
</script>
@endsection