@extends('admin.layouts.base')

@section('title', 'Warehouse Space Orders')

@section('content')
    <div class="container-fluid">
        <div class="row mb-4">
            <div class="col-md-6">
                <h3>Warehouse Space Orders</h3>
            </div>
            <div class="col-md-6 text-end">
                <a href="{{ route('admin.warehouses.index') }}" class="btn btn-outline-secondary me-2">
                    <i class="fas fa-warehouse me-2"></i> View Warehouses
                </a>
                <a href="{{ route('admin.warehouse-space-orders.statistics') }}" class="btn btn-outline-info me-2">
                    <i class="fas fa-chart-bar me-2"></i> Statistics
                </a>
                <a href="{{ route('admin.warehouse-space-orders.export', request()->all()) }}"
                    class="btn btn-outline-success">
                    <i class="fas fa-download me-2"></i> Export
                </a>
            </div>
        </div>

        {{-- Filters --}}
        <div class="card mb-4">
            <div class="card-body">
                <form method="GET" action="{{ route('admin.warehouse-space-orders.index') }}">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <input type="text" class="form-control" name="search"
                                placeholder="Search order reference or customer..." value="{{ request('search') }}">
                        </div>
                        <div class="col-md-2">
                            <select class="form-select" name="warehouse_id">
                                <option value="">All Warehouses</option>                                
                                @foreach ($warehouses as $warehouse)
                                    <option value="{{ $warehouse->id }}"
                                        {{ request('warehouse_id') == $warehouse->id ? 'selected' : '' }}>
                                        {{ $warehouse->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <select class="form-select" name="order_status">
                                <option value="">All Status</option>
                                @foreach (\App\Enums\WarehouseOrderStatus::cases() as $status)
                                    <option value="{{ $status->value }}"
                                        {{ request('order_status') == $status->value ? 'selected' : '' }}>
                                        {{ $status->label() }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <select class="form-select" name="payment_status">
                                <option value="">All Payment</option>
                                @foreach (\App\Enums\PaymentStatus::cases() as $status)
                                    <option value="{{ $status->value }}"
                                        {{ request('payment_status') == $status->value ? 'selected' : '' }}>
                                        {{ $status->label() }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-1">
                            <button type="submit" class="btn btn-primary w-100">
                                <i class="fas fa-filter me-2"></i> Filter
                            </button>
                        </div>
                        <div class="col-md-2">
                            <a href="{{ route('admin.warehouse-space-orders.index') }}"
                                class="btn btn-outline-secondary w-100">
                                <i class="fas fa-redo me-2"></i> Reset
                            </a>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        {{-- Orders Table --}}
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Order Reference</th>
                                <th>Customer</th>
                                <th>Warehouse</th>
                                <th>Rental Period</th>
                                <th>Space (SQFT)</th>
                                <th>Final Price</th>
                                <th>Order Status</th>
                                <th>Payment Status</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($orders as $order)
                                <tr>
                                    <td><strong>{{ $order->order_reference }}</strong></td>
                                    <td>
                                        {{ $order->customer_name }}<br>
                                        <small class="text-muted">{{ $order->customer_email }}</small>
                                    </td>
                                    <td>{{ $order->warehouse->name }}</td>
                                    <td>
                                        @if ($order->rental_start_date && $order->rental_end_date)
                                            {{ $order->rental_start_date->format('M d') }} -
                                            {{ $order->rental_end_date->format('M d, Y') }}
                                        @else
                                            <span class="text-muted">Not set</span>
                                        @endif
                                    </td>
                                    <td>{{ number_format($order->total_sqft, 2) }}</td>
                                    <td><strong>${{ number_format($order->final_price, 2) }}</strong></td>
                                    <td>
                                        <span class="badge bg-{{ $order->order_status->color() }}">
                                            {{ $order->order_status->label() }}
                                        </span>
                                    </td>
                                    <td>
                                        <span
                                            class="badge bg-{{ $order->payment_status->value === 'paid' ? 'success' : 'warning' }}">
                                            {{ $order->payment_status->label() }}
                                        </span>
                                    </td>
                                    <td>
                                        <a href="{{ route('admin.warehouse-space-orders.show', $order->id) }}"
                                            class="btn btn-sm btn-primary">
                                            <i class="fas fa-eye"></i> View
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="9" class="text-center py-4">
                                        <p class="text-muted">No orders found.</p>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if ($orders->hasPages())
                    <div class="mt-4">
                        {{ $orders->links() }}
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection