{{-- resources/views/admin/warehouse-orders/show.blade.php --}}
@extends('admin.layouts.base')

@section('title', 'Order Details - ' . $order->order_reference)

@section('content')
    <div id="kt_app_content_container" class="app-container container-fluid">

        <!-- Page Header -->
        <div class="d-flex flex-column flex-lg-row justify-content-between align-items-start align-items-lg-center mb-7">
            <div>
                <h1 class="text-gray-900 fw-bold mb-2">Space Order Details</h1>
                <div class="d-flex flex-wrap align-items-center gap-3 text-muted">
                    <span class="fs-4">#{{ $order->order_reference }}</span>
                    <span>•</span>
                    <span
                        class="badge badge-lg badge-light-{{ $order->order_status->color() }} fs-6 fw-semibold text-uppercase">
                        {{ $order->order_status->label() }}
                    </span>
                    <span>•</span>
                    @if ($order->rental_start_date && $order->rental_end_date)
                        <span>{{ $order->rental_start_date->format('M d, Y') }} →
                            {{ $order->rental_end_date->format('M d, Y') }}</span>
                    @else
                        <span class="text-muted">Dates not set</span>
                    @endif
                </div>
            </div>

            <a href="{{ route('admin.warehouse-space-orders.index') }}" class="btn btn-light">
                <i class="ki-duotone ki-arrow-left fs-2"></i> Back to Orders
            </a>
        </div>

        <div class="row g-6 g-xl-9">
            <!-- Left Column: Main Details -->
            <div class="col-lg-8">

                <!-- Order Summary -->
                <div class="card shadow-sm mb-6">
                    <div class="card-header bg-primary text-white border-0 py-5">
                        <h3 class="card-title text-white mb-0">Order Information</h3>
                    </div>
                    <div class="card-body pt-6">
                        <div class="row g-6">
                            <div class="col-md-6">
                                <label class="text-muted fw-semibold">Customer</label>
                                <div class="mt-2">
                                    <div class="fw-bold fs-5">{{ $order->customer_name }}</div>
                                    <div class="text-gray-600">{{ $order->customer_email }}</div>
                                    @if ($order->customer_phone)
                                        <div class="text-gray-600">{{ $order->customer_phone }}</div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="text-muted fw-semibold">Warehouse</label>
                                <div class="mt-2">
                                    <div class="fw-bold fs-5">{{ $order->warehouse->name }}</div>
                                    <div class="text-gray-600">{{ $order->warehouse->city }},
                                        {{ $order->warehouse->zone ?? 'N/A' }}</div>
                                </div>
                            </div>
                        </div>

                        <div class="separator my-6"></div>

                        <div class="row g-6">
                            <div class="col-sm-4">
                                <label class="text-muted fw-semibold">Rental Start Date</label>
                                <div class="fw-bold fs-5">
                                    {{ $order->rental_start_date ? $order->rental_start_date->format('M d, Y') : 'Not set' }}
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <label class="text-muted fw-semibold">Rental End Date</label>
                                <div class="fw-bold fs-5">
                                    {{ $order->rental_end_date ? $order->rental_end_date->format('M d, Y') : 'Not set' }}
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <label class="text-muted fw-semibold">Duration</label>
                                <div class="fw-bold fs-5 text-primary">
                                    {{ $order->getDurationInDays() }} days
                                </div>
                            </div>
                        </div>

                        <div class="separator my-6"></div>

                        <div class="row g-6">
                            <div class="col-sm-4">
                                <label class="text-muted fw-semibold">Input Type</label>
                                <div class="fw-bold text-capitalize fs-5">{{ ucfirst($order->input_type) }}</div>
                            </div>
                            <div class="col-sm-4">
                                <label class="text-muted fw-semibold">Base Space</label>
                                <div class="fw-bold fs-5">{{ number_format($order->calculated_sqft, 2) }} sqft</div>
                            </div>
                            <div class="col-sm-4">
                                <label class="text-muted fw-semibold">Total Space</label>
                                <div class="fw-bold fs-4 text-success">{{ number_format($order->total_sqft, 2) }} sqft
                                </div>
                                <div class="text-gray-600">+ {{ number_format($order->activity_space_sqft, 2) }} activity
                                    space</div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Space Details -->
                <div class="card shadow-sm mb-6">
                    <div class="card-header border-0 py-5">
                        <h3 class="card-title fw-bold">Space Details ({{ ucfirst($order->input_type) }})</h3>
                    </div>
                    <div class="card-body">
                        @if ($order->input_type === 'pallet')
                            <div class="row text-center">
                                <div class="col-4 border-end">
                                    <div class="text-muted">Pallet Count</div>
                                    <div class="fs-3 fw-bold text-primary">{{ $order->pallet_count }}</div>
                                </div>
                                <div class="col-4 border-end">
                                    <div class="text-muted">Length</div>
                                    <div class="fs-3 fw-bold">{{ $order->pallet_length }}"</div>
                                </div>
                                <div class="col-4">
                                    <div class="text-muted">Width</div>
                                    <div class="fs-3 fw-bold">{{ $order->pallet_width }}"</div>
                                </div>
                            </div>
                        @else
                            <div class="row text-center">
                                <div class="col-3 border-end">
                                    <div class="text-muted">Cartons</div>
                                    <div class="fs-3 fw-bold text-primary">{{ $order->carton_count }}</div>
                                </div>
                                <div class="col-3 border-end">
                                    <div class="text-muted">L</div>
                                    <div class="fs-3 fw-bold">{{ $order->carton_length }}"</div>
                                </div>
                                <div class="col-3 border-end">
                                    <div class="text-muted">W</div>
                                    <div class="fs-3 fw-bold">{{ $order->carton_width }}"</div>
                                </div>
                                <div class="col-3">
                                    <div class="text-muted">H</div>
                                    <div class="fs-3 fw-bold">{{ $order->carton_height }}"</div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>

                <!-- Pricing Breakdown (Admin Only) -->
                @if ($order->pricing_breakdown && isset($order->pricing_breakdown['hidden_from_customer']))
                    <div class="card shadow-sm mb-6">
                        <div class="card-header border-0 py-5">
                            <h3 class="card-title fw-bold">Detailed Pricing Breakdown (Admin Only)</h3>
                        </div>
                        <div class="card-body">
                            @php
                                $breakdown = $order->pricing_breakdown;
                                $sqftDetails = $breakdown['sqft_details'] ?? [];
                                $laborDetails = $breakdown['labor_details'] ?? [];
                                $equipmentDetails = $breakdown['equipment_details'] ?? [];
                                $pricingSummary = $breakdown['pricing_summary'] ?? [];
                            @endphp

                            @if (!empty($sqftDetails))
                                <div class="mb-4">
                                    <h5 class="fw-bold mb-3">Space Calculation</h5>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="text-muted">Base SQFT</div>
                                            <div class="fw-bold">{{ number_format($sqftDetails['base_sqft'] ?? 0, 2) }}
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="text-muted">Activity SQFT</div>
                                            <div class="fw-bold">{{ number_format($sqftDetails['activity_sqft'] ?? 0, 2) }}
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="text-muted">Total SQFT</div>
                                            <div class="fw-bold text-success">
                                                {{ number_format($sqftDetails['total_sqft'] ?? 0, 2) }}</div>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if (!empty($laborDetails['breakdown']))
                                <div class="mb-4">
                                    <h5 class="fw-bold mb-3">Labor Services</h5>
                                    <div class="table-responsive">
                                        <table class="table table-sm">
                                            <thead>
                                                <tr>
                                                    <th>Type</th>
                                                    <th>Hours</th>
                                                    <th>Workers</th>
                                                    <th>Rate</th>
                                                    <th class="text-end">Total</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($laborDetails['breakdown'] as $labor)
                                                    <tr>
                                                        <td>Labor Type #{{ $labor['labor_type_id'] }}</td>
                                                        <td>{{ $labor['hours'] ?? 'N/A' }}</td>
                                                        <td>{{ $labor['workers'] ?? 1 }}</td>
                                                        <td>${{ number_format($labor['rate'], 2) }}</td>
                                                        <td class="text-end">${{ number_format($labor['fee'], 2) }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                            <tfoot>
                                                <tr class="fw-bold">
                                                    <td colspan="4">Total Labor Fee</td>
                                                    <td class="text-end">
                                                        ${{ number_format($laborDetails['total_fee'] ?? 0, 2) }}</td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            @endif

                            @if (!empty($equipmentDetails['breakdown']))
                                <div class="mb-4">
                                    <h5 class="fw-bold mb-3">Equipment Rental</h5>
                                    <div class="table-responsive">
                                        <table class="table table-sm">
                                            <thead>
                                                <tr>
                                                    <th>Type</th>
                                                    <th>Charge Type</th>
                                                    <th>Qty</th>
                                                    <th>Usage</th>
                                                    <th>Rate</th>
                                                    <th class="text-end">Total</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($equipmentDetails['breakdown'] as $equipment)
                                                    <tr>
                                                        <td>Equipment #{{ $equipment['equipment_type_id'] }}</td>
                                                        <td>{{ ucfirst($equipment['charge_type']) }}</td>
                                                        <td>{{ $equipment['quantity'] }}</td>
                                                        <td>{{ $equipment['usage_time'] ?? 'N/A' }}</td>
                                                        <td>${{ number_format($equipment['rate'], 2) }}</td>
                                                        <td class="text-end">${{ number_format($equipment['fee'], 2) }}
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                            <tfoot>
                                                <tr class="fw-bold">
                                                    <td colspan="5">Total Equipment Fee</td>
                                                    <td class="text-end">
                                                        ${{ number_format($equipmentDetails['total_fee'] ?? 0, 2) }}</td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                @endif

            </div>

            <!-- Right Column: Status + Pricing -->
            <div class="col-lg-4">

                <!-- Quick Status Update -->
                <div class="card shadow-sm mb-6">
                    <div class="card-header bg-info text-white border-0 py-5">
                        <h3 class="card-title text-white mb-0">Update Order Status</h3>
                    </div>
                    <div class="card-body">
                        <form method="POST"
                            action="{{ route('admin.warehouse-space-orders.update-order-status', $order->id) }}">
                            @csrf
                            <label class="form-label fw-bold">Current Status</label>
                            <select class="form-select form-select-solid mb-3" name="order_status">
                                @foreach (\App\Enums\WarehouseOrderStatus::cases() as $status)
                                    <option value="{{ $status->value }}"
                                        {{ $order->order_status === $status ? 'selected' : '' }}>
                                        {{ $status->label() }}
                                    </option>
                                @endforeach
                            </select>
                            <label class="form-label fw-bold">Admin Notes (Optional)</label>
                            <textarea class="form-control mb-3" name="admin_notes" rows="3"
                                placeholder="Add notes about this status change..."></textarea>
                            <button type="submit" class="btn btn-primary w-100">
                                <i class="fas fa-save me-2"></i> Update Status
                            </button>
                        </form>
                    </div>
                </div>

                <!-- Payment Status Update -->
                <div class="card shadow-sm mb-6">
                    <div class="card-header bg-success text-white border-0 py-5">
                        <h3 class="card-title text-white mb-0">Update Payment Status</h3>
                    </div>
                    <div class="card-body">
                        <form method="POST"
                            action="{{ route('admin.warehouse-space-orders.update-payment-status', $order->id) }}">
                            @csrf
                            <label class="form-label fw-bold">Payment Status</label>
                            <select class="form-select form-select-solid mb-3" name="payment_status">
                                @foreach (\App\Enums\PaymentStatus::cases() as $status)
                                    <option value="{{ $status->value }}"
                                        {{ $order->payment_status === $status ? 'selected' : '' }}>
                                        {{ $status->label() }}
                                    </option>
                                @endforeach
                            </select>
                            <label class="form-label fw-bold">Payment Method</label>
                            <input type="text" class="form-control mb-3" name="payment_method"
                                value="{{ $order->payment_method }}" placeholder="e.g., Bank Transfer">
                            <label class="form-label fw-bold">Payment Reference</label>
                            <input type="text" class="form-control mb-3" name="payment_reference"
                                value="{{ $order->payment_reference }}" placeholder="Transaction ID or reference">
                            <button type="submit" class="btn btn-success w-100">
                                <i class="fas fa-money-bill me-2"></i> Update Payment
                            </button>
                        </form>
                    </div>
                </div>

                <!-- Warehouse Availability -->
                @if (isset($availability))
                    <div class="card shadow-sm mb-6">
                        <div class="card-header bg-warning text-dark border-0 py-5">
                            <h3 class="card-title mb-0">Warehouse Space Status</h3>
                        </div>
                        <div class="card-body">
                            <div class="fv-row mb-5">
                                <label class="text-muted">Total Capacity</label>
                                <div class="fs-4 fw-bold">{{ number_format($availability['max_capacity']) }} sqft</div>
                            </div>
                            <div class="fv-row mb-5">
                                <label class="text-muted">Used Space</label>
                                <div class="fs-4 fw-bold text-danger">{{ number_format($availability['used_space']) }}
                                    sqft</div>
                            </div>
                            <div class="fv-row mb-6">
                                <label class="text-muted">Available</label>
                                <div class="fs-3 fw-bold text-success">
                                    {{ number_format($availability['available_space']) }} sqft</div>
                            </div>

                            @php
                                $percent =
                                    $availability['max_capacity'] > 0
                                        ? ($availability['used_space'] / $availability['max_capacity']) * 100
                                        : 0;
                                $barClass = $percent > 90 ? 'danger' : ($percent > 70 ? 'warning' : 'success');
                            @endphp

                            <div class="progress h-20px">
                                <div class="progress-bar bg-{{ $barClass }}" role="progressbar"
                                    style="width: {{ $percent }}%" aria-valuenow="{{ $percent }}"
                                    aria-valuemin="0" aria-valuemax="100">
                                    {{ number_format($percent, 1) }}% Utilized
                                </div>
                            </div>

                            @if (isset($availability['breakdown']))
                                <div class="mt-4 pt-4 border-top">
                                    <small class="text-muted d-block mb-2">Breakdown:</small>
                                    <div class="small">
                                        <div>Confirmed Bookings:
                                            {{ number_format($availability['breakdown']['confirmed_bookings'] ?? 0) }} sqft
                                        </div>
                                        <div>Confirmed Orders:
                                            {{ number_format($availability['breakdown']['confirmed_orders'] ?? 0) }} sqft
                                        </div>
                                        <div>Pending Reservations:
                                            {{ number_format(($availability['breakdown']['pending_booking_reservations'] ?? 0) + ($availability['breakdown']['pending_order_reservations'] ?? 0)) }}
                                            sqft</div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                @endif

                <!-- Pricing Summary -->
                <div class="card shadow-sm">
                    <div class="card-header bg-success text-white border-0 py-5">
                        <h3 class="card-title text-white mb-0">Pricing Summary</h3>
                    </div>
                    <div class="card-body pt-6">
                        <div class="d-flex justify-content-between mb-3">
                            <span>Space Fee</span>
                            <span class="fw-bold">${{ number_format($order->space_fee, 2) }}</span>
                        </div>
                        <div class="d-flex justify-content-between mb-3">
                            <span>Labor Fee</span>
                            <span class="fw-bold">${{ number_format($order->labor_fee, 2) }}</span>
                        </div>
                        <div class="d-flex justify-content-between mb-3">
                            <span>Equipment Fee</span>
                            <span class="fw-bold">${{ number_format($order->equipment_fee, 2) }}</span>
                        </div>
                        <hr>
                        <div class="d-flex justify-content-between mb-3">
                            <span>Subtotal</span>
                            <span
                                class="fw-bold">${{ number_format($order->space_fee + $order->labor_fee + $order->equipment_fee, 2) }}</span>
                        </div>
                        <div class="d-flex justify-content-between mb-4">
                            <span>Markup</span>
                            <span class="fw-bold text-warning">${{ number_format($order->markup_amount, 2) }}</span>
                        </div>
                        <hr class="border-dark">
                        <div class="d-flex justify-content-between align-items-center">
                            <span class="fs-4 fw-bold">Final Amount</span>
                            <span class="fs-2 fw-bolder text-success">${{ number_format($order->final_price, 2) }}</span>
                        </div>
                        <div class="mt-2 text-muted small">
                            Currency: {{ $order->currency }}
                        </div>
                    </div>
                </div>

                <!-- Notes -->
                @if ($order->customer_notes || $order->admin_notes)
                    <div class="card shadow-sm mt-6">
                        <div class="card-header border-0 py-5">
                            <h3 class="card-title fw-bold">Notes</h3>
                        </div>
                        <div class="card-body">
                            @if ($order->customer_notes)
                                <div class="mb-3">
                                    <label class="text-muted fw-semibold">Customer Notes:</label>
                                    <p class="text-gray-700 fst-italic">{{ $order->customer_notes }}</p>
                                </div>
                            @endif
                            @if ($order->admin_notes)
                                <div>
                                    <label class="text-muted fw-semibold">Admin Notes:</label>
                                    <p class="text-gray-700">{!! nl2br(e($order->admin_notes)) !!}</p>
                                </div>
                            @endif
                        </div>
                    </div>
                @endif

            </div>
        </div>
    </div>
@endsection