<?php
require_once('include/headscript.php');

/**
 * Pannello admin: calendario classi del mese con prenotazioni,
 * gestione persa/ripristina/riprogramma, ricerca utenti, inserimento
 * manuale e cancellazione completa di una classe schedulata.
 */
$pdo = DBHandlerSelect::getInstance()->getConnection();

function e($value): string
{
    return htmlspecialchars((string) $value, ENT_QUOTES, 'UTF-8');
}

function initials(string $first, string $last): string
{
    $a = mb_substr(trim($first), 0, 1);
    $b = mb_substr(trim($last), 0, 1);
    $ini = strtoupper($a . $b);
    return $ini !== '' ? $ini : '?';
}

function avatarColor(string $seed): string
{
    $palette = ['#1ebf73', '#2980b9', '#8e44ad', '#e67e22', '#16a085', '#c0392b', '#2c3e50', '#d35400'];
    $idx = abs(crc32($seed)) % count($palette);
    return $palette[$idx];
}

$optRow = $pdo->query("SELECT maxbeforetimecancell, show_teacher FROM `option` LIMIT 1")->fetch();
$timetocancel = $optRow ? (int) $optRow['maxbeforetimecancell'] : 24;
$showTeacher = ($optRow['show_teacher'] ?? 'N') === 'Y';

$teachersById = [];
if ($showTeacher) {
    foreach ($pdo->query("SELECT idemployee, nameemployee, surnameemployee, photo FROM employee")->fetchAll() as $t) {
        $teachersById[(int) $t['idemployee']] = $t;
    }
}

if (isset($_GET['prev_month'])) {
    $currentMonthStart = preg_replace('/[^0-9\-]/', '', $_GET['prev_month']) . '-01';
} elseif (isset($_GET['next_month'])) {
    $currentMonthStart = preg_replace('/[^0-9\-]/', '', $_GET['next_month']) . '-01';
} else {
    $currentMonthStart = date("Y-m-01");
}
if (strtotime($currentMonthStart) === false) {
    $currentMonthStart = date("Y-m-01");
}
$currentMonthEnd = date("Y-m-t", strtotime($currentMonthStart));

$sqlSchedule = "SELECT serviceschedule.*, service.servicename, service.colorclass,
                            service.maxcapacity, service.idservice, service.idteacher
                FROM serviceschedule
                LEFT JOIN service ON serviceschedule.idservice = service.idservice
                WHERE serviceschedule.dateschedule BETWEEN :start AND DATE_ADD(:end, INTERVAL 1 DAY)
                ORDER BY serviceschedule.dateschedule";
$stmtSchedule = $pdo->prepare($sqlSchedule);
$stmtSchedule->execute([':start' => $currentMonthStart, ':end' => $currentMonthEnd]);
$scheduleRows = $stmtSchedule->fetchAll();

// Tipologie di classe presenti nel mese (per la barra filtri), con relativo colore
$classTypes = [];
foreach ($scheduleRows as $r) {
    $name = $r['servicename'] ?? '';
    if ($name !== '' && !isset($classTypes[$name])) {
        $classTypes[$name] = $r['colorclass'] ?: '#1ebf73';
    }
}
ksort($classTypes);

$bookingsBySchedule = [];
$scheduleIds = array_filter(array_map(fn($r) => (int) $r['idserviceschedule'], $scheduleRows));

if (!empty($scheduleIds)) {
    $ph = implode(',', array_fill(0, count($scheduleIds), '?'));
    $sqlBookings = "SELECT bookingclass.idbookingclass, bookingclass.idserviceschedule,
                           bookingclass.lostlesson, bookingclass.status,
                           auth_users.first_name, auth_users.last_name, auth_users.id AS iduser
                    FROM bookingclass
                    LEFT JOIN auth_users ON bookingclass.iduser = auth_users.id
                                      WHERE bookingclass.idserviceschedule IN ($ph)
                      AND bookingclass.status IN ('booked', 'pending', 'waiting')
                    ORDER BY bookingclass.created_at, auth_users.last_name, auth_users.first_name";
    $stmtBookings = $pdo->prepare($sqlBookings);
    $stmtBookings->execute(array_values($scheduleIds));
    foreach ($stmtBookings->fetchAll() as $b) {
        $bookingsBySchedule[(int) $b['idserviceschedule']][] = $b;
    }
}

$italianMonths = [
    "January" => "Gennaio",
    "February" => "Febbraio",
    "March" => "Marzo",
    "April" => "Aprile",
    "May" => "Maggio",
    "June" => "Giugno",
    "July" => "Luglio",
    "August" => "Agosto",
    "September" => "Settembre",
    "October" => "Ottobre",
    "November" => "Novembre",
    "December" => "Dicembre"
];
?>
<!doctype html>
<html lang="it">

