@php
/**
 * Getting a menu in and out — the whole of it, in one place.
 *
 * What this replaces: choosing a radio, filling a panel, naming the result and pressing Read —
 * four steps of ceremony for one job — with CSV buried inside "upload a file" and its own Export
 * living on a different screen. Here each way in is ONE click that starts immediately, import
 * and export of the same format sit together, and a saved import is a working document you can
 * rename, take to a spreadsheet, and bring back.
 *
 * The three entries are read from App\Services\MenuImportMethod, so a fourth way in is one
 * registry entry and no change here.
 *
 * @var array  $drafts    imports awaiting review
 * @var string $exportQs  active filter/sort carried onto the menu export link
 */
use App\Services\MenuImportMethod;

$drafts   = $drafts ?? [];
$exportQs = (string) ($exportQs ?? '');
// listed(), not offered(): a method the platform has switched off is still shown, greyed, so the
// capability is discoverable instead of merely absent.
$methods  = MenuImportMethod::listed();
// On the Import page the methods are already the vertical nav, so this partial contributes only
// the saved menus and the export beside them — rendering the tiles again would be the same
// screen offering the same six choices twice.
$listOnly = !empty($listOnly);
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            @php /* When the methods live in the nav beside this card, what is left here is the
                     saved menus — so it is titled as that. It kept "Bring your menu in" over a
                     card that no longer offers a way in, with "Saved menus" repeated inside it. */
@endphp
            <h2 class="mb-0">{!! $listOnly ? t('vendor.menu.draft_list_title') : t('vendor.menu.transfer_title') !!}</h2>
        </div>
        <a class="qm-btn qm-btn-sm qm-btn-outline" href="{{ url('/vendor/menu/export' . ($exportQs !== '' ? '?' . $exportQs : '')) }}"><i class="fas fa-file-csv me-1" aria-hidden="true"></i> {{ t_raw('vendor.menu.export_btn') }}</a>
    </div>

    @if ($methods && !$listOnly)
    <div class="qm-form-grid {{ count($methods) === 2 ? 'qm-form-grid-2' : 'qm-form-grid-3' }}">
        @foreach ($methods as $entry)
@php $m     = $entry['method'];
            $live  = $entry['available'];
            $icon  = MenuImportMethod::icon($m); @endphp
        @if (!$live)
        @php /* Switched off by the platform, shown anyway. Hiding it was safe and silent — a
                 buyer with AI off never learned the product could read a photographed menu, and
                 so never had a reason to ask for it. Greyed and inert: visible, not a dead end. */
@endphp
        <span class="qm-setup-row opacity-50" aria-disabled="true">
            <span class="qm-setup-ic" aria-hidden="true">{!! $icon !== '' ? '<i class="fas ' . e($icon) . '"></i>' : google_mark(20) !!}</span>
            <span class="qm-setup-tx">
                <span class="nm">{{ MenuImportMethod::label($m) }}</span>
                <span class="ds">{{ MenuImportMethod::unavailableReason($m) }}</span>
            </span>
        </span>
        @continue @endif
        @php /* One click starts the thing. CSV opens a file picker with no page in between,
                 because a spreadsheet needs no model, no key and no consent screen. */
@endphp
        @if ($m === MenuImportMethod::CSV)
        <form method="post" action="{{ route('vendor.menu.import.read') }}" enctype="multipart/form-data" data-csv-form>
            @csrf
            <input type="hidden" name="source" value="csv">
            <input type="file" class="visually-hidden" name="menu_file" accept=".csv,text/csv" data-csv-input>
            <button type="button" class="qm-setup-row w-100 text-start border-0" data-csv-pick>
                <span class="qm-setup-ic" aria-hidden="true"><i class="fas {{ $icon }}"></i></span>
                <span class="qm-setup-tx">
                    <span class="nm">{{ MenuImportMethod::label($m) }}</span>
                    <span class="ds">{{ MenuImportMethod::sub($m) }}</span>
                </span>
            </button>
        </form>
        @else
        @php /* Each tile opens ITS OWN panel. Every non-Google method used to link to ?src=text,
                 so choosing "Import a document" or "Import from another location" landed the
                 vendor on the paste box — the method they picked was simply lost. */
@endphp
        @php $firstInput = MenuImportMethod::inputs($m);
