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

@section('content')
<div class="mx-auto max-w-2xl">
    <div class="card">
        <div class="p-4 border-b border-slate-200">
            <h2 class="text-lg font-semibold">{{ __('Import categories') }}</h2>
            <p class="text-sm text-slate-500 mt-1">
                {{ __('CSV or Excel file. Columns: <code>name</code> (required), <code>description</code>, <code>requires_prescription</code> (yes/no).') }}
            </p>
        </div>
        <form method="POST" action="{{ route('categories.import') }}" class="p-4" enctype="multipart/form-data">
            @csrf
            <div class="mb-4">
                <label class="label">{{ __('File') }} *</label>
                <input type="file" name="file" accept=".csv,.txt,.xlsx,.xls" required class="input">
            </div>
            <button class="btn-primary">{{ __('Import') }}</button>
            <a href="{{ route('categories.index') }}" class="btn-secondary ml-2">{{ __('Cancel') }}</a>
        </form>

        @if (session('import_errors'))
            <div class="mt-4 p-4 bg-red-50 border border-red-200 rounded">
                <h3 class="font-semibold text-red-700 mb-2">{{ __('Import errors') }}</h3>
                <ul class="list-disc list-inside text-sm text-red-700">
                    @foreach (session('import_errors') as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
</div>
@endsection