<?php

require_once __DIR__ . '/../../config/conexao.php';

$token = $_GET['token'] ?? '';

if(empty($token)){
    die('Token não informado');
}

$sql = "

SELECT

    ec.*,

    a.nome,
    a.mae_nome,

    e.nome AS evento,
    e.data_evento,
    e.hora_evento,
    e.local_evento

FROM evento_convites ec

INNER JOIN alunos a
    ON a.id = ec.aluno_id

INNER JOIN eventos e
    ON e.id = ec.evento_id

WHERE ec.token = :token

LIMIT 1

";

$stmt = $pdo->prepare($sql);

$stmt->execute([
    'token' => $token
]);

$convite = $stmt->fetch(PDO::FETCH_ASSOC);

if(!$convite){
    die('Convite não encontrado');
}

/*
|--------------------------------------------------------------------------
| URL DO CHECK-IN
|--------------------------------------------------------------------------
*/

$checkinUrl =
    'http://' .
    $_SERVER['HTTP_HOST'] .
    '/sistema_licolico/Eventos/Check-in/checkin.php?token=' .
    urlencode($convite['token']);

?>

<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Ingresso</title>

<style>

body{
    margin:0;
    padding:20px;
    background:#0f172a;
    color:#fff;
    font-family:Arial, sans-serif;
}

.card{
    max-width:500px;
    margin:auto;
    background:#111827;
    border-radius:20px;
    padding:30px;
    text-align:center;
    box-shadow:0 0 20px rgba(0,0,0,.3);
}

.titulo{
    font-size:28px;
    font-weight:bold;
    margin-bottom:25px;
}

.campo{
    margin-bottom:20px;
}

.label{
    color:#94a3b8;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:5px;
}

.valor{
    font-size:22px;
    font-weight:bold;
}

.numero-geral{
    font-size:40px;
    color:#fbbf24;
}

.qrcode{
    margin:25px auto;
}

.qrcode img{
    width:260px;
    max-width:100%;
    background:#fff;
    padding:10px;
    border-radius:12px;
}

.status{
    margin-top:20px;
    padding:15px;
    border-radius:12px;
    font-size:18px;
    font-weight:bold;
}

.valido{
    background:#166534;
}

.usado{
    background:#991b1b;
}

.local{
    font-size:16px;
    color:#cbd5e1;
}

</style>

</head>

<body>

<div class="card">

<div class="titulo">
🎉 <?= htmlspecialchars($convite['evento']) ?>
</div>

<div class="campo">
<div class="label">Família</div>
<div class="valor">
<?= htmlspecialchars($convite['mae_nome']) ?>
</div>
</div>

<div class="campo">
<div class="label">Convite Família</div>
<div class="valor">
<?= str_pad($convite['numero_familia'], 2, '0', STR_PAD_LEFT) ?>
</div>
</div>

<div class="campo">
<div class="label">Número Geral</div>
<div class="valor numero-geral">
<?= str_pad($convite['numero_geral'], 4, '0', STR_PAD_LEFT) ?>
</div>
</div>

<div class="campo">
<div class="label">Data do Evento</div>
<div class="valor">
<?= date('d/m/Y', strtotime($convite['data_evento'])) ?>
</div>
</div>

<div class="campo">
<div class="label">Horário</div>
<div class="valor">
<?= substr($convite['hora_evento'], 0, 5) ?>
</div>
</div>

<div class="campo">
<div class="label">Local</div>
<div class="local">
<?= htmlspecialchars($convite['local_evento']) ?>
</div>
</div>

<div class="qrcode">

<img
src="../gerar_qrcode.php?token=<?= urlencode($convite['token']) ?>"
alt="QR Code">

</div>

<div class="status <?= $convite['utilizado'] == 'S' ? 'usado' : 'valido' ?>">

<?= $convite['utilizado'] == 'S'
    ? '🔴 CONVITE JÁ UTILIZADO'
    : '🟢 CONVITE VÁLIDO'
?>

</div>

</div>

</body>

</html>