@extends('admin.layouts.app')

@section('title', $order->reference)
@section('page-title', __('admin.menu.orders').' — '.$order->reference)

@section('page-actions')
    <a href="{{ route('admin.orders.index') }}" class="btn btn-light btn-sm">
        <i class="bi bi-arrow-{{ app()->getLocale() === 'ar' ? 'right' : 'left' }}"></i> {{ __('admin.actions.back') }}
    </a>
@endsection

@section('content')
    <div class="row g-3">
        <div class="col-lg-8">
            <div class="card mb-3">
                <div class="card-header">{{ __('admin.fields.customer') }}</div>
                <div class="card-body">
                    <div class="row g-3">
                        @include('admin.partials.detail-row', ['label' => __('admin.fields.customer'), 'value' => $order->user?->name])
                        @include('admin.partials.detail-row', ['label' => __('admin.fields.contact_name'), 'value' => $order->contact_name])
                        @include('admin.partials.detail-row', ['label' => __('admin.fields.phone'), 'value' => $order->phone])
                        @include('admin.partials.detail-row', ['label' => __('admin.fields.city'), 'value' => $order->city])
                        @include('admin.partials.detail-row', ['label' => __('admin.fields.sector'), 'value' => $order->sector?->name])
                        @include('admin.partials.detail-row', ['label' => __('admin.fields.payment_method'), 'value' => __('statuses.payment_method.'.$order->payment_method)])
                        <div class="col-12">
                            <div class="small text-secondary">{{ __('admin.fields.address') }}</div>
                            <div class="fw-semibold">{{ $order->shipping_address ?: '—' }}</div>
                        </div>
                        @if ($order->notes)
                            <div class="col-12">
                                <div class="small text-secondary">{{ __('admin.fields.notes') }}</div>
                                <div>{{ $order->notes }}</div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header">{{ __('admin.fields.items') }}</div>
                <div class="table-responsive">
                    <table class="table mb-0 align-middle">
                        <thead>
                        <tr>
                            <th>{{ __('admin.fields.name') }}</th>
                            <th>{{ __('admin.fields.sku') }}</th>
                            <th>{{ __('admin.fields.price') }}</th>
                            <th>{{ __('admin.fields.quantity') }}</th>
                            <th>{{ __('admin.fields.total') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($order->items as $item)
                            <tr>
                                <td>{{ $item->product_name }}</td>
                                <td>{{ $item->sku }}</td>
                                <td>{{ number_format((float) $item->unit_price, 2) }}</td>
                                <td>{{ $item->quantity }}</td>
                                <td>{{ number_format((float) $item->total, 2) }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <th colspan="4" class="text-end">{{ __('admin.fields.subtotal') }}</th>
                            <th>{{ number_format((float) $order->subtotal, 2) }}</th>
                        </tr>
                        <tr>
                            <th colspan="4" class="text-end">{{ __('admin.fields.shipping_cost') }}</th>
                            <th>{{ number_format((float) $order->shipping_cost, 2) }}</th>
                        </tr>
                        <tr>
                            <th colspan="4" class="text-end">{{ __('admin.fields.tax') }}</th>
                            <th>{{ number_format((float) $order->tax, 2) }}</th>
                        </tr>
                        <tr class="table-light">
                            <th colspan="4" class="text-end">{{ __('admin.fields.total') }}</th>
                            <th>{{ number_format((float) $order->total, 2) }} {{ $order->currency }}</th>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            @if ($order->statusLogs->isNotEmpty())
                <div class="card">
                    <div class="card-header">{{ __('admin.actions.change_status') }}</div>
                    <ul class="list-group list-group-flush">
                        @foreach ($order->statusLogs as $log)
                            <li class="list-group-item d-flex justify-content-between align-items-start">
                                <div>
                                    @include('admin.partials.badge-status', ['label' => __('statuses.order.'.$log->status), 'status' => $log->status])
                                    <div class="small text-secondary mt-1">{{ $log->note }}</div>
                                </div>
                                <div class="small text-secondary text-nowrap">
                                    {{ $log->user?->name }} · {{ $log->created_at->format('Y-m-d H:i') }}
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>

        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">{{ __('admin.actions.change_status') }}</div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.orders.status', $order) }}">
                        @csrf
                        @method('PUT')

                        <div class="row g-3">
                            <x-admin.select name="status" :label="__('admin.fields.status')" :options="$statuses"
                                            :selected="$order->status" required col="col-12" :searchable="false" />
                            <x-admin.select name="payment_status" :label="__('admin.fields.payment_status')"
                                            :options="['unpaid', 'paid', 'refunded']" :selected="$order->payment_status"
                                            col="col-12" :searchable="false" />
                            <x-admin.textarea name="note" :label="__('admin.fields.notes')" col="col-12" :rows="2" />
                            <x-admin.textarea name="admin_notes" :label="__('admin.fields.admin_notes')" :value="$order->admin_notes" col="col-12" :rows="3" />

                            <div class="col-12">
                                <button class="btn btn-primary w-100" type="submit">
                                    <i class="bi bi-check-lg"></i> {{ __('admin.actions.save') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection