@php
    $activePage = isset($activePage) ? $activePage : '';
@endphp

<div class="ui segment demo-toolbar">
    <a class="ui button {{ $activePage === 'dashboard' ? 'primary' : '' }}" href="{{ route('bancos.demo.index') }}">
        <i class="chart line icon"></i>Dashboard
    </a>
    <a class="ui button {{ $activePage === 'cuentas' ? 'primary' : '' }}" href="{{ route('bancos.demo.cuentas') }}">
        <i class="university icon"></i>Cuentas
    </a>
    <a class="ui button {{ $activePage === 'movimientos' ? 'primary' : '' }}" href="{{ route('bancos.demo.movimientos', ['idCuenta' => $cuentas->first()['id']]) }}">
        <i class="exchange alternate icon"></i>Movimientos
    </a>
    <a class="ui button {{ $activePage === 'programados' ? 'primary' : '' }}" href="{{ route('bancos.demo.programados') }}">
        <i class="calendar alternate icon"></i>Pagos programados
    </a>
    <a class="ui button {{ $activePage === 'autorizaciones' ? 'primary' : '' }}" href="{{ route('bancos.demo.autorizaciones') }}">
        <i class="check circle icon"></i>Autorizaciones
    </a>
    <a class="ui button {{ $activePage === 'reportes' ? 'primary' : '' }}" href="{{ route('bancos.demo.reportes') }}">
        <i class="file alternate icon"></i>Reportes
    </a>
    <a class="ui button {{ $activePage === 'bitacora' ? 'primary' : '' }}" href="{{ route('bancos.demo.bitacora') }}">
        <i class="clipboard list icon"></i>Bitacora
    </a>
    <button type="button" class="ui button teal abrir-codigo-seguridad-maqueta" data-accion="Validacion sensible del modulo Bancos">
        <i class="shield alternate icon"></i>Validar codigo
    </button>
</div>

<div class="ui segment security-strip">
    <div class="row align-items-center">
        <div class="col-md-5 mb-2 mb-md-0">
            <strong>Rol simulado</strong>
            <select class="custom-select custom-select-sm rol-maqueta-select mt-1">
                @foreach($rolesDemo as $rolDemo)
                    <option value="{{ $rolDemo['nombre'] }}">{{ $rolDemo['nombre'] }} - {{ $rolDemo['descripcion'] }}</option>
                @endforeach
            </select>
            <small class="text-muted">Vista Admin manipula; vista Gerente autoriza.</small>
        </div>
        <div class="col-md-4 mb-2 mb-md-0">
            <strong>Acceso sensible</strong>
            <div class="mini-note">Se simula código por correo antes de entrar y para descargas.</div>
        </div>
        <div class="col-md-3 inactive-timer">
            <div class="alert alert-warning mb-0 py-2">
                <strong>Inactividad:</strong> <span id="bancos-inactivity-countdown">05:00</span>
                <div class="mini-note">Por seguridad, el acceso al módulo Bancos se cerrara por inactividad.</div>
            </div>
        </div>
    </div>
</div>