{{-- Details Partial for Modal View --}}
<div class="row g-5">
    <div class="col-md-6">
        <h6 class="fw-bold text-muted mb-3">Customer Information</h6>
        <table class="table table-borderless table-sm">
            <tr>
                <td class="text-muted">Name:</td>
                <td class="fw-bold">{{ $extensionRequest->user->fullname }}</td>
            </tr>
            <tr>
                <td class="text-muted">Email:</td>
                <td>{{ $extensionRequest->user->email }}</td>
            </tr>
            <tr>
                <td class="text-muted">Phone:</td>
                <td>{{ $extensionRequest->user->phone ?? 'N/A' }}</td>
            </tr>
        </table>
    </div>

    <div class="col-md-6">
        <h6 class="fw-bold text-muted mb-3">Booking Information</h6>
        <table class="table table-borderless table-sm">
            <tr>
                <td class="text-muted">Booking Code:</td>
                <td class="fw-bold">{{ $extensionRequest->booking->booking_code }}</td>
            </tr>
            <tr>
                <td class="text-muted">Warehouse:</td>
                <td>{{ $extensionRequest->booking->warehouse->name }}</td>
            </tr>
            <tr>
                <td class="text-muted">Space (SQFT):</td>
                <td>{{ number_format($extensionRequest->booking->calculated_sqft) }}</td>
            </tr>
        </table>
    </div>
</div>

<hr class="my-5">

<div class="row g-5">
    <div class="col-md-6">
        <h6 class="fw-bold text-muted mb-3">Extension Details</h6>
        <table class="table table-borderless table-sm">
            <tr>
                <td class="text-muted">Current End Date:</td>
                <td class="fw-bold">{{ $extensionRequest->current_end_date->format('M d, Y') }}</td>
            </tr>
            <tr>
                <td class="text-muted">Requested End Date:</td>
                <td class="fw-bold text-primary">{{ $extensionRequest->requested_end_date->format('M d, Y') }}</td>
            </tr>
            <tr>
                <td class="text-muted">Additional Days:</td>
                <td><span class="badge badge-light-info">{{ $extensionRequest->additional_days }} days</span></td>
            </tr>
            <tr>
                <td class="text-muted">Status:</td>
                <td>
                    @php
                        $badges = [
                            'pending' => 'warning',
                            'escalated' => 'danger',
                            'approved' => 'success',
                            'rejected' => 'secondary',
                        ];
                        $color = $badges[$extensionRequest->status] ?? 'dark';
                    @endphp
                    <span class="badge badge-light-{{ $color }}">{{ ucfirst($extensionRequest->status) }}</span>
                </td>
            </tr>
        </table>
    </div>

    <div class="col-md-6">
        <h6 class="fw-bold text-muted mb-3">Cost Breakdown</h6>
        <table class="table table-borderless table-sm">
            <tr>
                <td class="text-muted">Space Cost:</td>
                <td>${{ number_format($extensionRequest->additional_space_cost, 2) }}</td>
            </tr>
            <tr>
                <td class="text-muted">Labor Cost:</td>
                <td>${{ number_format($extensionRequest->additional_labor_cost, 2) }}</td>
            </tr>
            <tr>
                <td class="text-muted">Equipment Cost:</td>
                <td>${{ number_format($extensionRequest->additional_equipment_cost, 2) }}</td>
            </tr>
            <tr>
                <td class="text-muted">Services Cost:</td>
                <td>${{ number_format($extensionRequest->additional_services_cost, 2) }}</td>
            </tr>
            <tr class="border-top">
                <td class="fw-bold">Total Additional Cost:</td>
                <td class="fw-bold text-success fs-5">${{ number_format($extensionRequest->additional_amount, 2) }}
                </td>
            </tr>
        </table>
    </div>
</div>

@if ($extensionRequest->user_notes)
    <hr class="my-5">
    <h6 class="fw-bold text-muted mb-3">Customer Notes</h6>
    <div class="alert alert-light-info">
        <i class="fas fa-comment-dots me-2"></i>
        {{ $extensionRequest->user_notes }}
    </div>
@endif

@if ($extensionRequest->admin_notes)
    <hr class="my-5">
    <h6 class="fw-bold text-muted mb-3">Admin Notes</h6>
    <div class="alert alert-light-{{ $extensionRequest->status === 'approved' ? 'success' : 'danger' }}">
        <i class="fas fa-shield-alt me-2"></i>
        {{ $extensionRequest->admin_notes }}
    </div>
@endif

<hr class="my-5">

<div class="row">
    <div class="col-12">
        <h6 class="fw-bold text-muted mb-3">Timeline</h6>
        <table class="table table-borderless table-sm">
            <tr>
                <td class="text-muted">Submitted:</td>
                <td>{{ $extensionRequest->created_at->format('M d, Y @ g:i A') }}</td>
            </tr>
            @if ($extensionRequest->approved_at)
                <tr>
                    <td class="text-muted">Approved:</td>
                    <td>{{ $extensionRequest->approved_at->format('M d, Y @ g:i A') }}</td>
                </tr>
            @endif
            @if ($extensionRequest->rejected_at)
                <tr>
                    <td class="text-muted">Rejected:</td>
                    <td>{{ $extensionRequest->rejected_at->format('M d, Y @ g:i A') }}</td>
                </tr>
            @endif
        </table>
    </div>
</div>