@extends('layouts.dashboard')

@section('content')
<div class="max-w-3xl mx-auto p-6 space-y-6">

    <div>
        <h1 class="text-3xl font-black">Upload Van Stock</h1>
        <p class="text-sm opacity-60 mt-1">Upload Excel file with SKU, barcode, description, category and balance quantity.</p>
    </div>

    <form method="POST"
          action="{{ route('van-stocks.store') }}"
          enctype="multipart/form-data"
          class="rounded-3xl bg-white border border-gray-200 shadow-sm p-6 space-y-5">
        @csrf

        @if(auth()->user()->isAdmin())
        <div>
            <label class="font-black text-sm" for="salesman_id">Salesman Account (required)</label>
            <select name="salesman_id" id="salesman_id" required class="select select-bordered w-full mt-2">
                <option value="">Select the owner of this van stock</option>
                @foreach($salesmen as $salesman)
                    <option value="{{ $salesman->id }}" @selected(old('salesman_id') == $salesman->id)>{{ $salesman->name }}</option>
                @endforeach
            </select>
            @error('salesman_id')<div class="text-red-600 text-sm mt-1">{{ $message }}</div>@enderror
        </div>
        @endif

        <div>
            <label class="font-black text-sm">Van Name</label>
            <input type="text"
                   name="van_name"
                   value="{{ old('van_name') }}"
                   placeholder="Example: Toyota Hiace - 30734 Abdallah"
                   class="input input-bordered w-full mt-2">
            <div class="text-xs text-slate-500 mt-1">Optional. The system will also try to detect van name from Excel.</div>
            @error('van_name')
                <div class="text-red-600 text-sm mt-1">{{ $message }}</div>
            @enderror
        </div>

        <div>
            <label class="font-black text-sm">Van Stock Excel File</label>
            <input type="file"
                   name="stock_file"
                   accept=".xlsx,.xls,.csv"
                   required
                   class="file-input file-input-bordered w-full mt-2">
            @error('stock_file')
                <div class="text-red-600 text-sm mt-1">{{ $message }}</div>
            @enderror
        </div>

        <div class="rounded-2xl bg-cyan-50 border border-cyan-100 p-4 text-sm text-cyan-900">
            WIWU Stock Movement: <b>Balance Qty must be in column J</b>. Select the correct salesman; the upload replaces the active snapshot for that salesman only. Zero and negative rows are not added as available stock.
        </div>

        <button class="btn btn-primary w-full">
            Import Van Stock
        </button>
    </form>
</div>
@endsection