@extends('layouts.dashboard')

@section('content')
@php
/**
 * Vendor → Printable menu: every saved fold design as a live preview card (studio-grid),
 * plus New / Print / Edit. Shares the ONE studio-grid pattern with TV Screens + QR — no
 * page-scoped card styling of its own.
 *
 * @var array $menus     rows: id, name, config
 * @var bool  $canManage
 */
$menus     = $menus ?? [];
$canManage = $canManage ?? false;
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@php ob_start();
@endphp
@if ($canManage)
<a class="qm-btn" href="{{ route('vendor.menu.print.new') }}"><i class="fas fa-plus me-1" aria-hidden="true"></i> {{ t_raw('vendor.print_menu.btn_add') }}</a>
@endif
@php \App\Support\View::slot('subhead', ob_get_clean());
@endphp
<div class="qm-ops-head">
    <div>
        <h2 class="qm-snap-section-title mb-1"><span class="qm-snap-title-bar" aria-hidden="true"></span>{{ t_raw('vendor.print_menu.list_heading') }}</h2>
        <p class="qm-ops-sub mb-0">{{ t_raw('vendor.print_menu.subtitle') }}</p>
    </div>
</div>

@if (count($menus) === 0)
<div class="qm-card qm-card-pad text-center">
    <p class="mb-2"><strong>{{ t_raw('vendor.print_menu.empty_title') }}</strong></p>
    <p class="qm-ops-sub mb-3">{{ t_raw('vendor.print_menu.empty_body') }}</p>
    @if ($canManage)
    <a class="qm-btn" href="{{ route('vendor.menu.print.new') }}"><i class="fas fa-plus me-1" aria-hidden="true"></i> {{ t_raw('vendor.print_menu.btn_add') }}</a>
    @endif
</div>
@else
@php
$cards = [];
@endphp
@foreach ($menus as $m)
@php
$mid = (int) $m['id'];
ob_start();
@endphp
            <a class="qm-btn qm-btn-sm qm-btn-outline" href="{{ url('/vendor/menu/print/' . $mid . '/sheet') }}" target="_blank" rel="noopener"><i class="fas fa-print me-1" aria-hidden="true"></i> {{ t_raw('vendor.print_menu.print_btn') }}</a>
            @if ($canManage)
            <form method="post" action="{{ url('/vendor/menu/print/' . $mid . '/duplicate') }}">
                @csrf
                <button type="submit" class="qm-btn qm-btn-sm qm-btn-ghost" title="{{ t_raw('vendor.print_menu.duplicate') }}"><i class="fas fa-copy" aria-hidden="true"></i></button>
            </form>
            <form method="post" action="{{ route('vendor.menu.print.delete') }}" data-confirm="{{ t('vendor.print_menu.confirm_delete') }}">
                @csrf
                <input type="hidden" name="id" value="{{ $mid }}">
                <button type="submit" class="qm-btn qm-btn-sm qm-btn-danger" title="{{ t_raw('common.delete') }}"><i class="fas fa-trash" aria-hidden="true"></i></button>
            </form>
            @endif
            <a class="qm-btn qm-btn-sm qm-btn-outline" href="{{ url('/vendor/menu/print/' . $mid) }}">{{ t_raw('common.edit') }}</a>
        @php
$actions = ob_get_clean();
// A double-sided menu's thumbnail shows the FRONT and flips to the BACK on hover (never both sides on
// one card) — same interaction as the admin gallery.
$cfg   = \App\Models\PrintMenu::config($m);
$base  = url('/vendor/menu/print/' . $mid . '/sheet?mode=preview');
$title = e($m['name']);
if (!empty($cfg['doubleSided'])) {
            $media = '<div class="pm-flip"><div class="pm-flip-inner">'
                . '<div class="pm-flip-face pm-flip-front"><iframe src="' . e($base . '&side=front') . '" loading="lazy" tabindex="-1" scrolling="no" title="' . $title . '"></iframe></div>'
                . '<div class="pm-flip-face pm-flip-back"><iframe src="' . e($base . '&side=back') . '" loading="lazy" tabindex="-1" scrolling="no" title="' . $title . '"></iframe></div>'
                . '</div><span class="pm-flip-badge" title="' . e(t('admin.design_templates.two_sided')) . '" aria-label="' . e(t('admin.design_templates.two_sided')) . '"><i class="fas fa-sync-alt" aria-hidden="true"></i></span></div>';
        } else {
            $media = '<iframe src="' . e($base) . '" loading="lazy" tabindex="-1" scrolling="no" title="' . $title . '"></iframe>';
        }
        $cards[] = [
            'media'   => $media,
            'href'    => url('/vendor/menu/print/' . $mid),
            'name'    => $m['name'],
            'actions' => $actions,
        ];
@endphp
@endforeach
@php
// 'snap': the sheet itself has square corners (it is paper), so the CARD supplies the rounding — the
// preview is inset as its own rounded snapshot tile instead of running to the card edge.
echo partial('studio-grid', ['cards' => $cards, 'mode' => 'frame', 'cols' => 3, 'ratio' => '4 / 3', 'tone' => 'paper', 'snap' => true]);
@endphp
@endif

</div>@php /* /.qm-d2 */
@endphp
@endsection