@extends('admin.layout')

@section('title', 'Edit Invoice #' . $invoice->invoice_number)

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">Edit Invoice #{{ $invoice->invoice_number }}</h1>
            <p class="mb-0 text-muted">Ubah informasi invoice</p>
        </div>
        <div>
            <a href="{{ route('admin.invoices.show', $invoice) }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Kembali
            </a>
            <a href="{{ route('admin.invoices.download', $invoice) }}" class="btn btn-success">
                <i class="fas fa-download"></i> Download PDF
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-8">
            <!-- Edit Invoice Form -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Form Edit Invoice</h6>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.invoices.update', $invoice) }}" method="POST" id="invoice-form">
                        @csrf
                        @method('PUT')
                        @php $isDraft = ($invoice->status === 'draft'); @endphp
                        
                        <!-- Invoice Basic Info -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="invoice_number" class="form-label">No. Invoice</label>
                                    <input type="text" class="form-control" id="invoice_number" 
                                           value="{{ $invoice->invoice_number }}" readonly>
                                    <small class="form-text text-muted">Nomor invoice tidak dapat diubah</small>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="booking_code" class="form-label">Booking Code</label>
                                    <input type="text" class="form-control" id="booking_code" 
                                           value="{{ $invoice->booking->booking_code }}" readonly>
                                    <small class="form-text text-muted">Booking terkait tidak dapat diubah</small>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="guest_name" class="form-label">Nama Tamu</label>
                                    <input type="text" class="form-control @error('guest_name') is-invalid @enderror" id="guest_name" name="guest_name" value="{{ old('guest_name', $invoice->guest_name) }}" {{ $isDraft ? '' : 'disabled' }}>
                                    @error('guest_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="form-text text-muted">Nama tamu disunting langsung di invoice ini.</small>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="guest_email" class="form-label">Email Tamu</label>
                                    <input type="email" class="form-control @error('guest_email') is-invalid @enderror" id="guest_email" name="guest_email" value="{{ old('guest_email', $invoice->guest_email) }}" {{ $isDraft ? '' : 'disabled' }}>
                                    @error('guest_email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="form-text text-muted">Email tamu disunting langsung di invoice ini.</small>
                                </div>
                            </div>
                        </div>

                        <!-- Invoice Details -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="issued_at" class="form-label">Tanggal Invoice <span class="text-danger">*</span></label>
                                    <input type="date" class="form-control @error('issued_at') is-invalid @enderror" 
                                           id="issued_at" name="issued_at" 
                                           value="{{ old('issued_at', optional($invoice->issued_at ?? $invoice->created_at)->format('Y-m-d')) }}" required {{ $isDraft ? '' : 'disabled' }}>
                                    @error('issued_at')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="due_date" class="form-label">Tanggal Jatuh Tempo</label>
                                    <input type="date" class="form-control @error('due_date') is-invalid @enderror" 
                                           id="due_date" name="due_date" 
                                           value="{{ old('due_date', $invoice->due_date ? \Carbon\Carbon::parse($invoice->due_date)->format('Y-m-d') : '') }}" {{ $isDraft ? '' : 'disabled' }}>
                                    @error('due_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="status" class="form-label">Status Invoice</label>
                            <select class="form-control @error('status') is-invalid @enderror" 
                                    id="status" name="status" {{ $isDraft ? '' : 'disabled' }}>
                                <option value="draft" {{ old('status', $invoice->status) == 'draft' ? 'selected' : '' }}>Draft</option>
                                <option value="sent" {{ old('status', $invoice->status) == 'sent' ? 'selected' : '' }}>Terkirim</option>
                                
                                <option value="paid" {{ old('status', $invoice->status) == 'paid' ? 'selected' : '' }}>Dibayar</option>
                                <option value="overdue" {{ old('status', $invoice->status) == 'overdue' ? 'selected' : '' }}>Terlambat</option>
                                <option value="cancelled" {{ old('status', $invoice->status) == 'cancelled' ? 'selected' : '' }}>Dibatalkan</option>
                            </select>
                            @error('status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group" id="payment-channel-group">
                            <label for="payment_channel_id" class="form-label">Channel Pembayaran <span class="text-danger" id="payment-channel-required" style="display:none">*</span></label>
                            <select class="form-control @error('payment_channel_id') is-invalid @enderror" id="payment_channel_id" name="payment_channel_id" {{ $isDraft ? '' : 'disabled' }}>
                                <option value="">-- Pilih Channel Pembayaran --</option>
                                @foreach(($paymentChannels ?? []) as $channel)
                                    <option value="{{ $channel->id }}" data-code="{{ strtolower($channel->code ?? '') }}" {{ (string) old('payment_channel_id', $invoice->payment_channel_id) === (string) $channel->id ? 'selected' : '' }}>
                                        {{ $channel->name }}
                                    </option>
                                @endforeach
                            </select>
                            @error('payment_channel_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="form-text text-muted">Wajib dipilih jika status diubah menjadi Dibayar.</small>
                        </div>

                        <div class="form-group" id="card-charge-group" style="display:none;">
                            <label for="card_charge" class="form-label">Biaya Kartu (manual)</label>
                            <div class="input-group">
                                <div class="input-group-prepend"><span class="input-group-text">Rp</span></div>
                                <input type="number" step="0.01" min="0" class="form-control @error('card_charge') is-invalid @enderror" id="card_charge" name="card_charge" value="{{ old('card_charge') }}" {{ $isDraft ? '' : 'disabled' }}>
                            </div>
                            @error('card_charge')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="form-text text-muted">Tampilkan saat channel Debit/Credit Card dipilih.</small>
                        </div>

                        <div class="form-group" id="paid-at-group" style="display:none;">
                            <label for="paid_at" class="form-label">Tanggal Pembayaran <span class="text-danger" id="paid-at-required" style="display:none">*</span></label>
                            <input type="datetime-local" class="form-control @error('paid_at') is-invalid @enderror" id="paid_at" name="paid_at" value="{{ old('paid_at', $invoice->paid_at ? $invoice->paid_at->format('Y-m-d\TH:i') : '') }}" {{ $isDraft ? '' : 'disabled' }}>
                            @error('paid_at')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="form-text text-muted">Tanggal dan waktu pembayaran. Wajib diisi saat status Dibayar.</small>
                        </div>

                        <!-- Non-Refundable Flag -->
                        <div class="form-group">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="non_refundable" name="non_refundable" value="1" 
                                       {{ old('non_refundable', $invoice->non_refundable ?? false) ? 'checked' : '' }} {{ $isDraft ? '' : 'disabled' }}>
                                <label class="form-check-label" for="non_refundable">Tandai sebagai Non-Refundable</label>
                            </div>
                            <small class="form-text text-muted">Jika dicentang, PDF invoice akan menampilkan badge "NON-REFUNDABLE".</small>
                            @error('non_refundable')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Nominal Invoice -->
                        <div class="card border mt-3">
                            <div class="card-header py-2">
                                <strong>Nominal Invoice</strong>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="room_rate" class="form-label">Harga Kamar per Malam</label>
                                            <input type="number" step="0.01" min="0" class="form-control @error('room_rate') is-invalid @enderror" id="room_rate" name="room_rate" value="{{ old('room_rate', $invoice->room_rate) }}" readonly>
                                            @error('room_rate')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                            <small class="text-muted">Malam: {{ $invoice->nights }} | Subtotal (otomatis): <span id="subtotal_display">Rp {{ number_format(($invoice->room_rate ?? 0) * ($invoice->nights ?? 0), 0, ',', '.') }}</span></small>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="services_total" class="form-label">Total Layanan/Extras</label>
                                            <input type="number" step="0.01" min="0" class="form-control @error('services_total') is-invalid @enderror" id="services_total" name="services_total" value="{{ old('services_total', $invoice->services_total) }}" {{ $isDraft ? '' : 'disabled' }}>
                                            @error('services_total')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="tax_amount" class="form-label">Pajak (Nominal)</label>
                                            <input type="number" step="0.01" min="0" class="form-control @error('tax_amount') is-invalid @enderror" id="tax_amount" name="tax_amount" value="{{ old('tax_amount', $invoice->tax_amount) }}" readonly {{ $isDraft ? '' : 'disabled' }}>
                                            @error('tax_amount')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                            <small class="text-muted">Pajak dihitung otomatis dari DPP dan tidak dapat diedit.</small>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="discount_amount" class="form-label">Diskon (Nominal)</label>
                                            <input type="number" step="0.01" min="0" class="form-control @error('discount_amount') is-invalid @enderror" id="discount_amount" name="discount_amount" value="{{ old('discount_amount', $invoice->discount_amount) }}" {{ $isDraft ? '' : 'disabled' }}>
                                            @error('discount_amount')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                        <div class="alert alert-light border">
                            <div><strong>Total (otomatis):</strong> Rp <span id="total_display">{{ number_format($invoice->total_amount, 0, ',', '.') }}</span></div>
                            <small class="text-muted">Total dihitung: subtotal + layanan + pajak - diskon</small>
                        </div>
                        </div>

                        <div class="card border mt-3">
                            <div class="card-header py-2">
                                <strong>Perpanjangan (Extend)</strong>
                            </div>
                            <div class="card-body">
                                <div class="form-check mb-3">
                                    <input type="checkbox" class="form-check-input" id="enable_extend">
                                    <label class="form-check-label" for="enable_extend">Aktifkan perpanjangan</label>
                                </div>
                                <div id="extend_fields" style="display:none;">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-2">Check-in awal: <span class="fw-bold" id="extend_checkin">{{ \Carbon\Carbon::parse($invoice->booking->check_in_date ?? $invoice->check_in_date)->format('Y-m-d') }}</span></div>
                                            <div class="mb-2">Checkout awal: <span class="fw-bold" id="extend_checkout_initial">{{ \Carbon\Carbon::parse($invoice->booking->check_out_date ?? $invoice->check_out_date)->format('Y-m-d') }}</span></div>
                                            <div class="mb-2">Malam dibayar: <span class="fw-bold" id="extend_baseline_nights">{{ (int) ($invoice->nights ?? 0) }}</span></div>
                                            <div class="mb-3">Tarif per malam: Rp <span class="fw-bold" id="extend_room_rate">{{ number_format((int) ($invoice->room_rate ?? ($invoice->booking->room->price_per_night ?? $invoice->booking->base_price ?? 0)), 0, ',', '.') }}</span></div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label" for="extend_new_checkout_date">Tanggal checkout baru</label>
                                                <input type="date" class="form-control" id="extend_new_checkout_date" value="{{ \Carbon\Carbon::parse($invoice->booking->check_out_date ?? $invoice->check_out_date)->format('Y-m-d') }}">
                                            </div>
                                            <div class="mb-2">Malam tambahan: <span class="fw-bold" id="extend_extra_nights">0</span></div>
                                            <div class="mb-2">Biaya extend: Rp <span class="fw-bold text-success" id="extend_cost">0</span></div>
                                        </div>
                                    </div>
                                    <button type="button" class="btn btn-info" id="generate_extend_btn" disabled>
                                        <i class="fas fa-plus-circle"></i> Buat Invoice Extend
                                    </button>
                                </div>
                            </div>
                        </div>
                        </div>

                        @php $hasMerged = isset($mergedSources) && ($mergedSources->count() > 0); @endphp
                        @if($hasMerged)
                        <div class="card border mt-3">
                            <div class="card-header py-2">
                                <strong>Rincian Item (Hasil Merge)</strong>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-sm table-bordered mb-0">
                                        <thead class="thead-light">
                                            <tr>
                                                <th>Deskripsi</th>
                                                <th>Room</th>
                                                <th>Nights</th>
                                                <th>Rate</th>
                                                <th class="text-right">Amount</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($mergedSources as $src)
                                            @php
                                                $ov = isset($itemOverrides) ? ($itemOverrides[$src->invoice_number] ?? null) : null;
                                                $nights = $ov['nights'] ?? ($src->nights ?? (\Carbon\Carbon::parse($src->check_in_date)->diffInDays(\Carbon\Carbon::parse($src->check_out_date)) ?: 1));
                                                $rate = $ov['rate'] ?? ($src->room_rate ?? 0);
                                                $amount = $ov['subtotal'] ?? ($src->subtotal ?? 0);
                                            @endphp
                                            <tr>
                                                <td>{{ $src->room_type ?? ($src->booking->room->roomType->name ?? 'Room') }}</td>
                                                <td>{{ $src->room_number ?? ($src->booking->room->room_number ?? '-') }}</td>
                                                <td style="max-width:120px;">
                                                    <input type="number" min="0" class="form-control form-control-sm item-nights" name="items[{{ $src->invoice_number }}][nights]" value="{{ (int) $nights }}" {{ $isDraft ? '' : 'disabled' }}>
                                                </td>
                                                <td style="max-width:160px;">
                                                    <div class="input-group input-group-sm">
                                                        <div class="input-group-prepend"><span class="input-group-text">Rp</span></div>
                                                        <input type="number" step="0.01" min="0" class="form-control item-rate" name="items[{{ $src->invoice_number }}][rate]" value="{{ (float) $rate }}" {{ $isDraft ? '' : 'disabled' }}>
                                                    </div>
                                                </td>
                                                <td class="text-right" style="max-width:180px;">
                                                    <div class="input-group input-group-sm">
                                                        <div class="input-group-prepend"><span class="input-group-text">Rp</span></div>
                                                        <input type="number" step="0.01" min="0" class="form-control text-right item-subtotal" name="items[{{ $src->invoice_number }}][subtotal]" value="{{ (float) $amount }}" {{ $isDraft ? '' : 'disabled' }}>
                                                    </div>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        @endif

                        <div class="form-group">
                            <label for="notes" class="form-label">Catatan</label>
                            <textarea class="form-control @error('notes') is-invalid @enderror" 
                                      id="notes" name="notes" rows="3" 
                                      placeholder="Catatan tambahan untuk invoice ini..." {{ $isDraft ? '' : 'disabled' }}>{{ old('notes', $invoice->notes) }}</textarea>
                            @error('notes')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <button type="submit" class="btn btn-primary" {{ $isDraft ? '' : 'disabled' }}>
                                <i class="fas fa-save"></i> Update Invoice
                            </button>
                            <a href="{{ route('admin.invoices.show', $invoice) }}" class="btn btn-secondary">
                                <i class="fas fa-times"></i> Batal
                            </a>
                        </div>
                    </form>
                </div>
                <script>
                    (function() {
                        const TAX_RATE = {{ (int) \App\Models\Settings::get('tax_rate', 0) }}; // persen
                        const NIGHTS = {{ (int) ($invoice->nights ?? 0) }};
                        const isDraft = {{ $isDraft ? 'true' : 'false' }};

                        // Elemen form
                        const roomRateEl = document.getElementById('room_rate');
                        const servicesEl = document.getElementById('services_total');
                        const discountEl = document.getElementById('discount_amount');
                        const taxEl = document.getElementById('tax_amount');
                        const subtotalDisp = document.getElementById('subtotal_display');
                        const totalDisp = document.getElementById('total_display');

                        function toNumber(val) {
                            const n = parseFloat(val);
                            return isNaN(n) ? 0 : n;
                        }

                        function round2(n) {
                            return Math.round((n + Number.EPSILON) * 100) / 100;
                        }

                        function formatRupiah(n) {
                            try {
                                return (Math.round(n)).toLocaleString('id-ID');
                            } catch (e) {
                                return String(n);
                            }
                        }

                        function recalc() {
                            const roomRate = toNumber(roomRateEl && roomRateEl.value);
                            const services = toNumber(servicesEl && servicesEl.value);
                            const discount = toNumber(discountEl && discountEl.value);

                            const subtotal = round2(roomRate * NIGHTS);
                            const dpp = Math.max(0, round2(subtotal + services - discount));
                            const taxAmount = round2(dpp * (TAX_RATE / 100));
                            const total = round2(subtotal + services + taxAmount - discount);

                            if (subtotalDisp) {
                                subtotalDisp.textContent = 'Rp ' + formatRupiah(subtotal);
                            }
                            if (taxEl) {
                                taxEl.value = taxAmount.toFixed(2);
                            }
                            if (totalDisp) {
                                totalDisp.textContent = formatRupiah(total);
                            }
                        }

                        // Hanya jalankan kalkulasi bila form aktif (draft)
                        if (isDraft) {
                            ['input', 'change'].forEach(evt => {
                                if (roomRateEl) roomRateEl.addEventListener(evt, recalc);
                                if (servicesEl) servicesEl.addEventListener(evt, recalc);
                                if (discountEl) discountEl.addEventListener(evt, recalc);
                            });
                            // Inisialisasi pada load
                            document.addEventListener('DOMContentLoaded', recalc);
                            // Fallback jika DOMContentLoaded sudah lewat
                            setTimeout(recalc, 0);
                        }
                    })();
                </script>
            </div>
        </div>

        <div class="col-lg-4">
            <!-- Current Invoice Info -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Informasi Saat Ini</h6>
                </div>
                <div class="card-body">
                    <div class="invoice-info">
                        <div class="mb-3">
                            <strong>No. Invoice:</strong>
                            <div class="text-muted">{{ $invoice->invoice_number }}</div>
                        </div>
                        <div class="mb-3">
                            <strong>Status Saat Ini:</strong>
                            <div>
                                @php
                                    $statusColors = [
                                        'draft' => 'secondary',
                                        'sent' => 'info',
                                        'paid' => 'success',
                                        'overdue' => 'danger',
                                        'cancelled' => 'dark'
                                    ];
                                    $statusLabels = [
                                        'draft' => 'Draft',
                                        'sent' => 'Terkirim',
                                        'paid' => 'Dibayar',
                                        'overdue' => 'Terlambat',
                                        'cancelled' => 'Dibatalkan'
                                    ];
                                @endphp
                                <span class="badge badge-{{ $statusColors[$invoice->status] ?? 'secondary' }}">
                                    {{ $statusLabels[$invoice->status] ?? ucfirst($invoice->status) }}
                                </span>
                            </div>
                        </div>
                        <div class="mb-3">
                            <strong>Total Amount:</strong>
                            <div class="text-success font-weight-bold">
                                Rp {{ number_format($invoice->total_amount, 0, ',', '.') }}
                            </div>
                        </div>
                        <div class="mb-3">
                            <strong>Dibuat:</strong>
                            <div class="text-muted">{{ $invoice->created_at->format('d F Y H:i') }}</div>
                        </div>
                        <div class="mb-3">
                            <strong>Terakhir Update:</strong>
                            <div class="text-muted">{{ $invoice->updated_at->format('d F Y H:i') }}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Booking Information -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Informasi Booking</h6>
                </div>
                <div class="card-body">
                    <div class="booking-info">
                        <div class="mb-3">
                            <strong>Booking Code:</strong>
                            <div class="text-muted">
                                <span class="badge badge-info">{{ $invoice->booking->booking_code }}</span>
                            </div>
                        </div>
                        <div class="mb-3">
                            <strong>Nama Tamu:</strong>
                            <div class="text-muted">{{ $invoice->booking->guest_name }}</div>
                        </div>
                        <div class="mb-3">
                            <strong>Hotel:</strong>
                            <div class="text-muted">{{ $settings->hotel_name ?? 'N/A' }}</div>
                        </div>
                        <div class="mb-3">
                            <strong>Kamar:</strong>
                            <div class="text-muted">{{ $invoice->booking->room->room_number ?? 'N/A' }} - {{ $invoice->booking->room->type ?? 'N/A' }}</div>
                        </div>
                        <div class="mb-3">
                            <strong>Check-in:</strong>
                            <div class="text-muted">{{ \Carbon\Carbon::parse($invoice->booking->check_in_date)->format('d F Y') }}</div>
                        </div>
                        <div class="mb-3">
                            <strong>Check-out:</strong>
                            <div class="text-muted">{{ \Carbon\Carbon::parse($invoice->booking->check_out_date)->format('d F Y') }}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Help Card -->
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-info">Bantuan</h6>
                </div>
                <div class="card-body">
                    <div class="text-sm">
                        <p><strong>Catatan Editing:</strong></p>
                        <ul class="mb-0">
                            <li>Nomor invoice dan booking terkait tidak dapat diubah</li>
                            <li>Total amount dihitung otomatis dari nominal di form</li>
                            <li>Status "Dibayar" akan mengunci beberapa perubahan</li>
                            <li>Tanggal jatuh tempo opsional</li>
                            <li>Catatan dapat digunakan untuk informasi tambahan</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Handle invoice date change
    $('#issued_at').change(function() {
        // Auto update due date if not set (7 days from invoice date)
        if (!$('#due_date').val()) {
            const invoiceDate = new Date($(this).val());
            const dueDate = new Date(invoiceDate);
            dueDate.setDate(dueDate.getDate() + 7);
            
            $('#due_date').val(dueDate.toISOString().split('T')[0]);
        }
    });
    
    // Live update subtotal and total displays on nominal changes
    function recalcDisplays() {
        const hasMerged = {{ $hasMerged ? 'true' : 'false' }};
        const servicesTotal = parseFloat($('#services_total').val() || '0');
        const taxAmount = parseFloat($('#tax_amount').val() || '0');
        const discountAmount = parseFloat($('#discount_amount').val() || '0');
        let subtotal;
        if (hasMerged) {
            subtotal = 0;
            $('.item-subtotal').each(function(){
                const v = parseFloat($(this).val() || '0');
                if (!isNaN(v) && v > 0) subtotal += v;
            });
        } else {
            const nights = {{ (int) ($invoice->nights ?? 0) }};
            const roomRate = parseFloat($('#room_rate').val() || '0');
            subtotal = Math.max(0, (roomRate * nights));
        }
        const total = Math.max(0, subtotal + servicesTotal + taxAmount - discountAmount);
        $('#subtotal_display').text(new Intl.NumberFormat('id-ID').format(Math.round(subtotal)));
        $('#total_display').text(new Intl.NumberFormat('id-ID').format(Math.round(total)));
    }
    $('#room_rate, #services_total, #tax_amount, #discount_amount').on('input', recalcDisplays);
    $('.item-rate, .item-nights').on('input', function(){
        const row = $(this).closest('tr');
        const rate = parseFloat(row.find('.item-rate').val() || '0');
        const nights = parseInt(row.find('.item-nights').val() || '0');
        const subtotal = Math.max(0, (isNaN(rate) ? 0 : rate) * (isNaN(nights) ? 0 : nights));
        row.find('.item-subtotal').val(subtotal.toFixed(2));
        recalcDisplays();
    });
    $('.item-subtotal').on('input', recalcDisplays);
    recalcDisplays();
    
    // Form validation
    $('#invoice-form').submit(function(e) {
        const invoiceDate = $('#issued_at').val();
        const dueDate = $('#due_date').val();
        
        if (!invoiceDate) {
            e.preventDefault();
            Swal.fire({
                icon: 'error',
                title: 'Error!',
                text: 'Tanggal invoice harus diisi.'
            });
            return false;
        }
        
        // Check if due date is before invoice date
        if (dueDate && new Date(dueDate) < new Date(invoiceDate)) {
            e.preventDefault();
            Swal.fire({
                icon: 'error',
                title: 'Error!',
                text: 'Tanggal jatuh tempo tidak boleh lebih awal dari tanggal invoice.'
            });
            return false;
        }
        
        const statusVal = $('#status').val();
        const channelVal = $('#payment_channel_id').val();
        const paidAtVal = $('#paid_at').val();
        if ((statusVal === 'paid') && !channelVal) {
            e.preventDefault();
            Swal.fire({
                icon: 'error',
                title: 'Channel pembayaran wajib',
                text: 'Pilih Channel Pembayaran saat mengubah status menjadi Dibayar.'
            });
            return false;
        }
        if ((statusVal === 'paid') && !paidAtVal) {
            e.preventDefault();
            Swal.fire({
                icon: 'error',
                title: 'Tanggal pembayaran wajib',
                text: 'Isi Tanggal Pembayaran saat mengubah status menjadi Dibayar.'
            });
            return false;
        }

        // Show loading
        Swal.fire({
            title: 'Mengupdate Invoice...',
            text: 'Mohon tunggu sebentar.',
            allowOutsideClick: false,
            showConfirmButton: false,
            willOpen: () => {
                Swal.showLoading();
            }
        });
    });
    
    // Status change warning for paid invoices
    $('#status').change(function() {
        const currentStatus = '{{ $invoice->status }}';
        const newStatus = $(this).val();
        const requiredMark = $('#payment-channel-required');
        const paidAtGroup = $('#paid-at-group');
        const paidAtRequired = $('#paid-at-required');
        if (newStatus === 'paid') {
            requiredMark.show();
            paidAtGroup.show();
            paidAtRequired.show();
            const selectedOpt = $('#payment_channel_id').find('option:selected');
            const code = (selectedOpt.data('code') || '').toLowerCase();
            const showCard = code.includes('card') || code.includes('credit') || code.includes('debit');
            if (showCard) {
                $('#card-charge-group').show();
            } else {
                $('#card-charge-group').hide();
            }
            if (!$('#paid_at').val()) {
                const now = new Date();
                const yyyy = now.getFullYear();
                const mm = String(now.getMonth() + 1).padStart(2, '0');
                const dd = String(now.getDate()).padStart(2, '0');
                const hh = String(now.getHours()).padStart(2, '0');
                const mi = String(now.getMinutes()).padStart(2, '0');
                $('#paid_at').val(`${yyyy}-${mm}-${dd}T${hh}:${mi}`);
            }
        } else {
            requiredMark.hide();
            paidAtGroup.hide();
            paidAtRequired.hide();
            $('#card-charge-group').hide();
        }
        
        if (currentStatus === 'paid' && newStatus !== 'paid') {
            Swal.fire({
                title: 'Peringatan!',
                text: 'Anda akan mengubah status dari "Dibayar" ke status lain. Apakah Anda yakin?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#f39c12',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'Ya, Ubah Status',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (!result.isConfirmed) {
                    $(this).val(currentStatus);
                }
            });
        }
    });

    // Toggle card charge on channel change
    $('#payment_channel_id').change(function() {
        const statusVal = $('#status').val();
        const selectedOpt = $(this).find('option:selected');
        const code = (selectedOpt.data('code') || '').toLowerCase();
        const showCard = statusVal === 'paid' && (code.includes('card') || code.includes('credit') || code.includes('debit'));
        if (showCard) {
            $('#card-charge-group').show();
        } else {
            $('#card-charge-group').hide();
        }
    });

    const checkInStr = $('#extend_checkin').text();
    const baselineNights = parseInt($('#extend_baseline_nights').text()) || 0;
    const roomRateRaw = $('#extend_room_rate').text().replace(/[^0-9]/g, '');
    const roomRate = parseInt(roomRateRaw) || 0;
    function diffDays(a, b) {
        const da = new Date(a + 'T00:00:00');
        const db = new Date(b + 'T00:00:00');
        return Math.max(0, Math.ceil((db - da) / (1000 * 60 * 60 * 24)));
    }
    function recomputeExtend() {
        const newCheckout = $('#extend_new_checkout_date').val();
        const plannedNights = diffDays(checkInStr, newCheckout);
        const extraNights = Math.max(0, plannedNights - baselineNights);
        const cost = Math.max(0, extraNights * roomRate);
        $('#extend_extra_nights').text(extraNights);
        $('#extend_cost').text(cost.toLocaleString('id-ID'));
        $('#generate_extend_btn').prop('disabled', extraNights <= 0);
    }
    $('#enable_extend').on('change', function() {
        const on = $(this).is(':checked');
        $('#extend_fields').toggle(on);
        if (on) recomputeExtend();
    });
    $('#extend_new_checkout_date').on('input change', recomputeExtend);
    $('#generate_extend_btn').on('click', function() {
        const newCheckout = $('#extend_new_checkout_date').val();
        if (!newCheckout) return;
        const url = '{{ route('admin.invoices.extend', $invoice) }}';
        $.ajax({
            url: url,
            method: 'POST',
            data: { new_checkout_date: newCheckout, _token: '{{ csrf_token() }}' },
            success: function(resp) {
                if (resp && resp.success && resp.data && resp.data.id) {
                    const showUrl = resp.data.show_url || '{{ route('admin.invoices.show', ':id') }}'.replace(':id', resp.data.id);
                    Swal.fire({ icon: 'success', title: 'Berhasil', text: 'Invoice extend dibuat.' }).then(() => {
                        window.location.href = showUrl;
                    });
                } else {
                    Swal.fire({ icon: 'error', title: 'Gagal', text: resp.message || 'Tidak dapat membuat invoice extend.' });
                }
            },
            error: function(xhr) {
                const msg = (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Terjadi kesalahan.';
                Swal.fire({ icon: 'error', title: 'Error', text: msg });
            }
        });
    });
});
</script>
@endpush