@extends('layouts.admin')
@section('content')
<div class="card admin-card">
    <div class="card-body p-4">
        <div class="admin-toolbar">
            <div>
                <h1 class="h3 mb-1">{{ $order->exists ? 'Edit order' : 'Create order' }}</h1>
                <div class="small text-muted">Manage the admin-level order record, status, totals, shipping method, and internal notes.</div>
            </div>
            <div class="d-flex flex-wrap gap-2">
                @if($order->exists)
                    <form method="post" action="{{ route('admin.orders.destroy', $order) }}" onsubmit="return confirm('Delete this order?');">
                        @csrf
                        @method('DELETE')
                        <button class="btn admin-btn admin-btn-danger"><i class="fa-solid fa-trash"></i><span>Delete order</span></button>
                    </form>
                @endif
                <a href="{{ $order->exists ? route('admin.orders.show',$order) : route('admin.orders.index') }}" class="btn admin-btn admin-btn-secondary"><i class="fa-solid fa-arrow-left"></i><span>Back</span></a>
            </div>
        </div>

        <form method="post" action="{{ $order->exists ? route('admin.orders.update',$order) : route('admin.orders.store') }}" class="row g-3 admin-form-grid">
            @csrf
            @if($order->exists)
                @method('PUT')
            @endif

            <div class="col-md-4">
                <label class="form-label" for="order_number">Order number</label>
                <input id="order_number" name="order_number" value="{{ old('order_number', $order->order_number) }}" class="form-control" data-autofill="{{ $order->exists ? 'false' : 'true' }}">
                <div class="form-text">Auto generates, but can be modified.</div>
            </div>
            <div class="col-md-4">
                <label class="form-label" for="user_id">Customer</label>
                <select id="user_id" name="user_id" class="form-select">
                    <option value="">Guest</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" @selected((string) old('user_id', $order->user_id) === (string) $user->id)>{{ $user->name }} ({{ $user->email }})</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label" for="shipping_method_id">Shipping method</label>
                <select id="shipping_method_id" name="shipping_method_id" class="form-select">
                    <option value="">Not assigned</option>
                    @foreach($shippingMethods as $shippingMethod)
                        <option value="{{ $shippingMethod->id }}" @selected((string) old('shipping_method_id', $order->shipping_method_id) === (string) $shippingMethod->id)>{{ $shippingMethod->name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-3">
                <label class="form-label" for="status">Status</label>
                <select id="status" name="status" class="form-select">
                    @foreach($orderStatuses as $status)
                        <option value="{{ $status }}" @selected(old('status', $order->status) === $status)>{{ \Illuminate\Support\Str::headline(str_replace('_', ' ', $status)) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label" for="payment_status">Payment status</label>
                <select id="payment_status" name="payment_status" class="form-select">
                    @foreach($paymentStatuses as $paymentStatus)
                        <option value="{{ $paymentStatus }}" @selected(old('payment_status', $order->payment_status) === $paymentStatus)>{{ \Illuminate\Support\Str::headline(str_replace('_', ' ', $paymentStatus)) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label" for="payment_method">Payment method</label>
                <select id="payment_method" name="payment_method" class="form-select">
                    <option value="">Select payment method</option>
                    @foreach($paymentMethods as $paymentMethod)
                        <option value="{{ $paymentMethod }}" @selected(old('payment_method', $order->payment_method) === $paymentMethod)>{{ \Illuminate\Support\Str::headline(str_replace('_', ' ', $paymentMethod)) }}</option>
                    @endforeach
                    @if(old('payment_method', $order->payment_method) && ! in_array(old('payment_method', $order->payment_method), $paymentMethods, true))
                        <option value="{{ old('payment_method', $order->payment_method) }}" selected>{{ \Illuminate\Support\Str::headline(str_replace('_', ' ', old('payment_method', $order->payment_method))) }}</option>
                    @endif
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label" for="transaction_reference">Transaction reference</label>
                <input id="transaction_reference" name="transaction_reference" value="{{ old('transaction_reference', $order->transaction_reference) }}" class="form-control">
            </div>

            <div class="col-md-3">
                <label class="form-label" for="subtotal">Subtotal</label>
                <input id="subtotal" name="subtotal" value="{{ old('subtotal', $order->subtotal) }}" class="form-control">
            </div>
            <div class="col-md-3">
                <label class="form-label" for="shipping_total">Shipping total</label>
                <input id="shipping_total" name="shipping_total" value="{{ old('shipping_total', $order->shipping_total) }}" class="form-control">
            </div>
            <div class="col-md-3">
                <label class="form-label" for="discount_total">Discount total</label>
                <input id="discount_total" name="discount_total" value="{{ old('discount_total', $order->discount_total) }}" class="form-control">
            </div>
            <div class="col-md-3">
                <label class="form-label" for="grand_total">Grand total</label>
                <input id="grand_total" name="grand_total" value="{{ old('grand_total', $order->grand_total) }}" class="form-control">
            </div>

            <div class="col-md-6">
                <label class="form-label" for="tracking_number">Tracking number</label>
                <input id="tracking_number" name="tracking_number" value="{{ old('tracking_number', $order->tracking_number) }}" class="form-control">
            </div>
            <div class="col-12">
                <label class="form-label" for="admin_notes">Admin notes</label>
                <textarea id="admin_notes" name="admin_notes" class="form-control" rows="4">{{ old('admin_notes', $order->admin_notes) }}</textarea>
            </div>

            <div class="col-12 d-flex gap-2">
                <button class="btn admin-btn admin-btn-primary"><i class="fa-solid fa-floppy-disk"></i><span>{{ $order->exists ? 'Save order' : 'Create order' }}</span></button>
                <a href="{{ $order->exists ? route('admin.orders.show',$order) : route('admin.orders.index') }}" class="btn admin-btn admin-btn-secondary"><i class="fa-solid fa-xmark"></i><span>Cancel</span></a>
            </div>
        </form>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', () => {
        const orderNumberInput = document.getElementById('order_number');

        if (!orderNumberInput) {
            return;
        }

        const isAutoFillEnabled = (input) => input.dataset.autofill !== 'false';
        const pad = (value) => value.toString().padStart(2, '0');
        const buildOrderNumber = () => {
            const now = new Date();
            const date = `${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}`;
            const time = `${pad(now.getHours())}${pad(now.getMinutes())}`;

            return `ADM-${date}-${time}`;
        };

        if (isAutoFillEnabled(orderNumberInput) && !orderNumberInput.value.trim()) {
            orderNumberInput.value = buildOrderNumber();
        }

        orderNumberInput.addEventListener('input', () => {
            orderNumberInput.dataset.autofill = orderNumberInput.value.trim() === '' ? 'true' : 'false';
        });
    });
</script>
@endsection