@extends('backoffice.layouts.app')

@section('content')
    <div class="d-flex justify-content-between align-items-center py-4">
        <h2 class="h4">Order #{{ $order->id }} Details</h2>
        <a href="{{ route('admin.orders.index') }}" class="btn btn-outline-primary">Back to Orders</a>
    </div>

    <div class="card mb-4">
        <div class="card-header">
            <strong>Order Summary</strong>
        </div>
        <div class="card-body">
            <p><strong>Status:</strong>
                <span
                    class="badge
                @if ($order->status == 'pending') bg-warning
                @elseif ($order->status == 'processing') bg-primary
                @elseif ($order->status == 'completed') bg-success
                @elseif ($order->status == 'cancelled') bg-danger
                @elseif ($order->status == 'out_for_delivery') bg-info @endif">
                    {{ ucwords(str_replace('_', ' ', $order->status)) }}
                </span>
            </p>
            <p><strong>Created At:</strong> {{ $order->created_at->format('d M, Y h:i A') }}</p>
            <p><strong>Updated At:</strong> {{ $order->updated_at->format('d M, Y h:i A') }}</p>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">
            <strong>Customer Info</strong>
        </div>
        <div class="card-body">
            @if (!empty($order->email))
                <p><strong>Recipient’s Name:</strong> {{ $order->name ?? 'Guest' }}
                    {{ $order->user->last_name ?? '' }}</p>
            @endif
            @if (!empty($order->email))
                <p><strong>Recipient's Email:</strong> {{ $order->email ?? 'N/A' }}</p>
            @endif
            @if (!empty($order->code) || !empty($order->number))
                <p><strong>Recipient's Phone:</strong> {{ $order->code ?? 'N/A' }}-{{ $order->number ?? 'N/A' }}</p>
            @endif
            @if (!empty($order->area))
                <p><strong>Area:</strong> {{ $order->area ?? 'N/A' }}</p>
            @endif
            @if (!empty($order->address))
                <p><strong>Address:</strong> {{ $order->address ?? 'N/A' }}</p>
            @endif
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">
            <strong>Order Items</strong>
        </div>
        <div class="card-body table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Product</th>
                        <th>Qty</th>
                        <th>Personal Message</th>
                        <th>Note</th>
                        <th>Choose File</th>
                        <th>Unit Price</th>
                        <th>Total</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($order->items as $index => $item)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td>{{ $item->name }}</td>
                            <td>{{ $item->qty }}</td>
                            <td>
                                @if (!empty($item->personal_message))
                                    {{ $item->personal_message ?? '' }}
                                @else
                                    -
                                @endif
                            </td>
                            <td>
                                @if (!empty($item->note))
                                    {{ $item->note ?? '' }}
                                @else
                                    -
                                @endif
                            </td>
                            <td>
                                @if (!empty($item->file))
                                    <a href="{{ asset($item->file) }}" target="_blank">View</a>
                                @else
                                    -
                                @endif
                            </td>
                            <td>${{ number_format($item->price, 2) }}</td>
                            <td>${{ number_format($item->qty * $item->price, 2) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">
            <strong>Order Totals</strong>
        </div>
        <div class="card-body">
            <p><strong>Subtotal:</strong> ${{ number_format($order->subtotal, 2) }}</p>
            <p><strong>Shipping:</strong> ${{ number_format($order->shipping, 2) }}</p>
            <p><strong>Grand Total:</strong> ${{ number_format($order->grand_total, 2) }}</p>
        </div>
    </div>
@endsection