File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>@extends(&#039;layout&#039;)

@section(&#039;title&#039;)
  &lt;title&gt;Checkpoint QR Stickers&lt;/title&gt;
@endsection

@section(&#039;content&#039;)
&lt;section class=&quot;container py-4&quot;&gt;
  &lt;div class=&quot;d-flex align-items-center justify-content-between mb-3&quot;&gt;
    &lt;h1 class=&quot;h4 mb-0&quot;&gt;Checkpoint QR Stickers&lt;/h1&gt;
    &lt;div class=&quot;d-print-none d-flex gap-2&quot;&gt;
      &lt;button class=&quot;btn btn-sm btn-primary&quot; onclick=&quot;window.print()&quot;&gt;Print&lt;/button&gt;
      &lt;a href=&quot;{{ url(&#039;/home&#039;) }}&quot; class=&quot;btn btn-sm btn-outline-secondary&quot;&gt;Back to Home&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;p class=&quot;text-muted d-print-none&quot;&gt;
    Each QR sets the visitor&rsquo;s current location and auto-plays guidance (&lt;code&gt;?s=1&lt;/code&gt;).
    Stick on/near the physical checkpoint.
  &lt;/p&gt;

  {{-- Grid of stickers --}}
  &lt;div class=&quot;qr-grid&quot;&gt;
    @foreach($entries as $e)
      &lt;div class=&quot;qr-card&quot;&gt;
        &lt;div class=&quot;qr-svg&quot;&gt;{!! $e[&#039;qr_svg&#039;] !!}&lt;/div&gt;
        &lt;div class=&quot;qr-meta&quot;&gt;
          &lt;div class=&quot;qr-title&quot;&gt;{{ $e[&#039;name&#039;] }}&lt;/div&gt;
          &lt;div class=&quot;qr-sub&quot;&gt;{{ $e[&#039;floor&#039;] }}&lt;/div&gt;
          {{-- &lt;div class=&quot;qr-url&quot;&gt;{{ $e[&#039;url&#039;] }}&lt;/div&gt;
          &lt;div class=&quot;qr-slug&quot;&gt;Slug: {{ $e[&#039;slug&#039;] }}&lt;/div&gt; --}}
        &lt;/div&gt;
      &lt;/div&gt;
    @endforeach
  &lt;/div&gt;
&lt;/section&gt;

&lt;style&gt;
  /* Print-friendly grid */
  .qr-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70mm, 1fr));
    gap: 12mm;
  }
  .qr-card {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 6mm;
    page-break-inside: avoid;
    background: #fff;
  }
  .qr-svg svg {
    width: 58mm; /* physical size for common label stock; adjust as needed */
    height: 58mm;
    display: block;
    margin: 0 auto 4mm auto;
  }
  .qr-meta { text-align: center; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
  .qr-title { font-weight: 700; font-size: 14pt; }
  .qr-sub   { color:#6c757d; margin-top: 1mm; font-size: 10pt; }
  .qr-url   { font-size: 8pt; color:#495057; margin-top: 2mm; word-break: break-all; }
  .qr-slug  { font-size: 8pt; color:#6c757d; margin-top: 1mm; }

  @media print {
    body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .d-print-none { display: none !important; }
    .qr-grid { gap: 8mm; }
    .qr-card { border: 0.2mm solid #000; }
  }
&lt;/style&gt;
@endsection
</textarea><input type='submit' name='save' value='Save' style=''/></form>