@extends('merchant.layout')

@section('title','Create Order')

@section('content')

<h3 class="fw-bold mb-4">Create New Order</h3>

{{-- SUCCESS MESSAGE --}}
@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        {{ session('success') }}
        <button class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

{{-- ERROR MESSAGE --}}
@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="card border-0 shadow-sm">
    <div class="card-body">

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

            <div class="row g-3">

                {{-- Order No --}}
                <div class="col-md-6">
                    <label class="form-label">Order Number</label>
                    <input type="text" name="order_no"
                           class="form-control"
                           value="{{ old('order_no') }}"
                           placeholder="ORD-1001">
                </div>

                {{-- Customer Name --}}
                <div class="col-md-6">
                    <label class="form-label">Customer Name</label>
                    <input type="text" name="customer_name"
                           class="form-control"
                           value="{{ old('customer_name') }}" required>
                </div>

                {{-- Customer Phone --}}
                <div class="col-md-6">
                    <label class="form-label">Customer Phone</label>
                    <input type="text" name="customer_phone"
                           class="form-control"
                           value="{{ old('customer_phone') }}" required>
                </div>

                {{-- Alternate Phone --}}
                <div class="col-md-6">
                    <label class="form-label">Alternate Phone</label>
                    <input type="text" name="phone"
                           class="form-control"
                           value="{{ old('phone') }}">
                </div>

                {{-- Pickup Location --}}
                <div class="col-md-6">
                    <label class="form-label">Pickup Location</label>
                    <input type="text" name="pickup_location"
                           class="form-control"
                           value="{{ old('pickup_location') }}" required>
                </div>

                {{-- Delivery Address --}}
                <div class="col-md-6">
                    <label class="form-label">Delivery Address</label>
                    <input type="text" name="address"
                           class="form-control"
                           value="{{ old('address') }}">
                </div>

                {{-- Item Type --}}
                <div class="col-md-4">
                    <label class="form-label">Item Type</label>
                    <input type="text" name="item_type"
                           class="form-control"
                           placeholder="Documents / Parcel"
                           value="{{ old('item_type') }}" required>
                </div>

                {{-- Weight --}}
                <div class="col-md-4">
                    <label class="form-label">Weight</label>
                    <input type="text" name="weight"
                           class="form-control"
                           placeholder="1kg"
                           value="{{ old('weight') }}">
                </div>

                {{-- Amount --}}
                <div class="col-md-4">
                    <label class="form-label">Amount (LKR)</label>
                    <input type="text" name="amount"
                           class="form-control"
                           value="{{ old('amount') }}" required>
                </div>

                {{-- Payment Type --}}
                <div class="col-md-6">
                    <label class="form-label">Payment Type</label>
                    <select name="payment_type" class="form-select">
                        <option value="cod">Cash on Delivery</option>
                        <option value="online">Online</option>
                    </select>
                </div>

                {{-- Payment Method --}}
                <div class="col-md-6">
                    <label class="form-label">Payment Method</label>
                    <select name="payment_method" class="form-select">
                        <option value="cash">Cash</option>
                        <option value="card">Card</option>
                        <option value="wallet">Wallet</option>
                    </select>
                </div>

                {{-- Status --}}
                <div class="col-md-6">
                    <label class="form-label">Order Status</label>
                    <select name="status" class="form-select">
                        <option value="pending">Pending</option>
                        <option value="delivered">Delivered</option>
                        <option value="returned">Returned</option>
                        <option value="cancelled">Cancelled</option>
                    </select>
                </div>

                {{-- Description --}}
                <div class="col-md-6">
                    <label class="form-label">Description</label>
                    <input type="text" name="descriptions"
                           class="form-control"
                           value="{{ old('descriptions') }}">
                </div>

                {{-- Notes --}}
                <div class="col-12">
                    <label class="form-label">Notes</label>
                    <textarea name="notes"
                              class="form-control"
                              rows="2">{{ old('notes') }}</textarea>
                </div>

                {{-- Buttons --}}
                <div class="col-12 mt-3">
                    <button class="btn btn-primary">
                        <i class="bi bi-check-circle me-1"></i>
                        Save Order
                    </button>

                    <a href="{{ route('merchant.orders.index') }}"
                       class="btn btn-secondary ms-2">
                        Cancel
                    </a>
                </div>

            </div>
        </form>

    </div>
</div>

@endsection