<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="<?php echo e(asset('favicon.ico')); ?>">
    <link rel="shortcut icon" type="image/x-icon" href="<?php echo e(asset('favicon.ico')); ?>">
    <title>LABRE-DX Contest — LOGs Recebidos</title>
    <style>
        * { box-sizing: border-box; }
        body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f4f6fa; color: #333; }
        .header { background: #1B4F8C; color: #fff; padding: 1.25rem 2rem; text-align: center; }
        .header h1 { margin: 0; font-size: 1.5rem; }
        .header p  { margin: .25rem 0 0; opacity: .85; font-size: .88rem; }
        .container { max-width: 900px; margin: 2rem auto; padding: 0 1rem 3rem; }
        .card { background: #fff; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,.08); padding: 1.5rem; }
        .stats { display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
        .stat { background: #1B4F8C; color: #fff; border-radius: 8px; padding: .75rem 1.25rem; min-width: 140px; }
        .stat-num { font-size: 1.8rem; font-weight: 900; }
        .stat-lbl { font-size: .78rem; opacity: .85; }
        .search-box { display: flex; gap: .5rem; margin-bottom: 1rem; }
        .search-box input { flex: 1; padding: .5rem .8rem; border: 1px solid #ddd;
                            border-radius: 5px; font-size: .9rem; }
        .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: .4rem; }
        .call { background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 4px;
                padding: .4rem .6rem; font-size: .82rem; font-weight: bold;
                text-align: center; color: #1B4F8C; }
        .call:hover { background: #e8f0fb; }
        #filtro-count { font-size: .82rem; color: #888; margin-left: .25rem; align-self: center; }
        .footer { text-align: center; color: #aaa; font-size: .8rem; margin-top: 2rem; }
        .btn-back { display: inline-block; background: #1B4F8C; color: #fff;
                    padding: .5rem 1.25rem; border-radius: 5px; text-decoration: none;
                    font-size: .88rem; margin-bottom: 1.25rem; }
    </style>
</head>
<body>
 
<div class="header">
    <h1>📋 LOGs Recebidos / Received LOGs</h1>
    <p>LABRE-DX Contest — Lista de LOGs aceitos</p>
</div>
 
<div class="container">
    <a href="<?php echo e(route('public.log.index')); ?>" class="btn-back">← Enviar LOG / Submit LOG</a>
 
    <div class="stats">
        <div class="stat">
            <div class="stat-num"><?php echo e(number_format($total)); ?></div>
            <div class="stat-lbl">LOGs Recebidos</div>
        </div>
        <div class="stat" style="background:#2E7D32">
            <div class="stat-num" id="filtrado"><?php echo e($total); ?></div>
            <div class="stat-lbl">Resultado do filtro</div>
        </div>
    </div>
 
    <div class="card">
        <div class="search-box">
            <input type="text" id="busca" placeholder="Filtrar por callsign..."
                   oninput="filtrar(this.value)" autofocus>
            <span id="filtro-count"><?php echo e($total); ?> indicativo(s)</span>
        </div>
 
        <?php if($total === 0): ?>
            <p style="color:#aaa;text-align:center;padding:2rem">
                Nenhum LOG recebido ainda.<br>
                <em>No LOGs received yet.</em>
            </p>
        <?php else: ?>
        <div class="grid" id="grid-calls">
            <?php $__currentLoopData = $logs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $call): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="call" data-call="<?php echo e(strtolower($call)); ?>"><?php echo e($call); ?></div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
        <?php endif; ?>
    </div>
</div>
 
<div class="footer">
    <p>Última atualização: <?php echo e(now()->format('d/m/Y H:i')); ?> UTC</p>
    <p>LABRE-DX Contest &nbsp;|&nbsp; PY6MV</p>
</div>
 
<script>
function filtrar(termo) {
    const lower = termo.toLowerCase().trim();
    let visiveis = 0;
    document.querySelectorAll('#grid-calls .call').forEach(function(el) {
        const match = !lower || el.dataset.call.includes(lower);
        el.style.display = match ? '' : 'none';
        if (match) visiveis++;
    });
    document.getElementById('filtrado').textContent = visiveis;
    document.getElementById('filtro-count').textContent = visiveis + ' indicativo(s)';
}
</script>
</body>
</html><?php /**PATH C:\laragon\www\projetos\labre-contest\resources\views/public/log-lista.blade.php ENDPATH**/ ?>