<head>
    <meta charset="utf-8" />
    <title>YogiBook - Pannello Classi</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="YogiBook - Prenotazione facile YogaSoul" name="description" />
    <meta content="Advanced Creative Solutions" name="author" />
    <link rel="shortcut icon" href="assets/images/favicon.ico">
    <link href="assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" />
    <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <style>
        .month-navigation {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 24px;
            margin: 10px 0 26px;
        }

        .class-filters {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: center;
            margin: 0 0 26px;
        }

        .filter-chip {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            border: 1px solid #e2e4e9;
            background: #fff;
            color: #374151;
            font-size: 13px;
            font-weight: 600;
            padding: 7px 14px;
            border-radius: 20px;
            cursor: pointer;
            transition: all 0.15s;
        }

        .filter-chip:hover {
            border-color: #1ebf73;
        }

        .filter-chip.active {
            background: #1ebf73;
            border-color: #1ebf73;
            color: #fff;
        }

        .filter-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

        .month-navigation h2 {
            margin: 0;
            font-size: 22px;
            font-weight: 700;
            color: #374151;
            min-width: 220px;
            text-align: center;
        }

        .month-navigation a {
            color: #1ebf73;
            transition: transform 0.15s;
        }

        .month-navigation a:hover {
            transform: scale(1.15);
        }

        .class-card {
            background: #fff;
            border-radius: 14px;
            box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);
            overflow: hidden;
            margin-bottom: 18px;
            display: flex;
            transition: box-shadow 0.2s;
        }

        .class-card:hover {
            box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
        }

        .class-date {
            flex: 0 0 110px;
            background: #E1D0B8;
            color: #ffffff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 16px;
        }

        .class-date .day {
            font-size: 44px;
            font-weight: 800;
            line-height: 1;
        }

        .class-date .month {
            font-size: 18px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .class-body {
            flex: 1;
            padding: 18px 22px;
        }

        .class-title {
            font-size: 19px;
            font-weight: 700;
            color: #1f2937;
            margin: 0 0 4px;
        }

        .class-teacher {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 4px;
        }

        .class-teacher strong {
            color: #374151;
            font-weight: 600;
        }

        .teacher-avatar-sm {
            flex: 0 0 26px;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            object-fit: cover;
            background: #E1D0B8;
            color: #5a4630;
            font-size: 11px;
            font-weight: 800;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .teacher-avatar-sm.none {
            background: #fdf0e3;
            color: #e67e22;
        }

        .class-meta {
            color: #6b7280;
            font-size: 14px;
            margin-bottom: 3px;
        }

        .capacity-pill {
            display: inline-block;
            background: #eef6f1;
            color: #1a7f52;
            font-weight: 600;
            font-size: 13px;
            padding: 2px 10px;
            border-radius: 20px;
            margin-left: 8px;
        }

        .capacity-pill.full {
            background: #fdecec;
            color: #c0392b;
        }

        .class-toolbar {
            margin-top: 12px;
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }

        .btn-soft {
            border: none;
            border-radius: 8px;
            padding: 7px 14px;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: filter 0.15s;
        }

        .btn-soft:hover {
            filter: brightness(0.94);
        }

        .btn-bookings {
            background: #eef2f7;
            color: #374151;
        }

        .btn-delete-class {
            background: #fdecea;
            color: #c0392b;
        }

        .bookings-panel {
            display: none;
            margin-top: 16px;
            border-top: 1px solid #eef0f3;
            padding-top: 16px;
        }

        .bookings-panel.open {
            display: block;
        }

        .bookings-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
        }

        .bookings-header .title {
            font-size: 14px;
            font-weight: 700;
            color: #374151;
            text-transform: uppercase;
            letter-spacing: 0.03em;
        }

        .booking-list {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .booking-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 14px;
            border-radius: 10px;
            background: #f8fafc;
            border: 1px solid #eef0f3;
            transition: background 0.15s, border-color 0.15s;
        }

        .booking-item:hover {
            background: #f1f6fb;
            border-color: #dbe4ee;
        }

        .booking-item.is-lost {
            background: #fbf1f0;
            border-color: #f3d6d2;
        }

        .avatar {
            flex: 0 0 40px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            color: #fff;
            font-weight: 700;
            font-size: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-transform: uppercase;
        }

        .booking-info {
            flex: 1;
            min-width: 0;
        }

        .booking-name {
            font-weight: 600;
            color: #1f2937;
            font-size: 15px;
        }

        .status-chip {
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            padding: 2px 9px;
            border-radius: 20px;
            margin-left: 6px;
            vertical-align: middle;
        }

        .status-chip.booked {
            background: #e3f2ec;
            color: #1a7f52;
        }

        .status-chip.lost {
            background: #1f2937;
            color: #fff;
        }

        .booking-actions {
            display: flex;
            gap: 6px;
            flex-shrink: 0;
        }

        .mini-btn {
            border: none;
            border-radius: 8px;
            padding: 7px 12px;
            font-size: 12px;
            font-weight: 600;
            color: #fff;
            cursor: pointer;
            transition: filter 0.15s;
            white-space: nowrap;
        }

        .mini-btn:hover {
            filter: brightness(0.92);
        }

        .mini-btn.lost {
            background: #e67e22;
        }

        .mini-btn.restore {
            background: #27ae60;
        }

        .mini-btn.reprogram {
            background: #2980b9;
        }

        .mini-btn.remove {
            background: #e74c3c;
        }

        .no-bookings {
            text-align: center;
            color: #9ca3af;
            padding: 20px;
            font-size: 14px;
        }

        .add-box {
            background: #f8fbf9;
            border: 1px dashed #cfe8db;
            border-radius: 12px;
            padding: 18px;
            margin-top: 16px;
        }

        .add-box label {
            font-size: 13px;
            font-weight: 600;
            color: #374151;
        }

        .search-results {
            border: 1px solid #e2e4e9;
            border-radius: 8px;
            margin-top: 6px;
            max-height: 220px;
            overflow-y: auto;
            display: none;
            background: #fff;
        }

        .search-results.show {
            display: block;
        }

        .user-result {
            padding: 10px 12px;
            cursor: pointer;
            font-size: 13px;
            border-bottom: 1px solid #f0f2f5;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .user-result:last-child {
            border-bottom: none;
        }

        .user-result:hover {
            background: #eef6f1;
        }

        .empty-month {
            text-align: center;
            color: #9ca3af;
            padding: 40px 10px;
        }
    </style>
</head>

<body>
    <div id="layout-wrapper">
        <header id="page-topbar" class="isvertical-topbar">
            <div class="navbar-header">
                <div class="d-flex">
                    <?php include('include/logoarea.php'); ?>
                    <button type="button" class="btn btn-sm px-3 font-size-24 header-item waves-effect vertical-menu-btn">
                        <i class="bx bx-menu align-middle"></i>
                    </button>
                    <div class="page-title-box align-self-center d-none d-md-block">
                        <h4 class="page-title mb-0">Pannello Classi</h4>
                    </div>
                </div>
                <div class="d-flex">
                    <?php include('include/languageselection.php'); ?>
                    <?php include('include/profiletopbar.php'); ?>
                </div>
            </div>
        </header>
        <?php include('include/sidebar.php'); ?>
        <header class="ishorizontal-topbar">
            <div class="navbar-header">
                <div class="d-flex"></div>
            </div>
            <div class="topnav">
                <div class="container-fluid">
                    <nav class="navbar navbar-light navbar-expand-lg topnav-menu"></nav>
                </div>
            </div>
        </header>

        <div class="main-content">
            <div class="page-content">
                <div class="container-fluid">

                    <?php if (isset($_GET['success'])) :
                        $msgMap = [
                            '1' => ['danger', 'Lezione segnata come persa con successo.'],
                            '2' => ['success', 'Lezione ripristinata con successo.'],
                            '3' => ['success', 'Lezione riprogrammata con successo.'],
                            '4' => ['success', 'Classe eliminata con successo.'],
                            '5' => ['success', 'Prenotazione confermata con successo.'],
                        ];
                        $m = $msgMap[$_GET['success']] ?? null;
                        if ($m) : ?>
                            <div class="alert alert-<?php echo $m[0]; ?>" role="alert"><?php echo e($m[1]); ?></div>
                    <?php endif;
                    endif; ?>

                    <?php if (isset($_GET['error'])) :
                        $errMap = [
                            'duplicate'   => 'Questo utente è già prenotato in questa classe.',
                            'insert'      => 'Errore durante l\'inserimento. Riprova.',
                            'missingdata' => 'Dati mancanti per l\'inserimento.',
                        ];
                        $em = $errMap[$_GET['error']] ?? 'Si è verificato un errore.';
                    ?>
                        <div class="alert alert-danger" role="alert"><?php echo e($em); ?></div>
                    <?php endif; ?>

                    <div class="month-navigation">
                        <a href="?prev_month=<?php echo e(date('Y-m', strtotime('-1 month', strtotime($currentMonthStart)))); ?>"><i class="fas fa-chevron-left fa-2x"></i></a>
                        <h2><?php echo e($italianMonths[date("F", strtotime($currentMonthStart))] . ' ' . date("Y", strtotime($currentMonthStart))); ?></h2>
                        <a href="?next_month=<?php echo e(date('Y-m', strtotime('+1 month', strtotime($currentMonthStart)))); ?>"><i class="fas fa-chevron-right fa-2x"></i></a>
                    </div>

                    <?php if (!empty($classTypes)) : ?>
                        <div class="class-filters">
                            <button type="button" class="filter-chip active" data-filter="__all__">Tutte</button>
                            <?php foreach ($classTypes as $typeName => $typeColor) : ?>
                                <button type="button" class="filter-chip" data-filter="<?php echo e($typeName); ?>">
                                    <span class="filter-dot" style="background: <?php echo e($typeColor); ?>;"></span>
                                    <?php echo e($typeName); ?>
                                </button>
                            <?php endforeach; ?>
                        </div>
                    <?php endif; ?>

                    <?php if (empty($scheduleRows)) : ?>
                        <div class="empty-month">
                            <i class="fas fa-calendar-xmark fa-2x mb-2"></i>
                            <p>Nessuna classe programmata per questo mese.</p>
                        </div>
                    <?php else : ?>
                        <?php foreach ($scheduleRows as $sch) :
                            $dateObj = new DateTime($sch['dateschedule']);
                            $dayNum = $dateObj->format("d");
                            $monthIt = $italianMonths[$dateObj->format("F")];
                            $whenFmt = $dateObj->format("d-m-Y H:i");
                            $scheduleId = (int) $sch['idserviceschedule'];
                            $allRows = $bookingsBySchedule[$scheduleId] ?? [];
                            // separa confermati (booked) da in attesa (pending)
                            $bookings = array_filter($allRows, fn($b) => $b['status'] === 'booked');
                            $pendings = array_filter($allRows, fn($b) => $b['status'] === 'pending');
                            $waitings = array_filter($allRows, fn($b) => $b['status'] === 'waiting');
                            $countPersons = count($bookings);   // contatore = solo confermati
                            $countPending = count($pendings);
                            $countWaiting = count($waitings);
                            $maxcap = (int) $sch['maxcapacity'];
                            $isFull = $maxcap > 0 && $countPersons >= $maxcap;
                            $colorclass = $sch['colorclass'] ?: '#e6f3ff';
                        ?>
                            <div class="class-card" data-date="<?php echo e($dateObj->format('Y-m-d')); ?>" data-type="<?php echo e($sch['servicename']); ?>">
                                <div class="class-date">
                                    <div class="day"><?php echo e($dayNum); ?></div>
                                    <div class="month"><?php echo e($monthIt); ?></div>
                                </div>
                                <div class="class-body" style="border-left: 20px solid <?php echo e($colorclass); ?>;">
                                    <h3 class="class-title">
                                        <?php echo e($sch['servicename']); ?>
                                        <span class="capacity-pill <?php echo $isFull ? 'full' : ''; ?>">
                                            <i class="fas fa-user-group" style="font-size:11px;"></i>
                                            <?php echo $countPersons; ?>/<?php echo $maxcap; ?>
                                        </span>
                                        <?php if ($countPending > 0) : ?>
                                            <span class="capacity-pill" style="background:#fff4d6;color:#8a6d00;">
                                                <i class="fas fa-hourglass-half" style="font-size:11px;"></i>
                                                <?php echo $countPending; ?> in attesa
                                            </span>
                                        <?php endif; ?>
                                        <?php if ($countWaiting > 0) : ?>
                                            <span class="capacity-pill" style="background:#fbeef3;color:#d1698a;">
                                                <i class="fas fa-list-ol" style="font-size:11px;"></i>
                                                <?php echo $countWaiting; ?> in coda
                                            </span>
                                        <?php endif; ?>
                                    </h3>
                                    <p class="class-meta"><i class="far fa-clock me-1"></i><?php echo e($whenFmt); ?></p>
                                    <p class="class-meta"><i class="fas fa-location-dot me-1"></i>via Valassina 62/B Seregno - Sala Contesto Yoga</p>
                                    <?php if ($showTeacher) :
                                        $tch = $teachersById[(int) ($sch['idteacher'] ?? 0)] ?? null; ?>
                                        <p class="class-meta class-teacher">
                                            <?php if ($tch) : ?>
                                                <?php if (!empty($tch['photo'])) : ?>
                                                    <img class="teacher-avatar-sm" src="assets/images/teachers/<?php echo e($tch['photo']); ?>" alt="">
                                                <?php else : ?>
                                                    <span class="teacher-avatar-sm"><?php echo e(initials($tch['nameemployee'], $tch['surnameemployee'])); ?></span>
                                                <?php endif; ?>
                                                Insegnante: <strong><?php echo e(trim($tch['nameemployee'] . ' ' . $tch['surnameemployee'])); ?></strong>
                                            <?php else : ?>
                                                <span class="teacher-avatar-sm none"><i class="fas fa-user" style="font-size:10px;"></i></span>
                                                <span style="color:#e67e22;font-weight:600;">Insegnante non assegnato</span>
                                            <?php endif; ?>
                                        </p>
                                    <?php endif; ?>

                                    <div class="class-toolbar">
                                        <button class="btn-soft btn-bookings" onclick="togglePanel(this)"><i class="fas fa-list-ul me-1"></i> Vedi prenotazioni</button>
                                        <button class="btn-soft btn-delete-class" onclick="confirmDeleteClass(<?php echo $scheduleId; ?>, '<?php echo e($sch['servicename']); ?>', '<?php echo e($whenFmt); ?>', <?php echo $countPersons; ?>)"><i class="fas fa-trash me-1"></i> Elimina classe</button>
                                    </div>

                                    <div class="bookings-panel">
                                        <div class="bookings-header">
                                            <span class="title"><i class="fas fa-users me-1"></i> Prenotazioni (<?php echo $countPersons; ?>)</span>
                                        </div>
                                        <div class="booking-list">
                                            <?php if (empty($bookings)) : ?>
                                                <div class="no-bookings">
                                                    <i class="fas fa-user-slash mb-1" style="font-size:22px;color:#d5d9e0;"></i><br>
                                                    Nessuna prenotazione per questa classe.
                                                </div>
                                            <?php else : ?>
                                                <?php foreach ($bookings as $b) :
                                                    $idbc = (int) $b['idbookingclass'];
                                                    $isLost = ($b['lostlesson'] === 'Y');
                                                    $fullName = trim($b['first_name'] . ' ' . $b['last_name']);
                                                    $ini = initials($b['first_name'] ?? '', $b['last_name'] ?? '');
                                                    $avColor = avatarColor($fullName);
                                                ?>
                                                    <div class="booking-item <?php echo $isLost ? 'is-lost' : ''; ?>" data-iduser="<?php echo (int) $b['iduser']; ?>">
                                                        <div class="avatar" style="background: <?php echo $isLost ? '#7f8c8d' : $avColor; ?>;"><?php echo e($ini); ?></div>
                                                        <div class="booking-info">
                                                            <span class="booking-name"><?php echo e($fullName); ?></span>
                                                            <?php if ($isLost) : ?>
                                                                <span class="status-chip lost">Persa</span>
                                                            <?php else : ?>
                                                                <span class="status-chip booked">Prenotata</span>
                                                            <?php endif; ?>
                                                        </div>
                                                        <div class="booking-actions">
                                                            <?php if ($isLost) : ?>
                                                                <button class="mini-btn restore" data-idbookingclass="<?php echo $idbc; ?>"><i class="fas fa-undo"></i> Ripristina</button>
                                                            <?php else : ?>
                                                                <button class="mini-btn lost" data-idbookingclass="<?php echo $idbc; ?>"><i class="fas fa-wind"></i> Persa</button>
                                                                <button class="mini-btn reprogram" data-idbookingclass="<?php echo $idbc; ?>"><i class="fas fa-calendar-alt"></i> Riprogramma</button>
                                                            <?php endif; ?>
                                                            <button class="mini-btn remove" onclick="handleRemoveClick(<?php echo $idbc; ?>)"><i class="fas fa-trash"></i></button>
                                                        </div>
                                                    </div>
                                                <?php endforeach; ?>
                                            <?php endif; ?>
                                        </div>

                                        <?php if ($countPending > 0) : ?>
                                            <div class="bookings-header" style="margin-top:18px;">
                                                <span class="title" style="color:#8a6d00;"><i class="fas fa-hourglass-half me-1"></i> In attesa di conferma (<?php echo $countPending; ?>)</span>
                                            </div>
                                            <div class="booking-list">
                                                <?php foreach ($pendings as $b) :
                                                    $idbc = (int) $b['idbookingclass'];
                                                    $fullName = trim($b['first_name'] . ' ' . $b['last_name']);
                                                    $ini = initials($b['first_name'] ?? '', $b['last_name'] ?? '');
                                                    $avColor = avatarColor($fullName);
                                                ?>
                                                    <div class="booking-item" style="background:#fffbf0;border-color:#f5e6b8;" data-iduser="<?php echo (int) $b['iduser']; ?>">
                                                        <div class="avatar" style="background: <?php echo $avColor; ?>;"><?php echo e($ini); ?></div>
                                                        <div class="booking-info">
                                                            <span class="booking-name"><?php echo e($fullName); ?></span>
                                                            <span class="status-chip" style="background:#fff4d6;color:#8a6d00;">In attesa</span>
                                                        </div>
                                                        <div class="booking-actions">
                                                            <button class="mini-btn restore confirm-pending" data-idbookingclass="<?php echo $idbc; ?>"><i class="fas fa-check"></i> Conferma</button>
                                                            <button class="mini-btn remove" onclick="handleRemoveClick(<?php echo $idbc; ?>)"><i class="fas fa-trash"></i></button>
                                                        </div>
                                                    </div>
                                                <?php endforeach; ?>
                                            </div>
                                        <?php endif; ?>

                                        <?php if ($countWaiting > 0) : ?>
                                            <div class="bookings-header" style="margin-top:18px;">
                                                <span class="title" style="color:#d1698a;"><i class="fas fa-list-ol me-1"></i> Lista d'attesa (<?php echo $countWaiting; ?>)</span>
                                            </div>
                                            <div class="booking-list">
                                                <?php $qpos = 1;
                                                foreach ($waitings as $b) :
                                                    $idbc = (int) $b['idbookingclass'];
                                                    $fullName = trim($b['first_name'] . ' ' . $b['last_name']);
                                                    $ini = initials($b['first_name'] ?? '', $b['last_name'] ?? '');
                                                    $avColor = avatarColor($fullName);
                                                ?>
                                                    <div class="booking-item" style="background:#fdf4f8;border-color:#f0d6e2;" data-iduser="<?php echo (int) $b['iduser']; ?>">
                                                        <div class="avatar" style="background: <?php echo $avColor; ?>;"><?php echo e($ini); ?></div>
                                                        <div class="booking-info">
                                                            <span class="booking-name">
                                                                <span style="display:inline-block;min-width:22px;font-weight:800;color:#d1698a;"><?php echo $qpos; ?>°</span>
                                                                <?php echo e($fullName); ?>
                                                            </span>
                                                            <span class="status-chip" style="background:#fbeef3;color:#d1698a;">In coda</span>
                                                        </div>
                                                        <div class="booking-actions">
                                                            <button class="mini-btn remove" onclick="handleRemoveClick(<?php echo $idbc; ?>)"><i class="fas fa-trash"></i></button>
                                                        </div>
                                                    </div>
                                                <?php $qpos++;
                                                endforeach; ?>
                                            </div>
                                        <?php endif; ?>

                                        <div class="add-box">
                                            <strong class="d-block mb-2" style="font-size:14px;"><i class="fas fa-user-plus me-1" style="color:#1ebf73;"></i> Aggiungi partecipante</strong>
                                            <form class="add-booking-form" action="inserisci_record.php" method="post">
                                                <div class="row g-2">
                                                    <div class="col-md-4"><label>Nome</label><input type="text" class="form-control name" name="name" autocomplete="off"></div>
                                                    <div class="col-md-4"><label>Cognome</label><input type="text" class="form-control surname" name="surname" autocomplete="off"></div>
                                                    <div class="col-md-4"><label>Email</label><input type="text" class="form-control email" name="email"></div>
                                                </div>
                                                <input type="hidden" class="userid" name="userid">
                                                <input type="hidden" name="idserviceschedule" value="<?php echo $scheduleId; ?>">
                                                <input type="hidden" name="status" value="booked">
                                                <input type="hidden" name="idorder" value="0">
                                                <input type="hidden" name="idservice" value="<?php echo (int) $sch['idservice']; ?>">
                                                <input type="hidden" name="bookingstart" value="<?php echo e($sch['dateschedule']); ?>">
                                                <div class="search-results"></div>
                                                <button type="submit" class="btn btn-primary btn-sm mt-2">Inserisci</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    <?php endif; ?>

                </div>
                <?php include('include/footer.php'); ?>
            </div>
        </div>
    </div>

    <script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/libs/metismenujs/metismenujs.min.js"></script>
    <script src="assets/libs/simplebar/simplebar.min.js"></script>
    <script src="assets/libs/eva-icons/eva.min.js"></script>
    <script src="assets/js/app.js"></script>

    <script>
        function togglePanel(button) {
            var panel = button.closest('.class-body').querySelector('.bookings-panel');
            panel.classList.toggle('open');
        }

        function handleRemoveClick(idbookingclass) {
            Swal.fire({
                    title: 'Sei sicuro?',
                    text: 'Questa azione rimuoverà la persona dalla classe.',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Sì, rimuovi',
                    cancelButtonText: 'Annulla'
                })
                .then((result) => {
                    if (result.isConfirmed) {
                        window.location.href = 'removebooking.php?idbookingclass=' + idbookingclass;
                    }
                });
        }

        function confirmDeleteClass(idserviceschedule, name, when, count) {
            Swal.fire({
                title: 'Eliminare questa classe?',
                html: 'Stai per eliminare <strong>' + name + '</strong> del <strong>' + when + '</strong>.<br><br>' +
                    (count > 0 ? '<span style="color:#c0392b;font-weight:600;">Attenzione: verranno rimosse anche ' + count + ' prenotazione/i associate.</span>' : 'Questa classe non ha prenotazioni.') +
                    '<br><br>L\'operazione non è reversibile.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#e74c3c',
                cancelButtonColor: '#6b7280',
                confirmButtonText: 'Sì, elimina tutto',
                cancelButtonText: 'Annulla'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = 'removeschedule.php?idserviceschedule=' + idserviceschedule;
                }
            });
        }

        $(document).ready(function() {
            // Filtro per tipologia di classe
            $(document).on('click', '.filter-chip', function() {
                var filter = $(this).data('filter');
                $('.filter-chip').removeClass('active');
                $(this).addClass('active');
                $('.class-card').each(function() {
                    var show = (filter === '__all__') || ($(this).data('type') === filter);
                    $(this).toggle(show);
                });
            });

            // Scroll automatico alla classe di oggi o alla prima futura
            (function scrollToToday() {
                var cards = document.querySelectorAll('.class-card[data-date]');
                if (!cards.length) return;
                var today = new Date();
                today.setHours(0, 0, 0, 0);
                var target = null;
                for (var i = 0; i < cards.length; i++) {
                    var d = new Date(cards[i].getAttribute('data-date') + 'T00:00:00');
                    if (d >= today) {
                        target = cards[i];
                        break;
                    }
                    target = cards[i]; // se tutte passate, resta sull'ultima
                }
                if (target) {
                    setTimeout(function() {
                        target.scrollIntoView({
                            behavior: 'smooth',
                            block: 'start'
                        });
                    }, 200);
                }
            })();

            $(document).on('click', '.mini-btn.lost', function() {
                var id = $(this).data('idbookingclass');
                Swal.fire({
                        title: 'Segnare come persa?',
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonText: 'Sì',
                        cancelButtonText: 'Annulla'
                    })
                    .then((r) => {
                        if (r.isConfirmed) {
                            $.post('aggiorna_campo_lost.php', {
                                idbookingclass: id
                            }).done(() => window.location.href = 'adminpanel.php?success=1').fail(() => Swal.fire('Errore durante l\'aggiornamento', '', 'error'));
                        }
                    });
            });
            $(document).on('click', '.mini-btn.restore:not(.confirm-pending)', function() {
                var id = $(this).data('idbookingclass');
                Swal.fire({
                        title: 'Ripristinare questa lezione?',
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonText: 'Sì',
                        cancelButtonText: 'Annulla'
                    })
                    .then((r) => {
                        if (r.isConfirmed) {
                            $.post('ripristina_campo_lost.php', {
                                idbookingclass: id
                            }).done(() => window.location.href = 'adminpanel.php?success=2').fail(() => Swal.fire('Errore durante il ripristino', '', 'error'));
                        }
                    });
            });

            $(document).on('click', '.confirm-pending', function() {
                var id = $(this).data('idbookingclass');
                Swal.fire({
                        title: 'Confermare la prenotazione?',
                        text: 'La lezione passerà da "in attesa" a confermata.',
                        icon: 'question',
                        showCancelButton: true,
                        confirmButtonText: 'Sì, conferma',
                        cancelButtonText: 'Annulla'
                    })
                    .then((r) => {
                        if (r.isConfirmed) {
                            $.post('conferma_pending.php', {
                                idbookingclass: id
                            }).done(() => window.location.href = 'adminpanel.php?success=5').fail(() => Swal.fire('Errore durante la conferma', '', 'error'));
                        }
                    });
            });
            $(document).on('click', '.mini-btn.reprogram', function() {
                var idbookingclass = $(this).data('idbookingclass');
                $.ajax({
                    url: 'get_available_classes.php?t=' + Date.now(),
                    method: 'GET',
                    dataType: 'json',
                    success: function(data) {
                        if (data.error) {
                            Swal.fire('Errore', data.error, 'error');
                            return;
                        }
                        let opts = '',
                            selectedSet = false;
                        const now = new Date();
                        const months = {
                            January: 'Gennaio',
                            February: 'Febbraio',
                            March: 'Marzo',
                            April: 'Aprile',
                            May: 'Maggio',
                            June: 'Giugno',
                            July: 'Luglio',
                            August: 'Agosto',
                            September: 'Settembre',
                            October: 'Ottobre',
                            November: 'Novembre',
                            December: 'Dicembre'
                        };
                        data.classes.forEach(function(cls) {
                            let disp;
                            if (cls.display_dateschedule) {
                                disp = cls.display_dateschedule;
                            } else if (cls.dateschedule) {
                                const d = new Date(cls.dateschedule);
                                disp = String(d.getDate()).padStart(2, '0') + ' ' + months[d.toLocaleString('en-US', {
                                    month: 'long'
                                })] + ' ' + d.getFullYear() + ' ' + String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0');
                            } else {
                                disp = 'Data non disponibile';
                            }
                            const occ = (typeof cls.occupied_seats !== 'undefined' && typeof cls.maxcapacity !== 'undefined') ? '(' + cls.occupied_seats + '/' + cls.maxcapacity + ')' : '(0/0)';
                            const cd = cls.iso_dateschedule ? new Date(cls.iso_dateschedule) : (cls.dateschedule ? new Date(cls.dateschedule) : new Date());
                            const sel = (!selectedSet && cd >= now) ? 'selected' : '';
                            if (!selectedSet && cd >= now) selectedSet = true;
                            opts += '<option value="' + cls.idserviceschedule + '" ' + sel + '>' + cls.servicename + ' - ' + disp + ' ' + occ + '</option>';
                        });
                        Swal.fire({
                            title: 'Riprogramma Lezione',
                            html: '<label for="class-select">Seleziona una lezione:</label><select id="class-select" class="form-control" style="width:100%;">' + opts + '</select><br><label for="is-reprogrammed">Segna come riprogrammata:</label><input type="checkbox" id="is-reprogrammed" checked>',
                            showCancelButton: true,
                            confirmButtonText: 'Riprogramma',
                            cancelButtonText: 'Annulla',
                            preConfirm: () => {
                                const sc = document.getElementById('class-select').value;
                                const ir = document.getElementById('is-reprogrammed').checked ? 'Y' : 'N';
                                if (!sc) {
                                    Swal.showValidationMessage('Seleziona una lezione');
                                    return false;
                                }
                                return {
                                    idbookingclass,
                                    idserviceschedule: sc,
                                    is_reprogrammed: ir
                                };
                            }
                        }).then((result) => {
                            if (result.isConfirmed) {
                                $.post('reprogramclass.php', result.value).done(() => window.location.href = 'adminpanel.php?success=3').fail((xhr, status, error) => Swal.fire('Errore durante la riprogrammazione', status + ' - ' + error, 'error'));
                            }
                        });
                    },
                    error: function(xhr, status, error) {
                        Swal.fire('Errore durante il recupero delle lezioni', status + ' - ' + error, 'error');
                    }
                });
            });

            // === Intercetta submit "Aggiungi partecipante" ===
            $(document).on('submit', '.add-booking-form', function(e) {
                e.preventDefault();
                const form = $(this);
                const userid = form.find('.userid').val();
                const name = form.find('.name').val().trim();
                const surname = form.find('.surname').val().trim();

                if (!name || !surname) {
                    Swal.fire('Dati mancanti', 'Inserisci nome e cognome.', 'warning');
                    return;
                }

                const hasUser = userid && parseInt(userid) > 0;

                // Controllo anti-duplicato PRIMA di aprire il modale:
                // l'utente è già presente in questa classe?
                if (hasUser) {
                    const panel = form.closest('.bookings-panel');
                    const already = panel.find('.booking-item[data-iduser="' + parseInt(userid) + '"]').length > 0;
                    if (already) {
                        Swal.fire(
                            'Già prenotato',
                            'Questa persona è già presente in questa classe.',
                            'info'
                        );
                        return;
                    }
                }

                if (hasUser) {
                    $.getJSON('get_user_orders.php', {
                        userid: userid
                    }).done(function(data) {
                        showBookingModal(form, data.orders || []);
                    }).fail(function() {
                        showBookingModal(form, []);
                    });
                } else {
                    showBookingModal(form, []);
                }
            });

            function showBookingModal(form, orders) {
                const usableOrders = orders.filter(o => o.remaining > 0);
                let orderOptions = '';
                usableOrders.forEach(function(o) {
                    const exp = o.expireon ? ' - scade ' + o.expireon : '';
                    orderOptions += '<option value="' + o.idorderbook + '">' +
                        o.service_name + ' (' + o.remaining + '/' + o.tickets + ' residui)' + exp +
                        '</option>';
                });

                const hasUsableOrders = usableOrders.length > 0;

                const d = new Date();
                d.setMonth(d.getMonth() + 3);
                const defExpiry = d.toISOString().slice(0, 10);

                const html =
                    '<div style="text-align:left;">' +
                    '<label style="display:block;margin:8px 0;">' +
                    '<input type="radio" name="bkmode" value="scala" ' + (hasUsableOrders ? 'checked' : 'disabled') + '> ' +
                    '<strong>Scala da un pacchetto</strong>' + (hasUsableOrders ? '' : ' (nessun pacchetto con residui)') +
                    '</label>' +
                    '<select id="bk-order" class="form-control" style="margin:6px 0 14px;" ' + (hasUsableOrders ? '' : 'disabled') + '>' +
                    orderOptions +
                    '</select>' +
                    '<label style="display:block;margin:8px 0;">' +
                    '<input type="radio" name="bkmode" value="omaggio" ' + (hasUsableOrders ? '' : 'checked') + '> ' +
                    '<strong>Aggiungi come omaggio</strong> <span style="color:#6b7280;font-size:12px;">(non consuma pacchetti, non spostabile)</span>' +
                    '</label>' +
                    '<label style="display:block;margin:8px 0;">' +
                    '<input type="radio" name="bkmode" value="nuovo"> ' +
                    '<strong>Crea nuovo ordine</strong> <span style="color:#6b7280;font-size:12px;">(1 lezione)</span>' +
                    '</label>' +
                    '<div id="bk-nuovo-fields" style="display:none;margin:6px 0 0;padding-left:22px;">' +
                    '<label style="font-size:13px;">Scadenza ordine:</label>' +
                    '<input type="date" id="bk-expiry" class="form-control" value="' + defExpiry + '">' +
                    '</div>' +
                    '</div>';

                Swal.fire({
                    title: 'Aggiungi partecipante',
                    html: html,
                    showCancelButton: true,
                    confirmButtonText: 'Inserisci',
                    cancelButtonText: 'Annulla',
                    confirmButtonColor: '#1ebf73',
                    didOpen: () => {
                        document.querySelectorAll('input[name="bkmode"]').forEach(function(r) {
                            r.addEventListener('change', function() {
                                document.getElementById('bk-nuovo-fields').style.display =
                                    (this.value === 'nuovo') ? 'block' : 'none';
                            });
                        });
                    },
                    preConfirm: () => {
                        const mode = document.querySelector('input[name="bkmode"]:checked');
                        if (!mode) {
                            Swal.showValidationMessage('Seleziona una modalità');
                            return false;
                        }
                        const result = {
                            mode: mode.value
                        };
                        if (mode.value === 'scala') {
                            const sel = document.getElementById('bk-order').value;
                            if (!sel) {
                                Swal.showValidationMessage('Seleziona un pacchetto');
                                return false;
                            }
                            result.idorder = sel;
                        }
                        if (mode.value === 'nuovo') {
                            const exp = document.getElementById('bk-expiry').value;
                            if (!exp) {
                                Swal.showValidationMessage('Inserisci la scadenza');
                                return false;
                            }
                            result.expiry = exp;
                        }
                        return result;
                    }
                }).then((res) => {
                    if (!res.isConfirmed) return;
                    submitBooking(form, res.value);
                });
            }

            function submitBooking(form, choice) {
                form.find('input[name="bkmode"]').remove();
                form.find('input[name="new_expiry"]').remove();

                $('<input>').attr({
                    type: 'hidden',
                    name: 'bkmode',
                    value: choice.mode
                }).appendTo(form);

                if (choice.mode === 'scala') {
                    form.find('input[name="idorder"]').val(choice.idorder);
                } else if (choice.mode === 'omaggio') {
                    form.find('input[name="idorder"]').val('');
                } else if (choice.mode === 'nuovo') {
                    form.find('input[name="idorder"]').val('');
                    $('<input>').attr({
                        type: 'hidden',
                        name: 'new_expiry',
                        value: choice.expiry
                    }).appendTo(form);
                }

                form.off('submit');
                form[0].submit();
            }

            let searchTimeout;
            $(document).on('input', '.surname, .name', function() {
                clearTimeout(searchTimeout);
                var form = $(this).closest('form');
                var results = form.find('.search-results');
                var firstName = form.find('.name').val().trim();
                var lastName = form.find('.surname').val().trim();
                if (firstName.length < 2 && lastName.length < 2) {
                    results.removeClass('show').empty();
                    return;
                }
                searchTimeout = setTimeout(function() {
                    $.ajax({
                        url: 'searchemail.php',
                        method: 'POST',
                        data: {
                            firstName: firstName,
                            lastName: lastName
                        },
                        dataType: 'json',
                        cache: false,
                        success: function(data) {
                            results.empty();
                            if (data.results && data.results.length > 0) {
                                data.results.forEach(function(u) {
                                    var ini = ((u.first_name || '').charAt(0) + (u.last_name || '').charAt(0)).toUpperCase();
                                    results.append('<div class="user-result" data-email="' + u.email + '" data-userid="' + u.id + '" data-firstname="' + u.first_name + '" data-lastname="' + u.last_name + '"><span class="avatar" style="width:32px;height:32px;font-size:12px;background:#2980b9;">' + ini + '</span><span><strong>' + u.first_name + ' ' + u.last_name + '</strong><br><small style="color:#6b7280;">' + u.email + '</small></span></div>');
                                });
                                results.addClass('show');
                                results.find('.user-result').on('click', function() {
                                    form.find('.email').val($(this).data('email'));
                                    form.find('.userid').val($(this).data('userid'));
                                    form.find('.name').val($(this).data('firstname'));
                                    form.find('.surname').val($(this).data('lastname'));
                                    results.removeClass('show').empty();
                                });
                            } else {
                                results.append('<div class="user-result" style="color:#9ca3af;">Nessun utente trovato.</div>').addClass('show');
                            }
                        },
                        error: function() {
                            results.html('<div class="user-result" style="color:#c0392b;">Errore durante la ricerca.</div>').addClass('show');
                        }
                    });
                }, 300);
            });
        });
    </script>
</body>

</html>