@extends('admin.layout')

@section('title', 'Detail 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">Detail Invoice #{{ $invoice->invoice_number }}</h1>
            <p class="mb-0 text-muted">Informasi lengkap invoice dan booking terkait</p>
        </div>
        <div>
            <a href="{{ route('admin.invoices.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Kembali
            </a>
            @if($invoice->status === 'draft')
                <a href="{{ route('admin.invoices.edit', $invoice) }}" class="btn btn-warning">
                    <i class="fas fa-edit"></i> Edit
                </a>
            @endif
            <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">
            <!-- Invoice Details -->
            <div class="card shadow mb-4">
                <div class="card-header py-3 d-flex justify-content-between align-items-center">
                    <h6 class="m-0 font-weight-bold text-primary">Informasi Invoice</h6>
                    <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' }} badge-lg">
                            {{ $statusLabels[$invoice->status] ?? ucfirst($invoice->status) }}
                        </span>
                        @if(($invoice->non_refundable ?? false) || (!empty($invoice->notes) && preg_match('/non[- ]?refund/i', $invoice->notes)))
                            <span class="badge badge-danger badge-lg ml-2">Non-Refundable</span>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <td><strong>No. Invoice:</strong></td>
                                    <td>{{ $invoice->invoice_number }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Tanggal Invoice:</strong></td>
                                    <td>{{ optional($invoice->issued_at ?? $invoice->created_at)->format('d F Y') }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Tanggal Jatuh Tempo:</strong></td>
                                    <td>
                                        @if($invoice->due_date)
                                            {{ \Carbon\Carbon::parse($invoice->due_date)->format('d F Y') }}
                                            @if($invoice->status !== 'paid' && \Carbon\Carbon::parse($invoice->due_date)->isPast())
                                                <span class="badge badge-danger ml-2">Terlambat</span>
                                            @endif
                                        @else
                                            <span class="text-muted">Tidak ditentukan</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>Status:</strong></td>
                                    <td>
                                        <select class="form-control form-control-sm status-select" 
                                                data-invoice-id="{{ $invoice->id }}" 
                                                data-current-status="{{ $invoice->status }}" 
                                                style="width: auto; display: inline-block;">
                                            <option value="draft" {{ $invoice->status == 'draft' ? 'selected' : '' }}>Draft</option>
                                            <option value="sent" {{ $invoice->status == 'sent' ? 'selected' : '' }}>Terkirim</option>
                                            
                                            <option value="paid" {{ $invoice->status == 'paid' ? 'selected' : '' }}>Dibayar</option>
                                            <option value="overdue" {{ $invoice->status == 'overdue' ? 'selected' : '' }}>Terlambat</option>
                                            <option value="cancelled" {{ $invoice->status == 'cancelled' ? 'selected' : '' }}>Dibatalkan</option>
                                        </select>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <td><strong>Total Amount:</strong></td>
                                    <td class="text-success font-weight-bold">
                                        @php
                                            $servicesViewTotal = (int) ($invoice->services_total ?? 0);
                                            if ($servicesViewTotal <= 0 && $invoice->booking && $invoice->booking->roomServices) {
                                                $servicesViewTotal = (int) $invoice->booking->roomServices->sum('total_price');
                                            }
                                            $totalInclude = max(0, (int) ($invoice->subtotal ?? 0) + $servicesViewTotal - (int) ($invoice->discount_amount ?? 0));
                                        @endphp
                                        Rp {{ number_format($totalInclude, 0, ',', '.') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>Dibuat:</strong></td>
                                    <td>{{ $invoice->created_at->format('d F Y H:i') }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Terakhir Update:</strong></td>
                                    <td>{{ $invoice->updated_at->format('d F Y H:i') }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Tanggal Pembayaran:</strong></td>
                                    <td>
                                        @if($invoice->paid_at)
                                            {{ $invoice->paid_at->format('d F Y H:i') }}
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    
                    @if($invoice->notes)
                        <div class="mt-3">
                            <strong>Catatan:</strong>
                            <div class="bg-light p-3 rounded mt-2">
                                {{ $invoice->notes }}
                            </div>
                        </div>
                    @endif
                </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="row">
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <td><strong>Booking Code:</strong></td>
                                    <td>
                                        @php $bookingCode = optional($invoice->booking)->booking_code; @endphp
                                        @if($bookingCode)
                                            <span class="badge badge-info">{{ $bookingCode }}</span>
                                        @else
                                            <span class="text-muted">N/A</span>
                                        @endif
                                        <a href="{{ route('admin.bookings') }}" 
                                           class="btn btn-sm btn-outline-primary ml-2">
                                            <i class="fas fa-external-link-alt"></i> Lihat Semua Booking
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>Nama Tamu:</strong></td>
                                    <td>{{ $invoice->guest_name }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Email:</strong></td>
                                    <td>{{ $invoice->guest_email }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Telepon:</strong></td>
                                    <td>{{ $invoice->guest_phone }}</td>
                                </tr>
                                @php
                                    $bookingGuestName = optional(optional($invoice->booking)->guest)->name ?? optional($invoice->booking)->guest_name;
                                @endphp
                                @if($bookingGuestName && ($bookingGuestName !== $invoice->guest_name))
                                <tr>
                                    <td><strong>Nama Tamu Booking:</strong></td>
                                    <td>{{ $bookingGuestName }}</td>
                                </tr>
                                @endif
                            </table>
                        </div>
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <td><strong>Kamar:</strong></td>
                                    <td>
                                        {{ $invoice->room_type ?? optional(optional($invoice->booking)->room->roomType)->name ?? 'N/A' }}
                                        @php
                                            $roomNumber = $invoice->booking->room->room_number 
                                                ?? $invoice->room_number 
                                                ?? $invoice->booking->room->name 
                                                ?? null;
                                        @endphp
                                        @if($roomNumber)
                                            <span class="text-muted">- {{ $roomNumber }}</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>Check-in:</strong></td>
                                    <td>{{ \Carbon\Carbon::parse($invoice->booking->check_in_date ?? $invoice->check_in_date)->format('d F Y') }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Check-out:</strong></td>
                                    <td>{{ \Carbon\Carbon::parse($invoice->booking->check_out_date ?? $invoice->check_out_date)->format('d F Y') }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Invoice Items -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Rincian Tagihan</h6>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            @php $hasMerged = isset($mergedSources) && ($mergedSources->count() > 0); @endphp
                            <thead class="thead-light">
                                <tr>
                                    @if($hasMerged)
                                        <th>Deskripsi</th>
                                        <th>Room</th>
                                        <th>Nights</th>
                                        <th>Rate</th>
                                        <th class="text-right">Amount</th>
                                    @else
                                        <th>Deskripsi</th>
                                        <th>Periode</th>
                                        <th class="text-right">Jumlah</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                                @if($hasMerged)
                                    @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>
                                                @php 
                                                    $baseCheckIn = $src->booking->check_in_date ?? $src->check_in_date; 
                                                    $isExtendRow = (\Carbon\Carbon::parse($src->check_in_date)->toDateString() !== \Carbon\Carbon::parse($baseCheckIn)->toDateString()); 
                                                    $startDisp = isset($ov['start']) && $ov['start'] ? \Carbon\Carbon::parse($ov['start'])->format('d M Y') : \Carbon\Carbon::parse($src->check_in_date)->format('d M Y');
                                                    $endDisp = isset($ov['end']) && $ov['end'] ? \Carbon\Carbon::parse($ov['end'])->format('d M Y') : \Carbon\Carbon::parse($src->check_out_date)->format('d M Y');
                                                @endphp
                                                <strong>{{ $src->room_type ?? ($src->booking->room->roomType->name ?? 'Room') }}@if($isExtendRow) (Extend)@endif</strong>
                                                <div class="text-muted small">{{ $startDisp }} - {{ $endDisp }}</div>
                                            </td>
                                            <td>{{ $src->room_number ?? ($src->booking->room->room_number ?? '-') }}</td>
                                            <td>{{ $nights }}</td>
                                            <td>Rp {{ number_format($rate, 0, ',', '.') }}</td>
                                            <td class="text-right">Rp {{ number_format($amount, 0, ',', '.') }}</td>
                                        </tr>
                                    @endforeach
                                @else
                                    @php $hasOverrides = !empty($itemOverrides ?? []); @endphp
                                    @if($hasOverrides)
                                        @foreach($itemOverrides as $name => $ov)
                                            @php
                                                $start = isset($ov['start']) && $ov['start'] ? \Carbon\Carbon::parse($ov['start'])->format('d M Y') : \Carbon\Carbon::parse($invoice->check_in_date)->format('d M Y');
                                                $end = isset($ov['end']) && $ov['end'] ? \Carbon\Carbon::parse($ov['end'])->format('d M Y') : \Carbon\Carbon::parse($invoice->check_out_date)->format('d M Y');
                                                $nights = $ov['nights'] ?? (\Carbon\Carbon::parse($start)->diffInDays(\Carbon\Carbon::parse($end)) ?: 1);
                                                $amount = $ov['subtotal'] ?? 0;
                                            @endphp
                                            <tr>
                                                <td><strong>{{ $name }}</strong></td>
                                                <td>
                                                    {{ $start }} - {{ $end }}
                                                    <br>
                                                    <small class="text-muted">{{ $nights }} malam | Rate: Rp {{ number_format(($ov['rate'] ?? 0), 0, ',', '.') }}</small>
                                                </td>
                                                <td class="text-right">Rp {{ number_format($amount, 0, ',', '.') }}</td>
                                            </tr>
                                        @endforeach
                                    @else
                                        @php 
                                            $baseCheckIn = $invoice->booking->check_in_date ?? $invoice->check_in_date; 
                                            $isExtend = (\Carbon\Carbon::parse($invoice->check_in_date)->toDateString() !== \Carbon\Carbon::parse($baseCheckIn)->toDateString()); 
                                        @endphp
                                        <tr>
                                            <td>
                                                <strong>{{ $invoice->room_type ?? ($invoice->booking->room->roomType->name ?? 'Room') }}</strong>
                                                <br>
                                                <small class="text-muted">@if($isExtend) (Extend) @endif</small>
                                            </td>
                                            <td>
                                                {{ \Carbon\Carbon::parse($invoice->check_in_date)->format('d M Y') }} - 
                                                {{ \Carbon\Carbon::parse($invoice->check_out_date)->format('d M Y') }}
                                                <br>
                                                <small class="text-muted">
                                                    {{ $invoice->nights ?? \Carbon\Carbon::parse($invoice->check_in_date)->diffInDays(\Carbon\Carbon::parse($invoice->check_out_date)) }} malam
                                                </small>
                                            </td>
                                            <td class="text-right">
                                                @php
                                                    $roomSubtotal = $invoice->subtotal ?? round((($invoice->room_rate ?? 0) * ($invoice->nights ?? 0)), 2);
                                                @endphp
                                                Rp {{ number_format($roomSubtotal, 0, ',', '.') }}
                                            </td>
                                        </tr>
                                    @endif
                                @endif

                                <!-- Additional Services -->
                                @if($invoice->booking && $invoice->booking->roomServices && $invoice->booking->roomServices->count() > 0)
                                    @foreach($invoice->booking->roomServices as $service)
                                        <tr>
                                            <td>
                                                <strong>Room Service - {{ $service->service_name }}</strong>
                                                <br>
                                                <small class="text-muted">Layanan Tambahan</small>
                                            </td>
                                            <td>
                                                <small class="text-muted">Qty: {{ $service->quantity }}</small>
                                            </td>
                                            <td class="text-right">
                                                Rp {{ number_format($service->total_price, 0, ',', '.') }}
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                                
                                <!-- New Breakdown: Total Included Tax, Card Charge, Total, Tax Included -->
                                @php
                                    $cardCharge = 0;
                                    if (!empty($invoice->notes) && preg_match('/Card\s*Charge:\s*Rp\s*([0-9\.,]+)/i', $invoice->notes, $m)) {
                                        $raw = $m[1] ?? '0';
                                        $cardCharge = (int) preg_replace('/[^0-9]/', '', $raw);
                                    }
                                    $taxRate = (int) \App\Models\Settings::get('tax_rate', 10);
                                    $servicesViewTotal = (int) ($invoice->services_total ?? 0);
                                    if ($servicesViewTotal <= 0 && $invoice->booking && $invoice->booking->roomServices) {
                                        $servicesViewTotal = (int) $invoice->booking->roomServices->sum('total_price');
                                    }
                                    $totalInclude = max(0,
                                        (int) ($invoice->subtotal ?? 0)
                                        + $servicesViewTotal
                                        - (int) ($invoice->discount_amount ?? 0)
                                    );
                                    $rawDPP = $totalInclude / (1 + ($taxRate / 100));
                                    $baseDPP = floor($rawDPP);
                                    $dpp = (($rawDPP - $baseDPP) < 0.5) ? $baseDPP : ($baseDPP + 1);
                                    $computedTax = max(0, $totalInclude - $dpp);
                                    $finalTotal = $totalInclude + $cardCharge;
                                @endphp
                                <tr>
                                    <td colspan="2" class="text-right"><strong>Total Included Tax:</strong></td>
                                    <td class="text-right">Rp {{ number_format($totalInclude, 0, ',', '.') }}</td>
                                </tr>
                                @if($cardCharge > 0)
                                <tr>
                                    <td colspan="2" class="text-right"><strong>Card Charge:</strong></td>
                                    <td class="text-right">Rp {{ number_format($cardCharge, 0, ',', '.') }}</td>
                                </tr>
                                @endif
                                <tr class="table-active">
                                    <td colspan="2" class="text-right"><strong>Total:</strong></td>
                                    <td class="text-right"><strong class="text-success">Rp {{ number_format($finalTotal, 0, ',', '.') }}</strong></td>
                                </tr>
                                <tr>
                                    <td colspan="2" class="text-right"><strong>Tax Included:</strong></td>
                                    <td class="text-right">Rp {{ number_format($computedTax, 0, ',', '.') }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <!-- Quick Actions -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Aksi Cepat</h6>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('admin.invoices.download', $invoice) }}" 
                           class="btn btn-success btn-block">
                            <i class="fas fa-download"></i> Download PDF
                        </a>
                        
                        <button type="button" class="btn btn-secondary btn-block" 
                                onclick="sendInvoiceEmail({{ $invoice->id }})">
                            <i class="fas fa-envelope"></i> Kirim Invoice via Email
                        </button>
                        <button type="button" class="btn btn-info btn-block" 
                                onclick="openExtendModal()">
                            <i class="fas fa-plus-circle"></i> Buat Extend
                        </button>
                        
                        @if($invoice->status !== 'paid')
                            <button type="button" class="btn btn-info btn-block" 
                                    onclick="markAsPaid({{ $invoice->id }})">
                                <i class="fas fa-check"></i> Tandai Sudah Dibayar
                            </button>
                        @endif
                        
                        @if($invoice->status === 'draft')
                            <button type="button" class="btn btn-primary btn-block" 
                                    onclick="markAsSent({{ $invoice->id }})">
                                <i class="fas fa-paper-plane"></i> Tandai Terkirim
                            </button>
                        @endif
                        
                        <a href="{{ route('admin.invoices.edit', $invoice) }}" 
                           class="btn btn-warning btn-block">
                            <i class="fas fa-edit"></i> Edit Invoice
                        </a>
                        
                        <button type="button" class="btn btn-danger btn-block" 
                                onclick="deleteInvoice({{ $invoice->id }}, '{{ $invoice->invoice_number }}')">
                            <i class="fas fa-trash"></i> Hapus Invoice
                        </button>
                    </div>
                </div>
            </div>

            <!-- Invoice Statistics -->
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Statistik</h6>
                </div>
                <div class="card-body">
                    <div class="text-center">
                        <div class="mb-3">
                            @php
                                $servicesViewTotal = (int) ($invoice->services_total ?? 0);
                                if ($servicesViewTotal <= 0 && $invoice->booking && $invoice->booking->roomServices) {
                                    $servicesViewTotal = (int) $invoice->booking->roomServices->sum('total_price');
                                }
                                $totalInclude = max(0, (int) ($invoice->subtotal ?? 0) + $servicesViewTotal - (int) ($invoice->discount_amount ?? 0));
                            @endphp
                            <h4 class="text-success">Rp {{ number_format($totalInclude, 0, ',', '.') }}</h4>
                            <small class="text-muted">Total Invoice</small>
                        </div>
                        
                        @if($invoice->due_date)
                            <div class="mb-3">
                                @php
                                    $daysUntilDue = \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($invoice->due_date), false);
                                @endphp
                                
                                @if($invoice->status === 'paid')
                                    <span class="badge badge-success">Sudah Dibayar</span>
                                @elseif($daysUntilDue < 0)
                                    <span class="badge badge-danger">Terlambat {{ abs($daysUntilDue) }} hari</span>
                                @elseif($daysUntilDue == 0)
                                    <span class="badge badge-warning">Jatuh tempo hari ini</span>
                                @else
                                    <span class="badge badge-info">{{ $daysUntilDue }} hari lagi</span>
                                @endif
                            </div>
                        @endif
                        
                        @if($invoice->paid_at)
                            <div class="mb-3">
                                <span class="badge badge-success">Dibayar pada: {{ $invoice->paid_at->format('d M Y H:i') }}</span>
                            </div>
                        @endif
                        
                        <div class="small text-muted">
                            <div>Dibuat: {{ $invoice->created_at->format('d M Y') }}</div>
                            <div>Update: {{ $invoice->updated_at->format('d M Y') }}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card shadow mt-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Timeline Aktivitas</h6>
                </div>
                <div class="card-body">
                    @if(isset($activities) && $activities->count() > 0)
                        <div class="overflow-auto" style="max-height: 320px;">
                        <ul class="list-unstyled mb-0 pr-2">
                            @foreach($activities as $act)
                                <li class="mb-3">
                                    <div class="d-flex align-items-center">
                                        <span class="badge badge-{{ $act->color_class ?? 'secondary' }} mr-2"><i class="{{ $act->icon ?? 'fas fa-info-circle' }}"></i></span>
                                        <div>
                                            <div><strong>{{ $act->user->name ?? 'System' }}</strong> {{ $act->description }}</div>
                                            <div class="text-muted small">{{ $act->created_at->format('d M Y H:i') }}</div>
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                        </div>
                    @else
                        <div class="text-muted">Belum ada aktivitas.</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Delete Confirmation Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Konfirmasi Hapus</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>Apakah Anda yakin ingin menghapus invoice <strong id="invoice-number-text"></strong>?</p>
                <p class="text-danger"><small>Tindakan ini tidak dapat dibatalkan.</small></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                <form id="delete-form" method="POST" style="display: inline;">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">Hapus</button>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Status Update Modal -->
<div class="modal fade" id="statusUpdateModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Lengkapi Pembayaran</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="status_payment_channel_id" class="form-label">Channel Pembayaran</label>
                    <select class="form-control" id="status_payment_channel_id">
                        <option value="">-- Pilih Channel Pembayaran --</option>
                        @foreach(($paymentChannels ?? []) as $channel)
                            <option value="{{ $channel->id }}">{{ $channel->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label for="status_paid_at" class="form-label">Tanggal Pembayaran</label>
                    <input type="datetime-local" class="form-control" id="status_paid_at" value="{{ now()->format('Y-m-d\TH:i') }}">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                <button type="button" class="btn btn-primary" id="statusUpdateConfirmBtn">Simpan</button>
            </div>
        </div>
    </div>
    </div>

<!-- Extend Modal -->
<div class="modal fade" id="extendModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header bg-info text-white">
                <h5 class="modal-title">Buat Invoice Extend</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label class="form-label">Check-in awal</label>
                    <div id="extend_checkin_display">{{ \Carbon\Carbon::parse($invoice->booking->check_in_date ?? $invoice->check_in_date)->format('Y-m-d') }}</div>
                </div>
                <div class="form-group">
                    <label class="form-label">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="form-group">
                    <label class="form-label">Ringkasan</label>
                    <div class="d-flex justify-content-between">
                        <span>Malam dibayar</span>
                        <span id="extend_baseline_nights">{{ (int) ($invoice->nights ?? 0) }}</span>
                    </div>
                    <div class="d-flex justify-content-between">
                        <span>Malam tambahan</span>
                        <span id="extend_extra_nights">0</span>
                    </div>
                    <div class="d-flex justify-content-between">
                        <span>Tarif per malam</span>
                        <span>Rp <span id="extend_room_rate">{{ number_format((int) ($invoice->room_rate ?? ($invoice->booking->room->price_per_night ?? $invoice->booking->base_price ?? 0)), 0, ',', '.') }}</span></span>
                    </div>
                    <div class="d-flex justify-content-between">
                        <span>Biaya extend</span>
                        <span class="text-success">Rp <span id="extend_cost">0</span></span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                <button type="button" class="btn btn-info" id="extendCreateBtn" disabled>Buat Extend</button>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Handle status change
    $('.status-select').change(function() {
        const invoiceId = $(this).data('invoice-id');
        const newStatus = $(this).val();
        const currentStatus = $(this).data('current-status');
        const selectElement = $(this);
        
        if (newStatus === currentStatus) {
            return;
        }
        
        if (newStatus === 'paid') {
            openStatusModal(invoiceId, newStatus, selectElement, currentStatus);
        } else {
            updateInvoiceStatus(invoiceId, newStatus, selectElement, currentStatus);
        }
    });
});

function updateInvoiceStatus(invoiceId, newStatus, selectElement, currentStatus, extra = {}) {
    const urlTemplate = `{{ route('admin.invoices.update-status', ':id') }}`;
    const url = urlTemplate.replace(':id', invoiceId);
    $.ajax({
        url: url,
        method: 'POST',
        data: Object.assign({ _method: 'PATCH', status: newStatus, _token: '{{ csrf_token() }}' }, extra),
        success: function(response) {
            if (response.success) {
                selectElement.data('current-status', newStatus);
                
                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil!',
                    text: response.message,
                    timer: 2000,
                    showConfirmButton: false
                }).then(() => {
                    location.reload();
                });
            } else {
                selectElement.val(currentStatus);
                Swal.fire({
                    icon: 'error',
                    title: 'Gagal!',
                    text: response.message
                });
            }
        },
        error: function(xhr) {
            selectElement.val(currentStatus);
            Swal.fire({
                icon: 'error',
                title: 'Error!',
                text: 'Terjadi kesalahan saat mengupdate status.'
            });
        }
    });
}

function openExtendModal() {
    recomputeExtendCost();
    const modalEl = document.getElementById('extendModal');
    const modal = new bootstrap.Modal(modalEl);
    modal.show();
    const dateEl = document.getElementById('extend_new_checkout_date');
    const createBtn = document.getElementById('extendCreateBtn');
    dateEl.removeEventListener('input', recomputeExtendCost);
    dateEl.removeEventListener('change', recomputeExtendCost);
    dateEl.addEventListener('input', recomputeExtendCost);
    dateEl.addEventListener('change', recomputeExtendCost);
    createBtn.replaceWith(createBtn.cloneNode(true));
    document.getElementById('extendCreateBtn').addEventListener('click', createExtendInvoice);
}

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 recomputeExtendCost() {
    const checkIn = document.getElementById('extend_checkin_display').textContent.trim();
    const baseline = parseInt(document.getElementById('extend_baseline_nights').textContent) || 0;
    const rateRaw = document.getElementById('extend_room_rate').textContent.replace(/[^0-9]/g, '');
    const rate = parseInt(rateRaw) || 0;
    const newCheckout = document.getElementById('extend_new_checkout_date').value;
    const planned = diffDays(checkIn, newCheckout);
    const extra = Math.max(0, planned - baseline);
    const cost = Math.max(0, extra * rate);
    document.getElementById('extend_extra_nights').textContent = String(extra);
    document.getElementById('extend_cost').textContent = cost.toLocaleString('id-ID');
    document.getElementById('extendCreateBtn').disabled = extra <= 0;
}

function createExtendInvoice() {
    const url = '{{ route('admin.invoices.extend', $invoice) }}';
    const newCheckout = document.getElementById('extend_new_checkout_date').value;
    $.ajax({
        url: url,
        method: 'POST',
        data: { new_checkout_date: newCheckout, _token: '{{ csrf_token() }}' },
        success: function(resp) {
            if (resp && resp.success && resp.data && resp.data.show_url) {
                Swal.fire({ icon: 'success', title: 'Berhasil', text: 'Invoice extend dibuat.' }).then(() => {
                    window.location.href = resp.data.show_url;
                });
            } 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 });
        }
    });
}

function openStatusModal(invoiceId, newStatus, selectElement, currentStatus) {
    const modalEl = document.getElementById('statusUpdateModal');
    const channelEl = $('#status_payment_channel_id');
    const paidAtEl = $('#status_paid_at');
    // Prefill now
    if (!paidAtEl.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');
        paidAtEl.val(`${yyyy}-${mm}-${dd}T${hh}:${mi}`);
    }
    new bootstrap.Modal(modalEl).show();
    const confirmBtn = document.getElementById('statusUpdateConfirmBtn');
    confirmBtn.replaceWith(confirmBtn.cloneNode(true));
    document.getElementById('statusUpdateConfirmBtn').addEventListener('click', function() {
        const channelId = channelEl.val();
        const paidAt = paidAtEl.val();
        if (!channelId || !paidAt) {
            Swal.fire({ icon: 'error', title: 'Lengkapi data', text: 'Channel dan tanggal pembayaran wajib diisi.' });
            return;
        }
        const instance = bootstrap.Modal.getInstance(modalEl);
        instance && instance.hide();
        updateInvoiceStatus(invoiceId, newStatus, selectElement, currentStatus, {
            payment_channel_id: channelId,
            paid_at: paidAt
        });
    });
}

function markAsPaid(invoiceId) {
    Swal.fire({
        title: 'Konfirmasi',
        text: 'Tandai invoice ini sebagai sudah dibayar?',
        icon: 'question',
        showCancelButton: true,
        confirmButtonColor: '#28a745',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Ya, Sudah Dibayar',
        cancelButtonText: 'Batal'
    }).then((result) => {
        if (result.isConfirmed) {
            openStatusModal(invoiceId, 'paid', $('.status-select'), $('.status-select').data('current-status'));
        }
    });
}

function markAsSent(invoiceId) {
    Swal.fire({
        title: 'Konfirmasi',
        text: 'Tandai invoice ini sebagai sudah terkirim?',
        icon: 'question',
        showCancelButton: true,
        confirmButtonColor: '#17a2b8',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Ya, Sudah Terkirim',
        cancelButtonText: 'Batal'
    }).then((result) => {
        if (result.isConfirmed) {
            updateInvoiceStatus(invoiceId, 'sent', $('.status-select'), $('.status-select').data('current-status'));
        }
    });
}

function sendInvoiceEmail(invoiceId) {
    // Get guest email from the page
    const guestEmail = '{{ $invoice->guest_email ?? $invoice->booking->guest_email }}';
    
    // Confirm sending to guest email
    Swal.fire({
        title: 'Kirim Invoice via Email',
        text: `Kirim invoice ke email tamu: ${guestEmail}?`,
        icon: 'question',
        showCancelButton: true,
        confirmButtonColor: '#007bff',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Ya, Kirim Email',
        cancelButtonText: 'Batal'
    }).then((result) => {
        if (result.isConfirmed) {
            // Show loading
            Swal.fire({
                title: 'Mengirim Email...',
                text: 'Mohon tunggu sebentar',
                allowOutsideClick: false,
                didOpen: () => {
                    Swal.showLoading()
                }
            });

            // Send AJAX request
            $.ajax({
                url: `{{ url('/admin/invoices') }}/${invoiceId}/send-email`,
                method: 'POST',
                data: {
                    email: guestEmail,
                    _token: $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    Swal.fire({
                        title: 'Berhasil!',
                        text: `Invoice berhasil dikirim ke ${guestEmail}`,
                        icon: 'success',
                        confirmButtonColor: '#28a745'
                    });
                },
                error: function(xhr) {
                    let errorMessage = 'Terjadi kesalahan saat mengirim email.';
                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMessage = xhr.responseJSON.message;
                    }
                    Swal.fire({
                        title: 'Error!',
                        text: errorMessage,
                        icon: 'error',
                        confirmButtonColor: '#dc3545'
                    });
                }
            });
        }
    });
}

function deleteInvoice(invoiceId, invoiceNumber) {
    document.getElementById('invoice-number-text').textContent = invoiceNumber;
    document.getElementById('delete-form').setAttribute('action', `{{ url('/admin/invoices') }}/${invoiceId}`);
    new bootstrap.Modal(document.getElementById('deleteModal')).show();
}
</script>
@endpush