@extends('layouts.admin')
@section('title','New draft order')
@section('content')
<x-admin.page title="New draft order" subtitle="Build a custom/wholesale draft, email an invoice, then convert when payment clears.">
    <x-slot:actions>
        <a href="{{ route('admin.draft-orders.index') }}" class="admin-btn">
            <i data-lucide="arrow-left" class="h-3.5 w-3.5"></i>
            Back to drafts
        </a>
    </x-slot:actions>

    <form method="post" action="{{ route('admin.draft-orders.store') }}" class="grid gap-4 lg:grid-cols-[minmax(0,1.3fr)_minmax(18rem,.8fr)]">
        @csrf

        <div class="grid gap-4 content-start">
            <x-admin.card>
                <h2 class="mb-4 text-base font-semibold">Customer</h2>
                <div class="grid gap-3 sm:grid-cols-2">
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175] sm:col-span-2">
                        Email *
                        <input type="email" name="email" value="{{ old('email') }}" required class="admin-input">
                        @error('email')<span class="text-[var(--color-danger)]">{{ $message }}</span>@enderror
                    </label>
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        Company
                        <input name="company_name" value="{{ old('company_name') }}" class="admin-input">
                    </label>
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        Phone
                        <input name="phone" value="{{ old('phone') }}" class="admin-input">
                    </label>
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        Country
                        <select name="country" class="admin-select">
                            @foreach(['AU','NZ','US','GB','CA'] as $code)
                                <option value="{{ $code }}" @selected(old('country', 'AU') === $code)>{{ $code }}</option>
                            @endforeach
                        </select>
                    </label>
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        Source
                        <select name="source" class="admin-select">
                            @foreach(['admin','phone','email','wholesale','quote','trade_show'] as $source)
                                <option value="{{ $source }}" @selected(old('source', 'admin') === $source)>{{ ucwords(str_replace('_',' ', $source)) }}</option>
                            @endforeach
                        </select>
                    </label>
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        Payment terms
                        <select name="payment_terms" class="admin-select">
                            @foreach(['due_on_receipt','net_7','net_14','net_30'] as $term)
                                <option value="{{ $term }}" @selected(old('payment_terms', 'due_on_receipt') === $term)>{{ ucwords(str_replace('_',' ', $term)) }}</option>
                            @endforeach
                        </select>
                    </label>
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        PO number
                        <input name="po_number" value="{{ old('po_number') }}" class="admin-input">
                    </label>
                </div>
            </x-admin.card>

            <x-admin.card>
                <h2 class="mb-1 text-base font-semibold">Line items</h2>
                <p class="mb-4 text-xs text-[#8c9196]">Prices are in cents (e.g. 32999 = AUD 329.99).</p>
                <div class="space-y-2" id="draft-lines-simple">
                    @for($i = 0; $i < 4; $i++)
                        <div class="grid gap-2 sm:grid-cols-[minmax(0,1.4fr)_7rem_5rem_7rem]">
                            <input name="lines_simple[{{ $i }}][title]" value="{{ old("lines_simple.$i.title") }}" placeholder="Title" class="admin-input">
                            <input name="lines_simple[{{ $i }}][sku]" value="{{ old("lines_simple.$i.sku") }}" placeholder="SKU" class="admin-input">
                            <input type="number" name="lines_simple[{{ $i }}][quantity]" min="1" value="{{ old("lines_simple.$i.quantity") }}" placeholder="Qty" class="admin-input">
                            <input type="number" name="lines_simple[{{ $i }}][unit_price_cents]" min="0" value="{{ old("lines_simple.$i.unit_price_cents") }}" placeholder="Unit ¢" class="admin-input">
                        </div>
                    @endfor
                </div>
                @error('lines_simple')<p class="mt-2 text-sm text-[var(--color-danger)]">{{ $message }}</p>@enderror
                <label class="mt-4 grid gap-1 text-xs font-medium text-[#6d7175]">
                    Lines JSON override (optional)
                    <textarea name="lines_json" rows="4" class="admin-input font-mono text-xs" placeholder='[{"title":"Ring","quantity":1,"unit_price_cents":32999}]'>{{ old('lines_json') }}</textarea>
                </label>
            </x-admin.card>
        </div>

        <div class="grid gap-4 content-start">
            <x-admin.card>
                <h2 class="mb-3 text-base font-semibold">Totals & notes</h2>
                <div class="grid gap-3">
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        Discount (cents)
                        <input type="number" name="discount_cents" min="0" value="{{ old('discount_cents', 0) }}" class="admin-input">
                    </label>
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        Shipping (cents)
                        <input type="number" name="shipping_cents" min="0" value="{{ old('shipping_cents', 0) }}" class="admin-input">
                    </label>
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        Tax (cents)
                        <input type="number" name="tax_cents" min="0" value="{{ old('tax_cents', 0) }}" class="admin-input">
                    </label>
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        Customer note
                        <textarea name="customer_note" rows="3" class="admin-input">{{ old('customer_note') }}</textarea>
                    </label>
                    <label class="grid gap-1 text-xs font-medium text-[#6d7175]">
                        Staff note
                        <textarea name="staff_note" rows="3" class="admin-input">{{ old('staff_note') }}</textarea>
                    </label>
                </div>
            </x-admin.card>

            <button class="admin-btn admin-btn-primary w-full justify-center">
                <i data-lucide="check" class="h-3.5 w-3.5"></i>
                Create draft
            </button>
        </div>
    </form>
</x-admin.page>
@endsection