@extends('layouts.dashboard')

@section('content')

<div class="max-w-3xl mx-auto">

    <div class="card bg-base-100 shadow-xl">
        <div class="card-body">

            <h1 class="text-3xl font-black">
                Upload Shipment
            </h1>

            <form method="POST"
                  action="{{ route('shipments.store') }}"
                  enctype="multipart/form-data"
                  class="space-y-6">

                @csrf

                <div>
                    <label class="label">
                        <span class="label-text">
                            Shipment Type
                        </span>
                    </label>

                    <select name="shipment_type"
                            class="select select-bordered w-full"
                            required>
                        <option value="air">Air Shipment</option>
                        <option value="sea">Sea Shipment</option>
                        <option value="container">Container Shipment</option>
                    </select>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <label class="form-control"><span class="label-text mb-2">Shipped date</span><input type="date" name="shipped_at" value="{{ old('shipped_at') }}" class="input input-bordered"></label>
                    <label class="form-control"><span class="label-text mb-2">Expected arrival</span><input type="date" name="expected_at" value="{{ old('expected_at') }}" class="input input-bordered"></label>
                    <label class="form-control"><span class="label-text mb-2">Container number</span><input name="container_no" value="{{ old('container_no') }}" class="input input-bordered"></label>
                    <label class="form-control"><span class="label-text mb-2">Bill of lading</span><input name="bill_of_lading" value="{{ old('bill_of_lading') }}" class="input input-bordered"></label>
                    <label class="form-control"><span class="label-text mb-2">Purchase order</span><input name="purchase_order_no" value="{{ old('purchase_order_no') }}" class="input input-bordered"></label>
                    <label class="form-control"><span class="label-text mb-2">Supplier invoice</span><input name="invoice_no" value="{{ old('invoice_no') }}" class="input input-bordered"></label>
                </div>

                <div>
                    <label class="label">
                        <span class="label-text">
                            Shipment Excel File
                        </span>
                    </label>

                    <input type="file"
                           name="shipment_file"
                           class="file-input file-input-bordered w-full"
                           accept=".xlsx,.xls,.csv"
                           required>
                    <p class="text-xs opacity-60 mt-2">XLSX, XLS or CSV — maximum 100 MB</p>
                </div>

                <button class="btn btn-primary">
                    Upload Shipment
                </button>
                <a href="{{ route('shipments.index') }}" class="btn btn-ghost">Cancel</a>

            </form>

        </div>
    </div>

</div>

@endsection