@php
/**
 * The output controls for anything a user designs to put on paper.
 *
 * ONE component, used identically by every printable surface: table QR cards, payment QR cards,
 * the printable menu and the receipt designer. Same position, same order, same labels everywhere.
 *
 * It exists because four screens had each grown their own answer to "how do I get this printed" —
 * two buttons on one, none on another, an Export dropdown on a third, and a print hidden inside it
 * labelled as a file format. Every one was reasonable alone and the set was incoherent. A surface
 * that cannot support an option omits it; it never reorders, renames or relocates the rest.
 *
 * @var string $target   CSS selector of the element to print or rasterise
 * @var string $name     file stem for exports (no extension)
 * @var bool   $nup      offer "multiple per sheet" — false where the medium has no sheet (receipt roll)
 * @var bool   $test     offer "Test print" — true only where output targets fixed hardware
 * @var bool   $compact  icon-only toggle for narrow action rows (card grids); the label moves to title
 * @var string $page     optional @page rule this surface needs while printing
 * @var string $pageNup  optional @page rule for the multiple-per-sheet run
 */
$target  = $target  ?? '';
$name    = $name    ?? 'document';
$nup     = $nup     ?? true;
$test    = $test    ?? false;
$compact = $compact ?? false;
$page    = $page    ?? '';
$pageNup = $pageNup ?? '@page { size: A4 portrait; margin: 10mm; }';

if ($target === '') { return; }
@endphp
<div class="qm-print-actions d-flex gap-2" data-print-actions
     data-target="{{ $target }}"
     data-name="{{ $name }}"
     data-page="{!! $page !!}"
     data-page-nup="{{ $pageNup }}">

    @if ($test)
    @php /* Only where the output goes to a fixed device. A receipt design can be perfect on screen
             and wrong on an 80mm roll, and this is the only way to find out before a customer does. */
@endphp
    <button type="button" class="qm-btn qm-btn-outline" data-pa="test">
        <i class="fas fa-vial me-1" aria-hidden="true"></i>{{ t_raw('print.test_print') }}
    </button>
    @endif

    @php /* One menu, not a button beside a menu. Print and the file formats answer the same
             question, so they live together; the rule separates what goes to a device from what
             lands as a file. */
@endphp
    <details class="qm-se-export">
        @if ($compact)
        @php /* Single glyph, no caret: beside three one-icon buttons a two-glyph pill read as a
                 different control size. The menu behaviour is unchanged; the title carries the name. */
@endphp
        <summary class="qm-btn qm-btn-sm qm-btn-ghost" title="{{ $test ? t('print.export') : t('print.output') }}" aria-label="{{ $test ? t('print.export') : t('print.output') }}"><i class="fas fa-{{ $test ? 'download' : 'print' }}" aria-hidden="true"></i></summary>
        @else
        <summary class="qm-btn qm-btn-outline"><i class="fas fa-{{ $test ? 'download' : 'print' }} me-1" aria-hidden="true"></i>{!! $test ? t('print.export') : t('print.output') !!} <i class="fas fa-caret-down" aria-hidden="true"></i></summary>
        @endif
        <div class="qm-se-export-menu" role="menu">
            @if (!$test)
            <a role="menuitem" href="#" data-pa="print"><i class="fas fa-print" aria-hidden="true"></i> {{ t_raw('print.print') }}</a>
            @endif
            @if ($nup)
            <a role="menuitem" href="#" data-pa="nup"><i class="fas fa-th" aria-hidden="true"></i> {{ t_raw('print.print_many') }}</a>
            @endif
            @if (!$test || $nup)<hr>@endif
            <a role="menuitem" href="#" data-pa="pdf"><i class="fas fa-file-pdf" aria-hidden="true"></i> PDF</a>
            <a role="menuitem" href="#" data-pa="jpeg"><i class="fas fa-file-image" aria-hidden="true"></i> JPEG</a>
            <a role="menuitem" href="#" data-pa="png"><i class="fas fa-file-image" aria-hidden="true"></i> PNG</a>
        </div>
    </details>
</div>