@extends('admin.layout')

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

@section('content')
<style>
    .modern-invoice {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        min-height: 100vh;
        padding: 20px 0;
    }
    
    .invoice-card {
        background: white;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        border: none;
    }
    
    .invoice-header {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        padding: 30px;
        position: relative;
    }
    
    .invoice-header::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        height: 15px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
    }
    
    .invoice-actions {
        gap: 10px;
    }
    
    .btn-modern {
        border-radius: 25px;
        padding: 8px 20px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
        border: none;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    }
    
    .btn-modern:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    }
    
    .btn-download {
        background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
        color: white;
    }
    
    .btn-preview {
        background: linear-gradient(135deg, #17a2b8 0%, #007bff 100%);
        color: white;
    }
    
    .invoice-preview {
        max-width: 900px;
        margin: 0 auto;
        background: white;
        padding: 40px;
        border-radius: 10px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        position: relative;
    }
    
    .invoice-watermark {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
        font-size: 80px;
        color: rgba(102, 126, 234, 0.03);
        font-weight: bold;
        z-index: 0;
        pointer-events: none;
    }
    
    .invoice-content {
        position: relative;
        z-index: 1;
    }
    
    .invoice-top-header {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        margin: -40px -40px 30px -40px;
        padding: 25px 40px;
        color: white;
        border-radius: 10px 10px 0 0;
    }
    
    .hotel-logo-modern {
        max-width: 120px;
        max-height: 90px;
        object-fit: contain;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.1);
        padding: 10px;
        margin-bottom: 15px;
    }
    
    .hotel-name-modern {
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 8px;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }
    
    .invoice-title-modern {
        font-size: 36px;
        font-weight: 100;
        letter-spacing: 2px;
        margin-bottom: 10px;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }
    
    .invoice-number-modern {
        font-size: 16px;
        font-weight: 500;
        opacity: 0.9;
    }
    
    .section-card {
        background: #f8f9fa;
        border-radius: 10px;
        padding: 20px;
        margin-bottom: 25px;
        border-left: 4px solid #667eea;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    }
    
    .section-title-modern {
        color: #667eea;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 15px;
        font-size: 14px;
    }
    
    .table-modern {
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        border: none;
    }
    
    .table-modern thead th {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border: none;
        padding: 15px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    .table-modern tbody td {
        padding: 15px;
        border: none;
        border-bottom: 1px solid #e9ecef;
        vertical-align: middle;
    }
    
    .table-modern tbody tr:nth-child(even) {
        background-color: #f8f9fa;
    }
    
    .table-modern tbody tr:hover {
        background-color: #e3f2fd;
        transform: scale(1.01);
        transition: all 0.2s ease;
    }
    
    .total-section-modern {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        border-radius: 10px;
        padding: 25px;
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    }
    
    .total-row-modern {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border-bottom: 1px solid #dee2e6;
    }
    
    .grand-total-modern {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        padding: 20px;
        margin: 20px -25px -25px -25px;
        border-radius: 0 0 10px 10px;
        font-size: 18px;
        font-weight: 600;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }
    
    .notes-modern {
        background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%);
        border-radius: 10px;
        padding: 20px;
        border-left: 4px solid #667eea;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    }
    
    .status-badge-modern {
        padding: 8px 16px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    }
    
    .status-draft { background: linear-gradient(135deg, #ffc107 0%, #ff8f00 100%); color: white; }
    .status-sent { background: linear-gradient(135deg, #17a2b8 0%, #007bff 100%); color: white; }
    .status-paid { background: linear-gradient(135deg, #28a745 0%, #20c997 100%); color: white; }
    .status-cancelled { background: linear-gradient(135deg, #dc3545 0%, #e74c3c 100%); color: white; }
    
    .status-buttons {
        background: white;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
        margin-top: 30px;
    }
    
    .btn-status {
        border-radius: 20px;
        padding: 10px 20px;
        margin: 5px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
        border: 2px solid;
    }
    
    .btn-status:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }
    
    .badge-nonrefundable {
        display: inline-block;
        background: linear-gradient(135deg, #dc3545 0%, #e74c3c 100%);
        color: #fff;
        padding: 6px 10px;
        border-radius: 16px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.5px;
        margin-top: 8px;
    }
</style>

<div class="modern-invoice">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card invoice-card">
                    <div class="card-header invoice-header">
                        <div class="d-flex justify-content-between align-items-center">
                            <h4 class="mb-0" style="font-weight: 300; font-size: 28px;">Invoice {{ $invoice->invoice_number }}</h4>
                            <div class="invoice-actions d-flex">
                                <a href="{{ route('admin.invoices.download', $invoice) }}" class="btn btn-modern btn-download">
                                    <i class="fas fa-download me-2"></i> Download PDF
                                </a>
                                <a href="{{ route('admin.invoices.preview', $invoice) }}" class="btn btn-modern btn-preview" target="_blank">
                                    <i class="fas fa-eye me-2"></i> Preview PDF
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body" style="padding: 40px;">
                        <!-- Invoice Preview -->
                        <div class="invoice-preview">
                            <div class="invoice-watermark">{{ strtoupper($invoice->hotel_name) }}</div>
                            
                            <div class="invoice-content">
                                <!-- Header -->
                                <div class="invoice-top-header">
                                    <div class="d-flex justify-content-between align-items-start">
                                        <div>
                                            @if($settings && $settings->hotel_logo)
                                                @if($settings->hotel_logo && Storage::disk('public')->exists($settings->hotel_logo))
                                                    <img src="{{ route('admin.file', ['path' => $settings->hotel_logo]) }}" alt="Hotel Logo" class="hotel-logo-modern">
                                                @else
                                                    <div class="hotel-logo-placeholder" style="width: 120px; height: 90px; background: rgba(255, 255, 255, 0.1); border: 2px dashed rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; font-size: 14px; color: rgba(255, 255, 255, 0.8); text-align: center; margin-bottom: 15px; border-radius: 10px;">
                                                        LOGO<br>HOTEL
                                                    </div>
                                                @endif
                                            @endif
                                            <div class="hotel-name-modern">{{ $invoice->hotel_name }}</div>
                                            <div style="opacity: 0.9; font-size: 14px;">
                                                @if($settings)
                                                    <div>{{ $settings->hotel_address }}</div>
                                                    <div>{{ $settings->hotel_phone }} | {{ $settings->hotel_email }}</div>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="text-end">
                                            <h1 class="invoice-title-modern">INVOICE</h1>
                                            <div class="invoice-number-modern"># {{ $invoice->invoice_number }}</div>
                                            <div style="opacity: 0.8; font-size: 14px; margin-top: 5px;">{{ $invoice->created_at->format('d F Y') }}</div>
                                            @if(($invoice->non_refundable ?? false) || (!empty($invoice->notes) && preg_match('/non[- ]?refund/i', $invoice->notes)))
                                                <div class="badge-nonrefundable">NON-REFUNDABLE</div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- Billing Section -->
                                <div class="row mb-4">
                                    <div class="col-md-6">
                                        <div class="section-card">
                                            <h6 class="section-title-modern">Bill To:</h6>
                                            <div class="fw-bold mb-2" style="font-size: 16px;">{{ $invoice->guest_name }}</div>
                                            <div class="mb-1">{{ $invoice->guest_email }}</div>
                                            @if($invoice->guest_phone)
                                                <div>{{ $invoice->guest_phone }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="section-card">
                                            <h6 class="section-title-modern">Booking Details:</h6>
                                            <div class="mb-2"><strong>Booking ID:</strong> {{ $invoice->booking->booking_code ?? 'N/A' }}</div>
                                            <div class="mb-2"><strong>Check-in:</strong> {{ $invoice->check_in_date->format('d/m/Y') }}</div>
                                            <div class="mb-2"><strong>Check-out:</strong> {{ $invoice->check_out_date->format('d/m/Y') }}</div>
                                            <div class="mb-3"><strong>Duration:</strong> {{ $invoice->nights }} {{ $invoice->nights > 1 ? 'nights' : 'night' }}</div>
                                            <div>
                                                @php
                                                    $statusClass = match($invoice->status ?? 'draft') {
                                                        'draft' => 'status-draft',
                                                        'sent' => 'status-sent',
                                                        'paid' => 'status-paid',
                                                        'cancelled' => 'status-cancelled',
                                                        default => 'status-draft'
                                                    };
                                                @endphp
                                                <span class="status-badge-modern {{ $statusClass }}">{{ ucfirst($invoice->status ?? 'Draft') }}</span>
                                            </div>
                                            @if($invoice->paymentChannel)
                                                <div class="mt-2"><strong>Payment Method:</strong> {{ $invoice->paymentChannel->name }}</div>
                                            @endif
                                            @if($invoice->paid_at)
                                                <div class="mt-1"><strong>Paid At:</strong> {{ $invoice->paid_at->format('d/m/Y H:i') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- Details Table -->
                                <div class="table-responsive mb-4">
                                    <table class="table table-modern">
                                        <thead>
                                            <tr>
                                                <th>Description</th>
                                                <th>Room</th>
                                                <th>Nights</th>
                                                <th>Rate</th>
                                                <th class="text-end">Amount</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php 
                                                $hasMerged = isset($mergedSources) && ($mergedSources->count() > 0);
                                                $overrideSegments = [];
                                                if (!empty($invoice->notes) && preg_match('/Overrides:\s*([^|]+)/i', $invoice->notes, $ovm)) {
                                                    $ovraw = trim($ovm[1] ?? '');
                                                    if ($ovraw !== '') {
                                                        foreach (explode(';', $ovraw) as $seg) {
                                                            $seg = trim($seg);
                                                            if ($seg === '') continue;
                                                            $parts = array_map('trim', explode(':', $seg));
                                                            if (count($parts) >= 4) {
                                                                $overrideSegments[] = [
                                                                    'name' => $parts[0],
                                                                    'rate' => is_numeric($parts[1]) ? intval($parts[1]) : 0,
                                                                    'nights' => is_numeric($parts[2]) ? intval($parts[2]) : 0,
                                                                    'subtotal' => is_numeric($parts[3]) ? intval($parts[3]) : 0,
                                                                    'start' => $parts[4] ?? null,
                                                                    'end' => $parts[5] ?? null,
                                                                ];
                                                            }
                                                        }
                                                    }
                                                }
                                            @endphp
                                            @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);
                                                        $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
                                                    <tr>
                                                        <td>
                                                            <strong>{{ $src->room_type ?? ($src->booking->room->roomType->name ?? 'Room') }}@if($isExtendRow) (Extend)@endif</strong>
                                                            <div class="text-muted" style="font-size: 12px;">{{ $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-end fw-bold" style="color: #28a745;">Rp {{ number_format($amount, 0, ',', '.') }}</td>
                                                    </tr>
                                                @endforeach
                                            @elseif(count($overrideSegments) > 0)
                                                @foreach($overrideSegments as $item)
                                                    @php 
                                                        $roomDisplay = '-';
                                                        $name = $item['name'] ?? '';
                                                        if (strpos($name, ' - ') !== false) {
                                                            $partsNm = explode(' - ', $name);
                                                            $roomDisplay = $partsNm[1] ?? '-';
                                                            $name = $partsNm[0] ?? $name;
                                                        }
                                                    @endphp
                                                    <tr>
                                                        <td>
                                                            <strong>{{ $name }} Room</strong>
                                                            @if(!empty($item['start']) && !empty($item['end']))
                                                                <div class="text-muted" style="font-size: 12px;">{{ \Carbon\Carbon::parse($item['start'])->format('d M Y') }} - {{ \Carbon\Carbon::parse($item['end'])->format('d M Y') }}</div>
                                                            @endif
                                                        </td>
                                                        <td>{{ $roomDisplay }}</td>
                                                        <td>{{ $item['nights'] }}</td>
                                                        <td>Rp {{ number_format($item['rate'], 0, ',', '.') }}</td>
                                                        <td class="text-end fw-bold" style="color: #28a745;">Rp {{ number_format($item['subtotal'], 0, ',', '.') }}</td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    @php $isExtend = (\Carbon\Carbon::parse($invoice->check_in_date)->toDateString() !== \Carbon\Carbon::parse($invoice->booking->check_in_date)->toDateString()); @endphp
                                                    <td>
                                                        <strong>{{ $invoice->room_type ?? ($invoice->booking->room->roomType->name ?? 'Room') }}@if($isExtend) (Extend)@endif</strong>
                                                        <div class="text-muted" style="font-size: 12px;">{{ $invoice->check_in_date->format('d M Y') }} - {{ $invoice->check_out_date->format('d M Y') }}</div>
                                                    </td>
                                                    <td>{{ $invoice->room_number }}</td>
                                                    <td>{{ $invoice->nights }}</td>
                                                    @php
                                                        $ratePerNight = (int) ($invoice->room_rate ?? ((($invoice->nights ?? 1) > 0) ? (int) (($invoice->subtotal ?? 0) / ($invoice->nights ?? 1)) : (int) ($invoice->subtotal ?? 0)));
                                                    @endphp
                                                    <td>Rp {{ number_format($ratePerNight, 0, ',', '.') }}</td>
                                                    <td class="text-end fw-bold" style="color: #28a745;">Rp {{ number_format($invoice->subtotal, 0, ',', '.') }}</td>
                                                </tr>
                                            @endif
                                            @if($invoice->booking && $invoice->booking->roomServices && $invoice->booking->roomServices->count() > 0)
                                                @foreach($invoice->booking->roomServices as $service)
                                                <tr>
                                                <td>Room Service - {{ $service->service_name }}</td>
                                                <td>-</td>
                                                <td>{{ $service->quantity }}</td>
                                                <td>Rp {{ number_format($service->unit_price, 0, ',', '.') }}</td>
                                                <td class="text-end fw-bold" style="color: #28a745;">Rp {{ number_format($service->total_price, 0, ',', '.') }}</td>
                                                </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                                
                                <!-- Total Section -->
                                <div class="row">
                                    <div class="col-md-6"></div>
                                    <div class="col-md-6">
                                        <div class="total-section-modern">
                                            @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
                                            <div class="total-row-modern">
                                                <span>Total Included Tax:</span>
                                                <span class="fw-bold">Rp {{ number_format($totalInclude, 0, ',', '.') }}</span>
                                            </div>
                                            @if($cardCharge > 0)
                                            <div class="total-row-modern">
                                                <span>Card Charge:</span>
                                                <span class="fw-bold">Rp {{ number_format($cardCharge, 0, ',', '.') }}</span>
                                            </div>
                                            @endif
                                            <div class="grand-total-modern d-flex justify-content-between">
                                                <span>Total:</span>
                                                <span>Rp {{ number_format($finalTotal, 0, ',', '.') }}</span>
                                            </div>
                                            <div class="total-row-modern">
                                                <span>Tax Included:</span>
                                                <span class="fw-bold">Rp {{ number_format($computedTax, 0, ',', '.') }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- Notes -->
                                @if($invoice->notes)
                                <div class="mt-4">
                                    <div class="notes-modern">
                                        <h6 class="section-title-modern mb-3">Special Requests / Notes:</h6>
                                        <div style="font-size: 14px; line-height: 1.6;">{{ $invoice->notes }}</div>
                                    </div>
                                </div>
                                @endif
                                
                                <!-- Footer -->
                                <div class="text-center mt-5 pt-4" style="border-top: 2px solid #e9ecef; color: #6c757d;">
                                    <div class="mb-2" style="font-size: 16px; font-weight: 600; color: #667eea;">Thank you for choosing {{ $invoice->hotel_name }}!</div>
                                    <div class="mb-1" style="font-size: 12px;">This is a computer-generated invoice and does not require a signature.</div>
                                    <div style="font-size: 12px;">Generated on {{ now()->format('d F Y, H:i') }} WIB</div>
                                    @if($settings && $settings->hotel_website)
                                        <div class="mt-2" style="font-size: 12px;">Visit us at: <strong>{{ $settings->hotel_website }}</strong></div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        
                        <!-- Status Update -->
                        <div class="status-buttons text-center">
                            <h6 class="mb-3" style="color: #667eea; font-weight: 600;">Update Invoice Status</h6>
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-status btn-outline-warning {{ $invoice->status === 'draft' ? 'active' : '' }}" onclick="updateStatus('draft')">
                                    <i class="fas fa-edit me-1"></i> Draft
                                </button>
                                <button type="button" class="btn btn-status btn-outline-info {{ $invoice->status === 'sent' ? 'active' : '' }}" onclick="updateStatus('sent')">
                                    <i class="fas fa-paper-plane me-1"></i> Sent
                                </button>
                                <button type="button" class="btn btn-status btn-outline-success {{ $invoice->status === 'paid' ? 'active' : '' }}" onclick="updateStatus('paid')">
                                    <i class="fas fa-check-circle me-1"></i> Paid
                                </button>
                                <button type="button" class="btn btn-status btn-outline-danger {{ $invoice->status === 'cancelled' ? 'active' : '' }}" onclick="updateStatus('cancelled')">
                                    <i class="fas fa-times-circle me-1"></i> Cancelled
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function updateStatus(status) {
    if (confirm('Are you sure you want to update the invoice status to ' + status + '?')) {
        const url = '{{ route("admin.invoices.update-status", $invoice) }}';
        const params = new URLSearchParams();
        params.append('_method', 'PATCH');
        params.append('status', status);
        params.append('_token', '{{ csrf_token() }}');
        fetch(url, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            },
            body: params.toString()
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                location.reload();
            } else {
                alert('Error updating status: ' + data.message);
            }
        })
        .catch(() => {
            alert('Error updating status');
        });
    }
}
</script>
@endsection