@extends('layouts.app')
@section('title', 'Import Menu')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">Import / Export Menu</h4>
    <a href="{{ route('admin.menu-export.download') }}" class="btn btn-outline-dark btn-sm">Download Current Menu (CSV)</a>
</div>
<p class="small text-muted" style="max-width:600px;">
    Moving to a new install (new domain, new database)? Download the current menu here, then
    upload it on the new site's Import Menu page below — this brings over just your
    categories, items, and prices, not orders/staff/test data.
</p>

<div class="card p-4" style="max-width:600px;">
    <p class="small text-muted">
        Upload a CSV export of your menu. Expected columns (header row required,
        case-insensitive): <code>Type, Dish, Variant, Sub Menu, Category, Price</code>
        — extra columns (HS Code, Discount, Tax Rate, Description) are fine and ignored.
    </p>
    <ul class="small text-muted">
        <li><strong>Sub Menu</strong> becomes a menu group (Cafe Menu, Bar Menu, ...)</li>
        <li><strong>Category</strong> becomes a category nested under that group</li>
        <li>Rows with the same Dish + Category but different <strong>Variant</strong> values
            (e.g. "60ml", "Qtr", "Full") become variants of one item, not separate items</li>
        <li><strong>Type</strong> (Veg/Non-Veg) sets the item's diet tag</li>
        <li>Re-uploading updates existing items/prices by name match — safe to re-run
            after fixing a typo rather than creating duplicates</li>
    </ul>

    @if ($errors->any())
        <div class="alert alert-danger">{{ $errors->first() }}</div>
    @endif

    <form method="POST" action="{{ route('admin.menu-import.import') }}" enctype="multipart/form-data" class="mt-3">
        @csrf
        <input type="file" name="csv_file" accept=".csv,text/csv" class="form-control mb-3" required>
        <button class="btn btn-dark w-100">Import</button>
    </form>
</div>

<div class="alert alert-warning small mt-3" style="max-width:600px;">
    <strong>Alcohol/hookah safety check:</strong> any new menu group whose name contains words like
    "bar", "whiskey", "beer", "wine", "rum", "vodka", or "hookah" is automatically set to
    <strong>Blocked</strong> for customer QR self-ordering. Everything else defaults to Allowed.
    Always double-check <a href="{{ route('admin.menu-groups.index') }}">Menu Groups</a> after
    importing — the heuristic is a safety net, not a guarantee.
</div>
@endsection