@extends('admin.layouts.app')

@section('content')
<div class="bg-white rounded-xl shadow p-6 max-w-xl">

    <h1 class="text-2xl font-black mb-6">Tambah Order</h1>

    <form action="{{ route('admin.orders.store') }}" method="POST">
        @csrf

        <input type="hidden" name="product_id" value="1">

        <input type="hidden" name="order_date" value="{{ now() }}">

        <input type="text" name="customer_name"
               placeholder="Nama Customer"
               class="w-full border p-2 mb-3 rounded" required>

        <textarea name="customer_address"
                  placeholder="Alamat"
                  class="w-full border p-2 mb-3 rounded" required></textarea>

        <input type="text" name="customer_phone"
               placeholder="No HP"
               class="w-full border p-2 mb-3 rounded" required>

        <input type="text" name="size"
               placeholder="Size (S/M/L/XL)"
               class="w-full border p-2 mb-3 rounded" required>

        <input type="number" name="quantity"
               placeholder="Jumlah"
               class="w-full border p-2 mb-3 rounded" required>

        <input type="number" name="total_price"
               placeholder="Total Harga"
               class="w-full border p-2 mb-3 rounded" required>

        <select name="payment_method" class="w-full border p-2 mb-3 rounded">
            <option value="COD">COD</option>
            <option value="Transfer">Transfer</option>
        </select>

        <select name="status" class="w-full border p-2 mb-4 rounded">
            <option value="pending">Pending</option>
            <option value="paid">Paid</option>
            <option value="process">Process</option>
            <option value="done">Done</option>
        </select>

        <div class="flex gap-3">
            <button class="px-5 py-2 bg-green-600 text-white rounded font-bold">
                Simpan
            </button>

            <a href="{{ route('admin.orders.index') }}"
               class="px-5 py-2 bg-gray-200 rounded font-bold">
                Batal
            </a>
        </div>
    </form>

</div>
@endsection