{{-- Ayuda en pantalla (App\Services\Guides): botón «¿Cómo se hace?» + panel lateral con X (no tapa la pantalla)
     y textos para tablas vacías (public/js/guia.js). Solo presentación: no cambia datos ni permisos. --}}
@php
    $guide_route = optional(request()->route())->getName();
    $guide = \App\Services\Guides::guide($guide_route);
    $guide_can = isset($can) && is_callable($can) ? $can : function ($p) {
        try { $r = Auth::check() ? \Spatie\Permission\Models\Role::find(Auth::user()->role_id) : null; return $r && $r->hasPermissionTo($p); } catch (\Throwable $e) { return false; }
    };
    $guide_empty = Auth::check() ? \App\Services\Guides::emptyState($guide_route, $guide_can) : null;
@endphp
<link rel="stylesheet" href="{{ asset('css/guia.css') }}?v={{ @filemtime(public_path('css/guia.css')) }}">
<script>window.UI_EMPTY = @json($guide_empty);</script>
@if($guide)
<button type="button" class="guide-fab d-print-none{{ app()->environment('staging') ? ' over-aviso' : '' }}" id="guide-open" aria-controls="guide-panel" aria-expanded="false">
  <i class="fa fa-question-circle" aria-hidden="true"></i><span>¿Cómo se hace?</span>
</button>
<aside class="guide-panel d-print-none{{ app()->environment('staging') ? ' over-aviso' : '' }}" id="guide-panel" role="complementary" aria-label="Guía paso a paso" data-key="{{ $guide_route }}" hidden>
  <header>
    <div><small>Guía paso a paso</small><h2>{{ $guide['title'] }}</h2></div>
    <button type="button" class="guide-x" id="guide-close" aria-label="Cerrar la guía" title="Cerrar">&times;</button>
  </header>
  <ol class="guide-steps">
    @foreach($guide['steps'] as $i => $step)
    <li><label><input type="checkbox" data-step="{{ $i }}"><span>{{ $step }}</span></label></li>
    @endforeach
  </ol>
  @if(!empty($guide['tips']))
  <div class="guide-tips">
    <strong><i class="fa fa-lightbulb-o" aria-hidden="true"></i> Consejos</strong>
    <ul>@foreach($guide['tips'] as $tip)<li>{{ $tip }}</li>@endforeach</ul>
  </div>
  @endif
  <footer><button type="button" class="btn btn-link btn-sm p-0" id="guide-reset">Desmarcar pasos</button><span>Puedes seguir trabajando con la guía abierta.</span></footer>
</aside>
@endif
<script src="{{ asset('js/guia.js') }}?v={{ @filemtime(public_path('js/guia.js')) }}" defer></script>