@extends('layouts.admin')
@section('page-title', 'Import Products')
@section('content')
<div class="royal-card overflow-hidden max-w-2xl">
    <div class="p-6 border-b border-gray-200"><h3 class="text-lg font-semibold text-gray-900">Import Products</h3><p class="text-sm text-gray-500 mt-1">Upload a CSV or Excel file to bulk import products</p></div>
    <div class="p-6">
        <form action="{{ route('admin.products.import.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">Upload File</label>
                <input type="file" name="file" accept=".csv,.xlsx,.xls" class="w-full px-4 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none">
                <p class="text-xs text-gray-500 mt-1">Accepted formats: CSV, XLSX, XLS (max 10MB)</p>
            </div>
            <button type="submit" class="royal-btn w-full">Import Products</button>
        </form>
    </div>
</div>
@endsection