@extends('user.layouts.app')

@section('title', 'My Extension Requests')

@section('content')
<div class="container-fluid">
    <div class="ark__h1--wrap">
        <div class="page-title">
            <h1>My Extension Requests</h1>
            <p>View and manage all your booking extension requests</p>
        </div>
    </div>

    @if($extensionRequests->count() > 0)
    <div class="card">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Booking Code</th>
                            <th>Warehouse</th>
                            <th>Current End Date</th>
                            <th>Requested End Date</th>
                            <th>Additional Days</th>
                            <th>Additional Cost</th>
                            <th>Status</th>
                            <th>Requested Date</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($extensionRequests as $request)
                        <tr>
                            <td><strong>{{ $request->booking->booking_code }}</strong></td>
                            <td>{{ $request->booking->warehouse->name }}</td>
                            <td>{{ $request->current_end_date->format('M d, Y') }}</td>
                            <td>{{ $request->requested_end_date->format('M d, Y') }}</td>
                            <td>{{ $request->additional_days }} days</td>
                            <td><strong>${{ number_format($request->additional_amount, 2) }}</strong></td>
                            <td>
                                <span class="badge {{ $request->getStatusBadgeClass() }}">
                                    {{ ucfirst($request->status) }}
                                </span>
                            </td>
                            <td>{{ $request->created_at->format('M d, Y') }}</td>
                            <td>
                                <a href="{{ route('warehouse.extensions.show', $request) }}" class="btn btn-sm btn-primary">
                                    <i class="fas fa-eye"></i> View
                                </a>
                                @if($request->isPending() || $request->isEscalated())
                                <form method="POST" action="{{ route('warehouse.extensions.cancel', $request) }}" style="display: inline;">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to cancel this extension request?')">
                                        <i class="fas fa-times"></i> Cancel
                                    </button>
                                </form>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @else
    <div class="card">
        <div class="card-body text-center py-5">
            <i class="fas fa-calendar-times fa-3x text-muted mb-3"></i>
            <h4>No Extension Requests</h4>
            <p class="text-muted">You haven't requested any booking extensions yet.</p>
            <a href="{{ route('warehouse.index') }}" class="btn btn-primary">
                <i class="fas fa-eye"></i> View My Bookings
            </a>
        </div>
    </div>
    @endif
</div>
@endsection