@extends('layouts.dashboard')

@section('content')

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

    <div class="card bg-base-100 shadow border border-base-300">
        <div class="card-body space-y-6">

            <div>
                <h1 class="text-3xl font-black">Upload Price List</h1>
                <p class="text-sm opacity-60">
                    Upload daily regular or clearance price list.
                </p>
            </div>

            <form method="POST"
                  action="{{ route('price-imports.store') }}"
                  enctype="multipart/form-data"
                  class="space-y-5">
                @csrf

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

                    <select name="type" class="select select-bordered w-full" required>
                        <option value="regular">Regular Items Price List</option>
                        <option value="clearance">Clearance List</option>
                    </select>
                </div>

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

                    <input type="file"
                           name="price_file"
                           accept=".xlsx,.xls,.csv,.pdf"
                           class="file-input file-input-bordered w-full"
                           required>

                    <p class="text-xs opacity-60 mt-2">
                        Supported: WIWU XLSX, XLS, CSV and PDF — up to 300 MB
                    </p>
                    <p class="text-xs opacity-60 mt-1">For the shared workbook: choose Regular for “Active SKUs” or Clearance for “Stop-Production SKUs”.</p>
                    <a href="{{ route('price-imports.template') }}" class="link link-primary text-sm mt-2 inline-block">Download the supported template</a>
                </div>

                <div class="flex gap-2">
                    <button class="btn btn-primary">
                        Upload
                    </button>

                    <a href="{{ route('price-imports.index') }}" class="btn btn-ghost">
                        Cancel
                    </a>
                </div>

            </form>

        </div>
    </div>

</div>

@endsection