295 lines
12 KiB
PHP
295 lines
12 KiB
PHP
<?php include('include/headscript.php'); ?>
|
|
<?php
|
|
// Ottieni l'istanza del DBHandlerSelect
|
|
$dbHandler = DBHandlerSelect::getInstance();
|
|
$pdo = $dbHandler->getConnection();
|
|
|
|
// Recupera lo school_id dalla sessione
|
|
$school_id = session('school_id');
|
|
|
|
$school = null;
|
|
// Costruisci manualmente l'URL assoluto per il logo di default
|
|
$base_url = rtrim(env('APP_URL'), '/') . '/public/userarea/';
|
|
$school_logo_path = $base_url . 'yogibook_logo.png'; // Default logo
|
|
if ($school_id) {
|
|
// Usa il modello School per recuperare i dati della scuola
|
|
$school = \Vanguard\Models\School::find($school_id);
|
|
if ($school) {
|
|
// Se la scuola esiste, aggiorna il percorso del logo
|
|
$school_logo_path = $school->logo ? $base_url . $school->logo : $school_logo_path;
|
|
}
|
|
}
|
|
|
|
// Query per i dati dell'utente
|
|
$stmt = $pdo->prepare("SELECT first_name, last_name, avatar FROM auth_users WHERE id = ?");
|
|
$stmt->execute([$iduserlogin]);
|
|
$user = $stmt->fetch();
|
|
// Dopo aver recuperato i dati dell'utente
|
|
$avatar = !empty($user['avatar']) ? '../upload/users/' . $user['avatar'] : '../assets/images/default-avatar.png';
|
|
?>
|
|
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!--favicon-->
|
|
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
|
|
<?php include('cssinclude.php'); ?>
|
|
<?php include('siteinfo.php'); ?>
|
|
<style>
|
|
.page-content {
|
|
background-color: #f0f4f5;
|
|
/* Sfondo pastello chiaro (grigio-azzurro) */
|
|
}
|
|
|
|
.card-pastel {
|
|
background-color: rgb(149, 217, 248);
|
|
/* Verde menta pastello */
|
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
|
|
/* Ombra leggera */
|
|
border: none;
|
|
/* Rimuoviamo il bordo predefinito */
|
|
}
|
|
|
|
.avatar-border {
|
|
border: 3px solid #a3d9b1;
|
|
/* Bordo verde pastello intorno all'avatar */
|
|
}
|
|
|
|
.btn-pastel {
|
|
background-color: rgb(148, 186, 204);
|
|
/* Colore pulsante coordinato */
|
|
border: none;
|
|
transition: background-color 0.3s ease;
|
|
/* Effetto hover */
|
|
}
|
|
|
|
.btn-pastel:hover {
|
|
background-color: rgb(155, 189, 221);
|
|
/* Colore più scuro al passaggio del mouse */
|
|
}
|
|
|
|
h5 {
|
|
font-family: 'Poppins', sans-serif;
|
|
/* Font moderno e morbido, se disponibile */
|
|
color: #333;
|
|
/* Colore testo scuro per contrasto */
|
|
}
|
|
|
|
.calendar-header {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
/* Permette ai filtri di andare a capo su schermi piccoli */
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 1.5rem;
|
|
gap: 10px;
|
|
/* Spazio tra gli elementi */
|
|
}
|
|
|
|
.lesson-card {
|
|
background-color: #ffffff;
|
|
border-left: 4px solid #c8e6c9;
|
|
/* Verde per le lezioni programmate */
|
|
transition: transform 0.2s ease;
|
|
}
|
|
|
|
.lesson-card:hover {
|
|
transform: translateY(-3px);
|
|
}
|
|
|
|
.filter-btn {
|
|
background-color: #f8bbd0;
|
|
border: none;
|
|
color: white;
|
|
padding: 5px 15px;
|
|
border-radius: 20px;
|
|
font-size: 0.9rem;
|
|
margin: 0 5px;
|
|
/* Spazio tra i pulsanti */
|
|
}
|
|
|
|
.filter-btn.active {
|
|
background-color: #bbdefb;
|
|
}
|
|
|
|
.reschedule-btn {
|
|
background-color: #c8e6c9;
|
|
border: none;
|
|
color: white;
|
|
font-size: 0.85rem;
|
|
padding: 5px 10px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.lesson-details p {
|
|
margin-bottom: 0.2rem;
|
|
/* Spazio ridotto tra le righe */
|
|
font-size: 0.85rem;
|
|
/* Testo più piccolo per adattarsi meglio */
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<!--wrapper-->
|
|
<div class="wrapper">
|
|
<!--sidebar wrapper -->
|
|
<?php include('include/navbar.php'); ?>
|
|
<!--end sidebar wrapper -->
|
|
<!--start header -->
|
|
<?php include('include/topbar.php'); ?>
|
|
<!--end header -->
|
|
<!--start page wrapper -->
|
|
<div class="page-wrapper">
|
|
<div class="page-content">
|
|
|
|
<!-- Sezione Scuola -->
|
|
<div class="card card-pastel radius-10 mb-4">
|
|
<div class="card-body text-center">
|
|
<?php if ($school): ?>
|
|
<h5 class="mb-3">Sei loggato nella scuola: <?php echo htmlspecialchars($school->name); ?></h5>
|
|
<img src="<?php echo $school_logo_path; ?>" alt="School Logo" style="max-height: 100px;">
|
|
<?php else: ?>
|
|
<h5 class="mb-3">Nessuna scuola selezionata</h5>
|
|
<img src="<?php echo $school_logo_path; ?>" alt="Default Logo" style="max-height: 100px;">
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<!-- Sezione Profilo -->
|
|
<div class="card card-pastel radius-10">
|
|
<div class="card-header">
|
|
<div class="d-flex align-items-center">
|
|
<div>
|
|
<h6 class="mb-0">Stato Utente</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="d-flex flex-column align-items-center text-center">
|
|
|
|
<!-- Saluto e Nome -->
|
|
<h5 class="mb-3">Ciao, <?php echo htmlspecialchars($user['first_name']); ?>!</h5>
|
|
</div>
|
|
|
|
<!-- Sezione dei box -->
|
|
<div class="row">
|
|
<!-- Lezioni programmate -->
|
|
<div class="col-12 col-md-4 mb-3">
|
|
<div class="card card-pastel radius-10 text-center" style="background-color: #c8e6c9;">
|
|
<div class="card-body">
|
|
<h6 class="mb-2">Lezioni Programmate</h6>
|
|
<h3 class="mb-0 text-primary">5</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Ticket da programmare -->
|
|
<div class="col-12 col-md-4 mb-3">
|
|
<div class="card card-pastel radius-10 text-center" style="background-color: #f8bbd0;">
|
|
<div class="card-body">
|
|
<h6 class="mb-2">Ticket da Programmare</h6>
|
|
<h3 class="mb-0 text-primary">3</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Lezioni da confermare -->
|
|
<div class="col-12 col-md-4 mb-3">
|
|
<div class="card card-pastel radius-10 text-center" style="background-color: #bbdefb;">
|
|
<div class="card-body">
|
|
<h6 class="mb-2">Lezioni da Confermare</h6>
|
|
<h3 class="mb-0 text-primary">2</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Sezione delle lezioni future -->
|
|
<div class="card card-pastel radius-10 mt-4">
|
|
<div class="card-header">
|
|
<div class="d-flex align-items-center">
|
|
<div>
|
|
<h6 class="mb-0">Le tue Lezioni Future</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<!-- Header con calendario e filtri -->
|
|
<div class="calendar-header">
|
|
<!-- Calendario per cambiare mese -->
|
|
<div>
|
|
<input type="month" id="monthPicker" value="2025-04" class="form-control" style="width: 150px;">
|
|
</div>
|
|
<!-- Filtri -->
|
|
<div>
|
|
<button class="filter-btn active">Programmate</button>
|
|
<button class="filter-btn">Effettuate</button>
|
|
<button class="filter-btn">Perse</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Lista delle lezioni -->
|
|
<div class="row">
|
|
<!-- Lezione 1 -->
|
|
<div class="col-12 col-md-6 mb-3">
|
|
<div class="card lesson-card radius-10">
|
|
<div class="card-body d-flex justify-content-between align-items-center">
|
|
<div class="lesson-details">
|
|
<h6 class="mb-1">Yoga Flow</h6>
|
|
<p class="text-muted">15 Apr 2025, 18:00</p>
|
|
<p class="text-muted">Scuola: Yoga Harmony</p>
|
|
<p class="text-muted">Via Roma 12, Milano</p>
|
|
</div>
|
|
<button class="reschedule-btn">Riprogramma</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Lezione 2 -->
|
|
<div class="col-12 col-md-6 mb-3">
|
|
<div class="card lesson-card radius-10">
|
|
<div class="card-body d-flex justify-content-between align-items-center">
|
|
<div class="lesson-details">
|
|
<h6 class="mb-1">Hatha Yoga</h6>
|
|
<p class="text-muted">20 Apr 2025, 09:00</p>
|
|
<p class="text-muted">Scuola: Zen Studio</p>
|
|
<p class="text-muted">Corso Italia 45, Torino</p>
|
|
</div>
|
|
<button class="reschedule-btn">Riprogramma</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!--end page wrapper -->
|
|
<!--start overlay-->
|
|
<div class="overlay toggle-icon"></div>
|
|
<!--end overlay-->
|
|
<!--Start Back To Top Button-->
|
|
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
|
|
<!--End Back To Top Button-->
|
|
<?php include('include/footer.php'); ?>
|
|
</div>
|
|
<!--end wrapper-->
|
|
|
|
|
|
<!-- search modal -->
|
|
<?php //include('include/searchmodal.php');
|
|
?>
|
|
<!-- end search modal -->
|
|
|
|
|
|
<!--start switcher-->
|
|
<?php //include('include/themeswitcher.php');
|
|
?>
|
|
<!--end switcher-->
|
|
<?php include('jsinclude.php'); ?>
|
|
</body>
|
|
|
|
</html>
|