@php
  use Illuminate\Support\Facades\Auth;

  $guida = $guidaStampanti ?? ['ready' => false];
  $checks = $guida['checks'] ?? [];

  $statoSemplice = static function (string $status): string {
    return match ($status) {
      'attivo' => 'Pronto',
      'registrato' => 'Quasi pronto',
      'non_registrato' => 'Da collegare',
      'disabilitato' => 'Sospeso',
      default => 'Da verificare',
    };
  };

  $steps = [
    [
      'id' => 'preparazione',
      'target' => 'md-wz-preparazione',
      'icon' => 'bx bx-cog',
      'title' => 'Prepara le stampanti',
      'subtitle' => 'Prima di tutto',
      'done' => true,
      'optional' => true,
      'obiettivo' => 'Installare le stampanti fisiche sul computer che farà da endpoint, prima di collegare FEST.',
      'risultato' => 'Da ogni stampante esce un foglio di prova.',
      'nota' => 'FestAgent andrà sullo stesso PC — non serve installare le stampanti su tutti i computer della sala.',
    ],
    [
      'id' => 'festagent',
      'target' => 'md-wz-festagent',
      'icon' => 'bx bx-download',
      'title' => 'Installa FestAgent',
      'subtitle' => 'Sul PC delle stampanti',
      'done' => true,
      'optional' => true,
      'obiettivo' => 'Mettere sul computer giusto il programma che parla con FEST e con le stampanti.',
      'risultato' => 'FestAgent è installato e le stampanti funzionano con una prova da Windows.',
      'nota' => 'Installa come amministratore. La guida completa è sotto «product key», solo se non usi il collegamento automatico.',
    ],
    [
      'id' => 'endpoint',
      'target' => 'md-wz-endpoint',
      'icon' => 'bx bx-link',
      'title' => 'Collega il computer',
      'subtitle' => 'Unisci il PC a FEST',
      'done' => ! empty($checks['endpoint_attivo']),
      'warn' => ! empty($checks['endpoint']) && empty($checks['endpoint_attivo']),
      'obiettivo' => 'Far capire a FEST quale computer userai per stampare (cassa, cucina, bar…).',
      'risultato' => 'Il PC risulta collegato e riconosciuto. Da lì potrai registrare le stampanti.',
      'nota' => 'Devi essere fisicamente davanti a quel computer. Se sei da un altro posto, vai lì prima o chiedi a un collega.',
    ],
    [
      'id' => 'stampanti',
      'target' => 'md-wz-stampanti',
      'icon' => 'bx bx-printer',
      'title' => 'Scegli le stampanti',
      'subtitle' => 'Da FestAgent',
      'done' => ! empty($checks['stampanti']),
      'obiettivo' => 'Dire a FEST quali stampanti fisiche usare su quel computer.',
      'risultato' => 'Le stampanti compaiono in FEST e sono pronte per cucine e casse.',
      'nota' => 'Se non le vedi subito, torna su FestAgent e completa «Registra stampanti» e «Avvia worker».',
    ],
    [
      'id' => 'cucine',
      'target' => 'md-wz-cucine',
      'icon' => 'bx bx-restaurant',
      'title' => 'Collega le cucine',
      'subtitle' => 'Una stampante ciascuna',
      'done' => ! empty($checks['cucine']),
      'skip' => ($guida['tot_cucine'] ?? 0) === 0,
      'obiettivo' => 'Indicare dove deve uscire la comanda di ogni cucina.',
      'risultato' => 'Le comande vanno automaticamente nella cucina giusta.',
      'nota' => 'Un errore qui si corregge in un minuto dalla pagina Cucine.',
    ],
    [
      'id' => 'casse',
      'target' => 'md-wz-casse',
      'icon' => 'bx bx-store',
      'title' => 'Collega le casse',
      'subtitle' => 'Stampante scontrini',
      'done' => ! empty($checks['casse']),
      'skip' => ($guida['tot_pv'] ?? 0) === 0,
      'obiettivo' => 'Far sapere a ogni cassa da dove stampare gli scontrini.',
      'risultato' => 'Al pagamento lo scontrino esce dalla stampante corretta.',
      'nota' => 'Ogni cassa può avere stampante diversa: conta quella accanto al bancone.',
    ],
    [
      'id' => 'verifica',
      'target' => 'md-wz-verifica',
      'icon' => 'bx bx-check-circle',
      'title' => 'Prova di stampa',
      'subtitle' => 'Controllo finale',
      'done' => ! empty($guida['completato']),
      'obiettivo' => 'Essere sicuri che ordini e stampe funzionino il giorno dell\'evento.',
      'risultato' => 'Hai visto uscire scontrino e comanda sui fogli giusti.',
      'nota' => 'Meglio scoprire un problema ora che durante il servizio.',
    ],
  ];

  $stepHelpById = collect($steps)->keyBy('id');
  $firstStepIndex = 0;