@endphp
        <a class="qm-setup-row" href="{{ url('/vendor/menu/import?src=' . ($firstInput ? $firstInput[0] : $m)) }}">
            <span class="qm-setup-ic" aria-hidden="true">{!! $icon !== '' ? '<i class="fas ' . e($icon) . '"></i>' : google_mark(20) !!}</span>
            <span class="qm-setup-tx">
                <span class="nm">{{ MenuImportMethod::label($m) }}</span>
                <span class="ds">{{ MenuImportMethod::sub($m) }}</span>
            </span>
        </a>
        @endif
        @endforeach
    </div>
    @endif

    @php /* Saved imports live HERE, beside the ways that make them — not behind a tab where
             the one you started yesterday is invisible. */
@endphp
    @if ($drafts)
    @if (!$listOnly)<div class="qm-form-section mt-4">{{ t_raw('vendor.menu.draft_list_title') }}</div>@endif
    <div class="table-responsive">
        <table class="qm-table">
            <thead>
                <tr>
                    <th>{{ t_raw('vendor.menu.draft_col_name') }}</th>
                    <th>{{ t_raw('vendor.menu.draft_col_source') }}</th>
                    <th>{{ t_raw('vendor.menu.draft_col_dishes') }}</th>
                    <th>{{ t_raw('common.date') }}</th>
                    <th class="text-end">{{ t_raw('common.actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($drafts as $d)
@php $id = (int) $d['id']; @endphp
                <tr>
                    <td><strong>{{ (string) $d['name'] }}</strong></td>
                    <td>{{ MenuImportMethod::label(MenuImportMethod::ofInput((string) $d['source'])) }}</td>
                    <td>{{ number_format((int) $d['dish_count']) }}</td>
                    <td>{!! fmt_datetime((string) $d['created_at']) !!}</td>
                    <td class="qm-actions-cell">
                        @php /* The shared row-actions component: the two constant actions stay
                                 inline, the rest fold behind ⋮ — so a row reads calmly. */
@endphp
                        @partial('row-actions', ['actions' => [
                            ['label' => t_raw('vendor.menu.draft_resume_btn'), 'icon' => 'fa-eye', 'primary' => true,
                             'href' => '/vendor/menu/import?draft=' . $id],
                            ['label' => t_raw('vendor.menu.draft_export_btn'), 'icon' => 'fa-file-csv',
                             'href' => '/vendor/menu/import/export?draft=' . $id],
                            ['label' => t_raw('vendor.menu.draft_rename_btn'), 'icon' => 'fa-pen',
                             'attrs' => ['data-draft-rename' => '1', 'data-id' => (string) $id, 'data-name' => (string) $d['name'],
                                         'data-bs-toggle' => 'modal', 'data-bs-target' => '#draftModal']],
                            ['label' => t_raw('vendor.menu.draft_discard_btn'), 'icon' => 'fa-trash-alt', 'danger' => true,
                             'form' => ['action' => '/vendor/menu/import/delete', 'fields' => ['draft' => $id],
                                        'confirm' => t_raw('vendor.menu.draft_confirm_delete')]],
                        ]])
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @endif
</div>

@if ($drafts)
<!-- Rename modal — one dialog reused by every row, the same pattern as the category modal. -->
<div class="modal fade" id="draftModal" tabindex="-1" aria-labelledby="draft-modal-title" aria-hidden="true">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('vendor.menu.import.rename') }}">
            @csrf
            <input type="hidden" name="draft" id="draft-id" value="">
            <div class="modal-header"><h2 class="modal-title h5" id="draft-modal-title">{{ t_raw('vendor.menu.draft_rename_btn') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <label class="form-label" for="draft-name">{{ t_raw('vendor.menu.draft_name_label') }}</label>
                <input type="text" class="form-control" id="draft-name" name="name" maxlength="120" required>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('common.save') }}</button></div>
        </form>
    </div>
</div>
@endif

<script>
(function () {
  'use strict';
  // CSV: the card IS the file picker. Choosing a file submits — no intermediate page, no radio.
  var pick = document.querySelector('[data-csv-pick]');
  var input = document.querySelector('[data-csv-input]');
  if (pick && input) {
    pick.addEventListener('click', function () { input.click(); });
    input.addEventListener('change', function () {
      if (input.files && input.files.length) { input.closest('form').submit(); }
    });
  }
  // Rename: one modal, filled from whichever row opened it.
  Array.prototype.forEach.call(document.querySelectorAll('[data-draft-rename]'), function (btn) {
    btn.addEventListener('click', function () {
      document.getElementById('draft-id').value = btn.getAttribute('data-id') || '';
      document.getElementById('draft-name').value = btn.getAttribute('data-name') || '';
    });
  });
})();
</script>