@extends('layouts.app')
@section('title', __('Import Products'))

@section('content')
    <div class="mx-auto max-w-2xl">
        <div class="card">
            <h2 class="font-semibold text-slate-800">{{ __('Import products from CSV / Excel') }}</h2>
            <p class="mt-1 text-sm text-slate-500">{{ __('Upload a file with a header row. Recognized columns: name, generic_name, category, barcode, sku, unit, purchase_price, selling_price, vat_rate, min_stock, reorder_quantity, requires_prescription, description, batch_number, expiration_date, quantity') }}</p>

            @if (session('import_errors'))
                <div class="mt-4 rounded-lg bg-amber-50 p-3 text-xs text-amber-800">
                    @foreach (session('import_errors') as $error)<p>{{ $error }}</p>@endforeach
                </div>
            @endif

            @if (session('import_categories'))
                <div class="mt-4 rounded-lg bg-brand-50 p-3 text-xs text-brand-800">
                    <p class="font-semibold">{{ __('Categories created automatically') }}</p>
                    @foreach (session('import_categories') as $category)<p>{{ $category }}</p>@endforeach
                </div>
            @endif

            <form method="POST" action="{{ route('products.import') }}" enctype="multipart/form-data" class="mt-5 space-y-4">
                @csrf
                <div>
                    <label class="label">{{ __('File (CSV / XLSX)') }}</label>
                    <input type="file" name="file" accept=".csv,.txt,.xlsx,.xls" required class="input">
                </div>
                <div>
                    <label class="label">{{ __('Assign to supplier (optional)') }}</label>
                    <select name="supplier_id" class="input">
                        <option value="">{{ __('None') }}</option>
                        @foreach (\App\Models\Supplier::orderBy('name')->get() as $supplier)
                            <option value="{{ $supplier->id }}">{{ $supplier->name }}</option>
                        @endforeach
                    </select>
                </div>
                <label class="flex items-start gap-2 text-sm text-slate-600">
                    <input type="checkbox" name="create_categories" value="1" @checked(old('create_categories', true)) class="mt-1">
                    <span>
                        {{ __('Create the missing categories automatically') }}
                        <span class="block text-xs text-slate-400">{{ __('Any category referenced by the file but unknown by the pharmacy is created during the import, so no product is imported without a category.') }}</span>
                    </span>
                </label>
                <div class="flex gap-2">
                    <button class="btn-primary">{{ __('Start import') }}</button>
                    <a href="{{ route('products.index') }}" class="btn-secondary">{{ __('Cancel') }}</a>
                </div>
            </form>

            <div class="mt-5 rounded-lg bg-slate-50 p-3 text-xs text-slate-500">
                <p class="font-semibold">{{ __('Sample CSV header') }}</p>
                <code>name,generic_name,category,barcode,purchase_price,selling_price,vat_rate,min_stock,quantity,expiration_date</code>
                <p class="mt-2">{{ __('The category column accepts a category name (recommended) or a category id.') }}</p>
                <p class="mt-1">{{ __('French headers are accepted (Nom du produit, Catégorie, Prix de vente, Code-barres, Quantité…), as well as a semicolon or tab separator and a UTF-8 BOM.') }}</p>
            </div>
        </div>
    </div>
@endsection