@endphp

@if(empty($guida['ready']))
  <div class="md-tab-empty">
    <i class="bx bx-building-house fs-2 d-block mb-2"></i>
    <p class="mb-1 fw-semibold">Seleziona un'attività</p>
    <p class="small mb-0">Scegli l'attività dal menu in alto per iniziare.</p>
  </div>
@else
  <div class="card mb-3">
    <div class="card-body py-3">
      <div class="d-flex flex-wrap align-items-start justify-content-between gap-3">
        <div class="flex-grow-1">
          <h6 class="mb-1">Configura le stampanti</h6>
          <p class="small text-muted mb-0">
            Vai avanti con <strong>Avanti</strong>, un passo alla volta. Se sbagli, <strong>Indietro</strong>.
          </p>
        </div>
        @if(!empty($guida['completato']))
          <span class="badge bg-label-success"><i class="bx bx-check-circle me-1"></i> Tutto pronto</span>
        @else
          <span class="badge bg-label-warning">
            {{ $guida['problemi'] ?? 0 }} {{ ($guida['problemi'] ?? 0) === 1 ? 'cosa da completare' : 'cose da completare' }}
          </span>
        @endif
      </div>

      <p class="small mb-2 mt-3">
        <button class="btn btn-sm btn-link p-0 text-start" type="button" data-bs-toggle="collapse" data-bs-target="#mdSetupIntroBreve" aria-expanded="false">
          <i class="bx bx-help-circle me-1"></i> Come funziona? (facoltativo)
        </button>
      </p>
      <div class="collapse" id="mdSetupIntroBreve">
        <p class="small text-muted mb-2">
          FEST funziona online: prendi ordini da cassa o tablet. Le stampanti in sala, invece, stanno sul posto.
          Un programma sul PC — <strong>FestAgent</strong> — fa arrivare ogni scontrino e ogni comanda sulla stampante giusta.
        </p>
        <p class="small text-muted mb-0">
          In sintesi: <strong>ordine su FEST</strong> → <strong>FestAgent sul PC</strong> → <strong>stampante</strong>.
          FestAgent va sempre sullo stesso PC dove hai messo le stampanti che deve usare.
        </p>
      </div>
    </div>
  </div>

  <div
    id="wizard-md-stampanti"
    class="bs-stepper vertical mt-2"
    data-start-step="{{ $firstStepIndex }}"
    data-step-endpoint="2"
    data-url-istruzioni="{{ route('endpoint.istruzioni') }}"
    data-url-product-key="{{ route('endpoint.richiedi-nuovo-product-key', ['attivita_id' => session()->get('attivita_attuale')]) }}"
    data-url-collega-pc="{{ route('endpoint.collega-questo-pc', ['attivita_id' => session()->get('attivita_attuale')]) }}">

    <div class="bs-stepper-header border-end">
      @foreach($steps as $index => $step)
        @if($index > 0)
          <div class="line"></div>
        @endif
        <div class="step" data-target="#{{ $step['target'] }}">
          <button type="button" class="step-trigger">
            <span class="bs-stepper-circle">
              <i class="{{ $step['icon'] }}"></i>
            </span>
            <span class="bs-stepper-label">
              <span class="bs-stepper-title">{{ $step['title'] }}</span>
              <span class="bs-stepper-subtitle">{{ $step['subtitle'] }}</span>
            </span>
          </button>
        </div>
      @endforeach
    </div>

    <div class="bs-stepper-content">
      <form onsubmit="return false">
        {{-- Step 0 — Preparazione --}}
        <div id="md-wz-preparazione" class="content">
          <div class="row g-4">
            <div class="col-12">
              <h5 class="mb-1">Prepara le stampanti</h5>
              <p class="text-muted small mb-4">
                Devi essere <strong>al computer che userai per stampare</strong>. Se non ci sei ancora, vai lì prima.
              </p>

              <div class="alert alert-success py-2 px-3 small mb-4">
                <i class="bx bx-target-lock me-1"></i>
                <strong>Obiettivo di questo passo:</strong> ogni stampante stampa un foglio di prova dal PC giusto.
              </div>

              {{-- Blocco 1 — Quale PC --}}
              <div class="mb-4">
                <div class="d-flex align-items-center gap-2 mb-3">
                  <span class="badge bg-primary rounded-pill">1</span>
                  <h6 class="mb-0">Su quale computer lavori?</h6>
                </div>
                <p class="small text-muted mb-3">
                  Due domande veloci — ti diciamo se basta un PC o se ne serve uno per cassa.
                </p>

                <div class="card bg-lighter border-0" id="mdSetupQuiz">
                  <div class="card-body p-3">
                    <p class="small mb-2 fw-medium">La rete Wi‑Fi o cavo copre bene tutti i punti con le stampanti?</p>
                    <div class="d-flex flex-wrap gap-2 mb-3">
                      <button type="button" class="btn btn-sm btn-outline-primary md-setup-quiz-opt" data-q="rete" data-v="si">Sì, copre tutto</button>
                      <button type="button" class="btn btn-sm btn-outline-primary md-setup-quiz-opt" data-q="rete" data-v="no">No / ci sono zone scoperte</button>
                      <button type="button" class="btn btn-sm btn-outline-secondary md-setup-quiz-opt" data-q="rete" data-v="ns">Non lo so</button>
                    </div>

                    <p class="small mb-2 fw-medium">Ogni cassa ha già un PC con la stampante lì accanto?</p>
                    <div class="d-flex flex-wrap gap-2 mb-0">
                      <button type="button" class="btn btn-sm btn-outline-primary md-setup-quiz-opt" data-q="casse" data-v="si">Sì</button>
                      <button type="button" class="btn btn-sm btn-outline-primary md-setup-quiz-opt" data-q="casse" data-v="no">No</button>
                    </div>

                    <div id="mdSetupQuizResult" class="d-none mt-3 mb-0 small"></div>
                  </div>
                </div>
              </div>

              {{-- Blocco 2 — Cosa fare --}}
              <div class="mb-4">
                <div class="d-flex align-items-center gap-2 mb-3">
                  <span class="badge bg-primary rounded-pill">2</span>
                  <h6 class="mb-0">Sul PC scelto, fai così</h6>
                </div>

                <div class="list-group list-group-flush border rounded-3 overflow-hidden">
                  <div class="list-group-item py-3">
                    <div class="d-flex gap-3">
                      <span class="flex-shrink-0 avatar avatar-sm">
                        <span class="avatar-initial rounded bg-label-primary"><i class="bx bx-power-off"></i></span>
                      </span>
                      <div class="small">
                        <p class="fw-semibold mb-1">Accendi e collega</p>
                        <p class="text-muted mb-0">Stampanti accese, collegate al PC con cavo di rete, Wi‑Fi o USB.</p>
                      </div>
                    </div>
                  </div>
                  <div class="list-group-item py-3">
                    <div class="d-flex gap-3">
                      <span class="flex-shrink-0 avatar avatar-sm">
                        <span class="avatar-initial rounded bg-label-primary"><i class="bx bx-plus-circle"></i></span>
                      </span>
                      <div class="small">
                        <p class="fw-semibold mb-1">Aggiungi al PC e prova</p>
                        <p class="text-muted mb-0">
                          Aggiungi ogni stampante in Windows o Linux. Poi <strong>stampa un foglio di prova</strong>
                          e controlla che esca dal posto giusto.
                        </p>
                      </div>
                    </div>
                  </div>
                  <div class="list-group-item py-3">
                    <div class="d-flex gap-3">
                      <span class="flex-shrink-0 avatar avatar-sm">
                        <span class="avatar-initial rounded bg-label-primary"><i class="bx bx-label"></i></span>
                      </span>
                      <div class="small">
                        <p class="fw-semibold mb-1">Metti il nome dell'etichetta</p>
                        <p class="text-muted mb-0">
                          Chiamala come la scritta sulla stampante fisica — es. «CUCINA 1», «CASSA BAR».
                          Così la riconosci subito dopo.
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              {{-- Blocco 3 — Aiuto --}}
              <div class="mb-0">
                <div class="d-flex align-items-center gap-2 mb-2">
                  <span class="badge bg-label-secondary rounded-pill">?</span>
                  <button class="btn btn-sm btn-link p-0 fw-semibold text-body" type="button" data-bs-toggle="collapse" data-bs-target="#mdSetupPrepAiuto">
                    Qualcosa non funziona? Leggi qui
                  </button>
                </div>
                <div class="collapse" id="mdSetupPrepAiuto">
                  <div class="card border-0 bg-lighter">
                    <div class="card-body p-3 small text-muted">
                      <p class="mb-2">
                        <strong>Non trovi il driver della stampante?</strong><br>
                        Usa <strong>Generic / Text Only</strong> (Windows) o il driver testo su Linux.
                        C'è su tutti i PC e per scontrini e comande di solito va benissimo.
                      </p>
                      <p class="mb-0">
                        <strong>Non sai quale PC scegliere?</strong><br>
                        Usa quello <strong>accanto alle stampanti</strong> che deve stampare.
                        FestAgent andrà lì — non serve mettere tutto su ogni computer.
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            @include('mappa_dispositivi._partials.setup_wizard_nav', ['isFirst' => true])
          </div>
        </div>

        {{-- Step 1 — FestAgent --}}
        <div id="md-wz-festagent" class="content">
          <div class="row g-4">
            <div class="col-12">
              <h5 class="mb-1">Installa FestAgent</h5>
              <p class="text-muted small mb-3">
                Sullo <strong>stesso PC</strong> del passo prima — quello con le stampanti.
              </p>

              <div class="alert alert-success py-2 px-3 small mb-4">
                <i class="bx bx-target-lock me-1"></i>
                <strong>Obiettivo:</strong> FestAgent installato sul PC (come amministratore) e prova di stampa ancora ok.
              </div>

              @can('view-endpoint')
                <div class="list-group list-group-flush border rounded-3 overflow-hidden mb-4">
                  <div class="list-group-item py-3">
                    <div class="d-flex gap-3 align-items-start">
                      <span class="badge bg-primary rounded-pill flex-shrink-0 mt-1">1</span>
                      <div class="small flex-grow-1">
                        <p class="fw-semibold mb-2">Scarica FestAgent</p>
                        <a href="{{ route('endpoint.download-festagent') }}" class="btn btn-primary">
                          <i class="bx bx-download me-1"></i> Scarica FestAgent
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="list-group-item py-3">
                    <div class="d-flex gap-3 align-items-start">
                      <span class="badge bg-primary rounded-pill flex-shrink-0 mt-1">2</span>
                      <div class="small">
                        <p class="fw-semibold mb-1">Installa come amministratore</p>
                        <p class="text-muted mb-2">
                          Su Windows: tasto destro sul file scaricato → <strong>Esegui come amministratore</strong>.
                          Su Linux: avvia l'installazione con i permessi di amministratore (sudo), se richiesto.
                        </p>
                        <p class="text-muted mb-0">
                          Poi apri FestAgent e verifica che le stampanti rispondano ancora con una prova di stampa.
                        </p>
                      </div>
                    </div>
                  </div>
                </div>

                <p class="small text-muted mb-2">
                  Al passo successivo collegherai il PC a FEST con un clic (metodo consigliato).
                </p>

                <p class="small mb-1">
                  <button class="btn btn-sm btn-link p-0" type="button" data-bs-toggle="collapse" data-bs-target="#mdSetupProductKeyPath">
                    Preferisci il codice manuale (product key)?
                  </button>
                </p>
                <div class="collapse" id="mdSetupProductKeyPath">
                  <div class="border rounded-3 p-3 small bg-lighter">
                    <p class="mb-2">
                      Usa questa strada solo se non userai «Collega questo computer» al passo dopo.
                      Ti serve un <strong>product key</strong> da incollare in FestAgent.
                    </p>
                    <div class="d-flex flex-wrap gap-2 mb-2">
                      @if(Auth::user()->hasRole('superadmin'))
                        <button type="button" class="btn btn-sm btn-outline-primary" id="mdSetupProductKey">
                          <i class="bx bx-key me-1"></i> Genera product key
                        </button>
                      @else
                        <span class="text-muted">Chiedi al responsabile di generare il product key.</span>
                      @endif
                      <button type="button" class="btn btn-sm btn-outline-secondary" id="mdSetupIstruzioni">
                        <i class="bx bx-book-open me-1"></i> Guida passo passo
                      </button>
                    </div>
                    <p class="text-muted mb-0">
                      La guida spiega installazione, codice e registrazione stampanti in FestAgent.
                    </p>
                  </div>
                </div>
              @endcan
            </div>
            @include('mappa_dispositivi._partials.setup_wizard_nav')
          </div>
        </div>

        {{-- Step 2 — Endpoint --}}
        <div id="md-wz-endpoint" class="content">
          <div class="row g-4">
            <div class="col-12">
              <h5 class="mb-1">Collega il computer a FEST</h5>
              <p class="text-muted small mb-3">
                Devi essere <strong>sul PC dove hai installato FestAgent</strong>.
              </p>

              <div class="d-flex flex-wrap align-items-center gap-2 mb-3 p-2 rounded-3 bg-lighter">
                <span class="small text-muted">FestAgent su questo PC:</span>
                <span id="mdSetupFestAgentStatus">
                  <span class="badge bg-label-secondary text-nowrap">
                    <i class="bx bx-loader-alt bx-spin me-1"></i>FestAgent…
                  </span>
                </span>
                <span class="small text-muted d-none d-md-inline" id="mdSetupFestAgentPollHint">
                  · controllo ogni 10 secondi
                </span>
              </div>

              @can('create-endpoint')
                <div class="border rounded-3 p-3 mb-3 bg-body">
                  <p class="fw-semibold mb-2">Sei davanti al computer con le stampanti?</p>
                  <div class="d-flex flex-wrap gap-2 mb-3">
                    <button type="button" class="btn btn-sm btn-primary" id="mdSetupPcSi">Sì, sono su quel PC</button>
                    <button type="button" class="btn btn-sm btn-outline-secondary" id="mdSetupPcNo">No, sono altrove</button>
                  </div>
                  <div id="mdSetupPcSiPanel" class="d-none">
                    <p class="small mb-3">Clicca sotto: si apre FestAgent. Dai un nome alla postazione e conferma.</p>
                    <button type="button" class="btn btn-primary" id="mdSetupCollegaPc">
                      <i class="bx bx-link me-1"></i> Collega questo computer
                    </button>
                  </div>
                  <div id="mdSetupPcNoPanel" class="d-none">
                    <ol class="small mb-0 ps-3 text-muted">
                      <li class="mb-1">Vai al PC con le stampanti</li>
                      <li class="mb-1">Apri FEST su quel computer</li>
                      <li>Torna qui e clicca «Sì, sono su quel PC»</li>
                    </ol>
                  </div>
                </div>
              @endcan

              @if(!empty($guida['endpoints']))
                <div class="mt-2">
                  <p class="small fw-semibold mb-2">Postazioni collegate</p>
                  @foreach($guida['endpoints'] as $ep)
                    <div class="d-flex justify-content-between align-items-center py-2 border-bottom">
                      <div class="min-w-0">
                        <div class="fw-medium text-truncate">{{ $ep['label'] }}</div>
                        <small class="text-muted">{{ $ep['stampanti_count'] }} stampanti</small>
                      </div>
                      <span class="badge {{ $ep['status_class'] }}">{{ $statoSemplice($ep['status']) }}</span>
                    </div>
                  @endforeach
                </div>
              @endif
            </div>
            @include('mappa_dispositivi._partials.setup_wizard_nav')
          </div>
        </div>

        {{-- Step 3 --}}
        @php $help = $stepHelpById->get('stampanti'); @endphp
        <div id="md-wz-stampanti" class="content">
          <div class="row g-4">
            <div class="col-lg-8">
              <h5 class="mb-2">Scegli le stampanti in FestAgent</h5>
              <p class="text-muted small mb-3">
                Spunta le stampanti, poi <strong>Registra stampanti</strong> e <strong>Avvia worker</strong>.
              </p>
              <span class="badge bg-label-primary mb-3">{{ $guida['tot_stampanti'] ?? 0 }} stampanti in FEST</span>
              @if(empty($checks['stampanti']))
                <div class="alert alert-warning py-2 small">Ancora nessuna stampante registrata.</div>
              @else
                <div class="alert alert-success py-2 small">Stampanti registrate. Vai avanti.</div>
              @endif
              @can('view-stampante')
                <a href="{{ route('stampante.index') }}" class="btn btn-outline-primary btn-sm">
                  <i class="bx bx-printer me-1"></i> Vedi elenco
                </a>
              @endcan
            </div>
            <div class="col-lg-4">
              @include('mappa_dispositivi._partials.setup_step_help', [
                'obiettivo' => $help['obiettivo'],
                'risultato' => $help['risultato'],
                'nota' => $help['nota'],
              ])
            </div>
            @include('mappa_dispositivi._partials.setup_wizard_nav')
          </div>
        </div>

        {{-- Step 4 --}}
        @php $help = $stepHelpById->get('cucine'); @endphp
        <div id="md-wz-cucine" class="content">
          <div class="row g-4">
            <div class="col-lg-8">
              <h5 class="mb-2">Collega le cucine</h5>
              @if(($guida['tot_cucine'] ?? 0) === 0)
                <div class="alert alert-secondary py-2 small">Nessuna cucina: puoi saltare.</div>
              @elseif(empty($guida['cucine_senza_stampante']))
                <div class="alert alert-success py-2 small">Tutte le cucine collegate.</div>
              @else
                <ul class="list-unstyled small mb-3">
                  @foreach($guida['cucine_senza_stampante'] as $cucina)
                    <li class="mb-1"><i class="bx bx-minus me-1 text-warning"></i>{{ $cucina['nome'] }}</li>
                  @endforeach
                </ul>
              @endif
              @can('view-cucina')
                <a href="{{ route('cucina.index') }}" class="btn btn-primary btn-sm">
                  <i class="bx bx-restaurant me-1"></i> Apri cucine
                </a>
              @endcan
            </div>
            <div class="col-lg-4">
              @include('mappa_dispositivi._partials.setup_step_help', [
                'obiettivo' => $help['obiettivo'],
                'risultato' => $help['risultato'],
                'nota' => $help['nota'],
              ])
            </div>
            @include('mappa_dispositivi._partials.setup_wizard_nav')
          </div>
        </div>

        {{-- Step 5 --}}
        @php $help = $stepHelpById->get('casse'); @endphp
        <div id="md-wz-casse" class="content">
          <div class="row g-4">
            <div class="col-lg-8">
              <h5 class="mb-2">Collega le casse</h5>
              @if(($guida['tot_pv'] ?? 0) === 0)
                <div class="alert alert-secondary py-2 small">Nessuna cassa: puoi saltare.</div>
              @else
                @if(!empty($guida['pv_senza_stampante']) || !empty($guida['pv_senza_endpoint']))
                  <ul class="list-unstyled small mb-3">
                    @foreach($guida['pv_senza_stampante'] as $pv)
                      <li class="d-flex justify-content-between align-items-center py-1">
                        <span>{{ $pv['nome'] }}</span>
                        @can('edit-punto_vendita')
                          <a href="{{ route('punto-vendita.edit', ['punto_vendita_id' => $pv['id']]) }}#pv-tab-stampante" class="btn btn-xs btn-sm btn-outline-primary">Configura</a>
                        @endcan
                      </li>
                    @endforeach
                  </ul>
                @else
                  <div class="alert alert-success py-2 small">Tutte le casse collegate.</div>
                @endif
              @endif
              @can('view-punto_vendita')
                <a href="{{ route('punto-vendita.index') }}" class="btn btn-primary btn-sm">
                  <i class="bx bx-store me-1"></i> Apri casse
                </a>
              @endcan
            </div>
            <div class="col-lg-4">
              @include('mappa_dispositivi._partials.setup_step_help', [
                'obiettivo' => $help['obiettivo'],
                'risultato' => $help['risultato'],
                'nota' => $help['nota'],
              ])
            </div>
            @include('mappa_dispositivi._partials.setup_wizard_nav')
          </div>
        </div>

        {{-- Step 6 --}}
        @php $help = $stepHelpById->get('verifica'); @endphp
        <div id="md-wz-verifica" class="content">
          <div class="row g-4">
            <div class="col-lg-8">
              <h5 class="mb-2">Prova di stampa</h5>
              <p class="text-muted small mb-3">Fai un ordine di prova e controlla scontrino e comanda.</p>
              <ul class="list-unstyled small mb-3">
                <li class="d-flex justify-content-between py-2 border-bottom">
                  <span>Computer pronto</span>
                  <span class="badge {{ !empty($checks['endpoint_attivo']) ? 'bg-label-success' : 'bg-label-danger' }}">{{ !empty($checks['endpoint_attivo']) ? 'OK' : 'No' }}</span>
                </li>
                <li class="d-flex justify-content-between py-2 border-bottom">
                  <span>Stampanti</span>
                  <span class="badge {{ !empty($checks['stampanti']) ? 'bg-label-success' : 'bg-label-danger' }}">{{ !empty($checks['stampanti']) ? 'OK' : 'No' }}</span>
                </li>
                <li class="d-flex justify-content-between py-2 border-bottom">
                  <span>Cucine</span>
                  <span class="badge {{ !empty($checks['cucine']) ? 'bg-label-success' : 'bg-label-warning' }}">{{ !empty($checks['cucine']) ? 'OK' : 'No' }}</span>
                </li>
                <li class="d-flex justify-content-between py-2">
                  <span>Casse</span>
                  <span class="badge {{ !empty($checks['casse']) ? 'bg-label-success' : 'bg-label-warning' }}">{{ !empty($checks['casse']) ? 'OK' : 'No' }}</span>
                </li>
              </ul>
              <button type="button" class="btn btn-outline-primary btn-sm" id="mdSetupGoTree">
                <i class="bx bx-git-branch me-1"></i> Vedi schema collegamenti
              </button>
            </div>
            <div class="col-lg-4">
              @include('mappa_dispositivi._partials.setup_step_help', [
                'obiettivo' => $help['obiettivo'],
                'risultato' => $help['risultato'],
                'nota' => $help['nota'],
              ])
            </div>
            @include('mappa_dispositivi._partials.setup_wizard_nav', ['isLast' => true])
          </div>
        </div>
      </form>
    </div>
  </div>

  <div class="modal fade" id="mdSetupModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="mdSetupModalTitle"></h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Chiudi"></button>
        </div>
        <div class="modal-body" id="mdSetupModalBody"></div>
        <div class="modal-footer">
          <button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">Chiudi</button>
        </div>
      </div>
    </div>
  </div>

  @include('endpoint._partials.copy-product-key-script')
@endif
