@extends('layouts.admin')
@section('content')
    <h2>Upload Products</h2>
    @if(session('success'))
        <div class="alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert-danger">{{ session('error') }}</div>
    @endif

    <div class="card">
        <p>Select your Excel file (.xlsx) or CSV file. The file should contain headers like SKU, Product Name, Category, Price, etc.</p>
                <form action="{{ route('admin.import') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div style="margin: 20px 0;">
                <label style="display:block; margin-bottom:10px; font-weight:bold;">Import Type:</label>
                <select name="import_type" style="padding: 10px; width: 100%; max-width: 400px; margin-bottom: 20px; border: 1px solid #ccc;">
                    <option value="products">Regular Products (Rings, Necklaces, etc.)</option>
                    <option value="diamonds">Loose Diamonds</option>
                </select>
            </div>
            <div style="margin: 20px 0;">
                <label style="display:block; margin-bottom:10px; font-weight:bold;">Select Excel/CSV File:</label>
                <input type="file" name="file" required accept=".csv, .xlsx, .xls" style="padding: 10px; border: 1px solid #ccc; width: 100%; max-width: 400px;">
            </div>
            <button type="submit" class="btn">Upload & Import</button>
        </form>
    </div>
@endsection