@extends('admin.layout.master')

@section('title', __('admin.order_details') . ' #' . $order->id)

@section('styles')
    <style>
        .status-badge {
            padding: 5px 10px;
            border-radius: 20px;
            font-weight: 600;
            display: inline-block;
            text-transform: uppercase;
            font-size: 14px;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .status-badge.ordered {
            background-color: #ffc107;
            color: white;
            border: 1px solid #ffc107;
        }

        .status-badge.confirmed {
            background-color: #17a2b8;
            color: white;
            border: 1px solid #17a2b8;
        }

        .status-badge.processing {
            background-color: #007bff;
            color: white;
            border: 1px solid #007bff;
        }

        .status-badge.delivered {
            background-color: #28a745;
            color: white;
            border: 1px solid #28a745;
        }

        .status-badge.cancelled {
            background-color: #dc3545;
            color: white;
            border: 1px solid #dc3545;
        }

        .status-badge:hover {
            transform: scale(1.05);
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
        }

        .order-details-table th,
        .order-details-table td {
            text-align: left;
            vertical-align: middle;
        }

        .order-image {
            max-width: 100px;
            height: auto;
            border-radius: 5px;
        }

        .card-body {
            padding: 1.5rem;
        }
    </style>
@endsection

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="row">
            <div class="col-md-12">
                <div class="card mb-4">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">{{ __('admin.order_details') }} #{{ $order->id }}</h5>
                        <a href="{{ route('admin.orders.index') }}" class="btn btn-secondary">{{ __('admin.back') }}</a>
                    </div>
                    <div class="card-body">
                        <!-- Order Information -->
                        <h6>{{ __('admin.order_information') }}</h6>
                        <table class="table order-details-table mb-4">
                            <tbody>
                                <tr>
                                    <th>{{ __('admin.order_id') }}</th>
                                    <td>{{ $order->id }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.customer') }}</th>
                                    <td>{{ $order->user->name ?? 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.phone') }}</th>
                                    <td>{{ $order->phone }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.address') }}</th>
                                    <td>{{ $order->address ? $order->address->full_address : 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.area') }}</th>
                                    <td>{{ $order->address && $order->address->area ? $order->address->area->name : 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.status') }}</th>
                                    <td>
                                        <span class="status-badge {{ $order->status }}">
                                            {{ __('admin.' . $order->status) }}
                                        </span>
                                    </td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.driver') }}</th>
                                    <td>
                                        {{ $order->driver ? $order->driver->name : 'Unassigned' }}
                                        @if ($order->driver)
                                            <a href="{{ route('admin.drivers.track', $order->driver->id) }}"
                                               class="btn btn-sm btn-info">{{ __('admin.track_driver') }}</a>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.subtotal') }}</th>
                                    <td>{{ number_format($order->subtotal, 2) }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.vat_amount') }}</th>
                                    <td>{{ number_format($order->vat_amount, 2) }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.discount') }}</th>
                                    <td>{{ number_format($order->discount_value, 2) }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.total') }}</th>
                                    <td>{{ number_format($order->total, 2) }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.note') }}</th>
                                    <td>{{ $order->note ?? 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.created_at') }}</th>
                                    <td>{{ $order->created_at ? $order->created_at->format('Y-m-d H:i:s') : 'N/A' }}</td>
                                </tr>
                            </tbody>
                        </table>

                        <!-- Order Items -->
                        <h6>{{ __('admin.order_items') }}</h6>
                        <table class="table order-details-table mb-4">
                            <thead>
                                <tr>
                                    <th>{{ __('admin.product') }}</th>
                                    <th>{{ __('admin.quantity') }}</th>
                                    <th>{{ __('admin.price') }}</th>
                                    <th>{{ __('admin.size') }}</th>
                                    <th>{{ __('admin.details') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($order->items as $item)
                                    <tr>
                                        <td>{{ $item->product->name ?? 'N/A' }}</td>
                                        <td>{{ $item->quantity }}</td>
                                        <td>{{ number_format($item->price, 2) }}</td>
                                        <td>{{ $item->product_size ? $item->product_size->name : 'N/A' }}</td>
                                        <td>
                                            {{ __('admin.length') }}: {{ $item->length ?? 'N/A' }}<br>
                                            {{ __('admin.width') }}: {{ $item->width ?? 'N/A' }}<br>
                                            {{ __('admin.number_of_person') }}: {{ $item->number_of_person ?? 'N/A' }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                        <!-- Order Images -->
                        @if ($order->images->count() > 0)
                            <h6>{{ __('admin.order_images') }}</h6>
                            <div class="row mb-4">
                                @foreach ($order->images as $image)
                                    <div class="col-md-3">
                                        <img src="{{ asset('storage/' . $image->image) }}" alt="Order Image" class="order-image">
                                    </div>
                                @endforeach
                            </div>
                        @endif

                        <!-- Order Actions -->
                        @if ($order->status === 'ordered')
                            <form action="{{ route('admin.orders.accept', $order->id) }}" method="POST" style="display: inline;">
                                @csrf
                                <button type="submit" class="btn btn-success btn-sm">{{ __('admin.accept') }}</button>
                            </form>
                            <form action="{{ route('admin.orders.reject', $order->id) }}" method="POST" style="display: inline;">
                                @csrf
                                <button type="submit" class="btn btn-danger btn-sm">{{ __('admin.reject') }}</button>
                            </form>
                        @endif
                        @if ($order->status === 'confirmed' && !$order->driver_id)
                            <a href="{{ route('admin.orders.assignDriver', $order->id) }}"
                               class="btn btn-primary btn-sm">{{ __('admin.assign_driver') }}</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection