335 lines
12 KiB
PHP
335 lines
12 KiB
PHP
<?php
|
||
// christmas-list.php
|
||
|
||
// Protection : nécessite d'être connecté
|
||
require __DIR__ . '/includes/auth.php';
|
||
require_login('/login.php');
|
||
|
||
// Connexion DB
|
||
require __DIR__ . '/includes/db.php';
|
||
|
||
// Config page
|
||
$pageTitle = "PachaFamily - Llista de regals";
|
||
$activePage = "christmas-list";
|
||
$bodyClass = "pf-christmas-list";
|
||
$pageCss = "/modules/christmas-list/christmas-list.css";
|
||
|
||
require __DIR__ . '/header.php';
|
||
|
||
// Constantes “théoriques” pour la grille
|
||
$year = (int)date('Y');
|
||
$adults = ['Laia', 'Laura', 'Avi Iaia'];
|
||
$children = ['Pol', 'Pep', 'Elna', 'Bru', 'Guim'];
|
||
|
||
// IMPORTANT : aligner les codes avec ta BDD (enum('TIO','NOEL','ROIS'))
|
||
$allOccasionLabels = [
|
||
'TIO' => 'Tió',
|
||
'NOEL' => 'Nadal',
|
||
'ROIS' => 'Reis',
|
||
];
|
||
|
||
// Récup toutes les données pour l’année
|
||
$stmt = $pdo->prepare("
|
||
SELECT *
|
||
FROM pf_christmas_gifts
|
||
WHERE year = :year
|
||
ORDER BY adult_name, child_name, occasion, created_at
|
||
");
|
||
$stmt->execute(['year' => $year]);
|
||
$gifts = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||
|
||
// Si aucune donnée, on évite les notices plus bas
|
||
if (!$gifts) {
|
||
$gifts = [];
|
||
}
|
||
|
||
// 1) Indexer par [occasion][child][adult] pour l'affichage par fête
|
||
$byOccasion = []; // [occasion][child][adult][] = gifts
|
||
foreach ($gifts as $gift) {
|
||
$o = $gift['occasion'];
|
||
$c = $gift['child_name'];
|
||
$a = $gift['adult_name'];
|
||
$byOccasion[$o][$c][$a][] = $gift;
|
||
}
|
||
?>
|
||
|
||
<div class="pf-container">
|
||
<h1>Llista de regals <?= htmlspecialchars($year) ?></h1>
|
||
|
||
<!-- =============================================================== -->
|
||
<!-- VUE TABLEAU PAR FÊTE : mini-tableaux par enfant (totaux en tête) -->
|
||
<!-- =============================================================== -->
|
||
<section class="pf-section pf-section--panel">
|
||
<h2>Vista per festa</h2>
|
||
|
||
<?php if (empty($gifts)): ?>
|
||
<p>No hi ha cap regal registrat per a <?= htmlspecialchars($year) ?>.</p>
|
||
<?php endif; ?>
|
||
|
||
<?php foreach ($allOccasionLabels as $occCode => $occLabel): ?>
|
||
<div class="cl-occasion-block">
|
||
<h3 class="cl-occasion-title"><?= htmlspecialchars($occLabel) ?></h3>
|
||
|
||
<div class="cl-occasion-children-tables">
|
||
<?php
|
||
// Afficher tous les enfants (même vides) pour garder l'ordre fixe
|
||
$childrenForOccasion = $children;
|
||
|
||
foreach ($childrenForOccasion as $childName):
|
||
// Prépare les listes par adulte pour cet enfant et cette fête
|
||
$lists = [];
|
||
$totals = [];
|
||
foreach ($adults as $adultName) {
|
||
$lists[$adultName] = $byOccasion[$occCode][$childName][$adultName] ?? [];
|
||
$totals[$adultName] = array_sum(array_map(
|
||
fn($g) => (float)$g['amount'],
|
||
$lists[$adultName]
|
||
));
|
||
}
|
||
// Nombre de lignes: max des tailles de listes Laia/Laura/Avi Iaia
|
||
$maxRowsChild = max(array_map('count', $lists));
|
||
?>
|
||
<table class="cl-child-table child-<?= strtolower($childName) ?>">
|
||
<colgroup>
|
||
<col class="cl-col" />
|
||
<col class="cl-col" />
|
||
<col class="cl-col" />
|
||
</colgroup>
|
||
|
||
<caption>
|
||
<?= htmlspecialchars($childName) ?>
|
||
<button
|
||
type="button"
|
||
class="cl-child-add-btn"
|
||
title="Afegeix un regal"
|
||
data-year="<?= $year ?>"
|
||
data-child="<?= htmlspecialchars($childName) ?>"
|
||
data-occasion="<?= htmlspecialchars($occCode) ?>"
|
||
>+</button>
|
||
</caption>
|
||
|
||
<thead>
|
||
<tr>
|
||
<?php foreach ($adults as $adultName): ?>
|
||
<th>
|
||
<div class="cl-th-inner">
|
||
<span class="cl-th-label"><?= htmlspecialchars($adultName) ?></span>
|
||
<span class="cl-summary-adult-total">
|
||
<?= number_format($totals[$adultName], 0, ',', ' ') ?> €
|
||
</span>
|
||
</div>
|
||
</th>
|
||
<?php endforeach; ?>
|
||
</tr>
|
||
</thead>
|
||
|
||
<tbody>
|
||
<?php if ($maxRowsChild === 0): ?>
|
||
<tr>
|
||
<td><span class="cl-empty">—</span></td>
|
||
<td><span class="cl-empty">—</span></td>
|
||
<td><span class="cl-empty">—</span></td>
|
||
</tr>
|
||
<?php else: ?>
|
||
<?php for ($i = 0; $i < $maxRowsChild; $i++): ?>
|
||
<tr>
|
||
<?php foreach ($adults as $adultName): ?>
|
||
<?php $gift = $lists[$adultName][$i] ?? null; ?>
|
||
<td>
|
||
<?php if ($gift): ?>
|
||
<?php
|
||
$desc = htmlspecialchars($gift['gift_description']);
|
||
$amt = (float)$gift['amount'];
|
||
$plink = trim($gift['product_link'] ?? '');
|
||
?>
|
||
<?php if ($plink !== ''): ?>
|
||
<a href="<?= htmlspecialchars($plink) ?>" target="_blank" rel="noopener noreferrer" class="cl-gift-link"><?= $desc ?></a>
|
||
<?php else: ?>
|
||
<span class="cl-gift-desc"><?= $desc ?></span>
|
||
<?php endif; ?>
|
||
<?php if ($amt > 0): ?>
|
||
<span class="cl-gift-amount">(<?= number_format($amt, 0, ',', ' ') ?> €)</span>
|
||
<?php endif; ?>
|
||
<?php else: ?>
|
||
<span class="cl-empty">—</span>
|
||
<?php endif; ?>
|
||
</td>
|
||
<?php endforeach; ?>
|
||
</tr>
|
||
<?php endfor; ?>
|
||
<?php endif; ?>
|
||
</tbody>
|
||
</table>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
</div>
|
||
<?php endforeach; ?>
|
||
</section>
|
||
|
||
<!-- =============================================================== -->
|
||
<!-- RÉSUMÉ DU BUDGET (AGGRÉGÉ) -->
|
||
<!-- =============================================================== -->
|
||
<section class="pf-section pf-section--panel">
|
||
<h2>Resum del pressupost</h2>
|
||
<?php
|
||
$stmtSum = $pdo->prepare("
|
||
SELECT adult_name, child_name, occasion, SUM(amount) AS total
|
||
FROM pf_christmas_gifts
|
||
WHERE year = :year
|
||
GROUP BY adult_name, child_name, occasion
|
||
ORDER BY adult_name, child_name, occasion
|
||
");
|
||
$stmtSum->execute(['year' => $year]);
|
||
$sums = $stmtSum->fetchAll(PDO::FETCH_ASSOC);
|
||
?>
|
||
|
||
<div class="cl-budget-wrapper">
|
||
<table class="pf-table pf-table--compact">
|
||
<thead>
|
||
<tr>
|
||
<th>Adult</th>
|
||
<th>Infant</th>
|
||
<th>Festa</th>
|
||
<th>Total</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<?php foreach ($sums as $row): ?>
|
||
<tr>
|
||
<td><?= htmlspecialchars($row['adult_name']) ?></td>
|
||
<td><?= htmlspecialchars($row['child_name']) ?></td>
|
||
<td><?= htmlspecialchars($allOccasionLabels[$row['occasion']] ?? $row['occasion']) ?></td>
|
||
<td><?= number_format($row['total'], 0, ',', ' ') ?> €</td>
|
||
</tr>
|
||
<?php endforeach; ?>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- =============================================================== -->
|
||
<!-- LISTE DÉTAILLÉE DES CADEAUX (vue "debug"/admin") -->
|
||
<!-- =============================================================== -->
|
||
<section class="pf-section pf-section--panel">
|
||
<h2>Llista detallada de regals</h2>
|
||
<div class="cl-detail-wrapper">
|
||
<table class="pf-table pf-table--compact">
|
||
<thead>
|
||
<tr>
|
||
<th>Adult</th>
|
||
<th>Infant</th>
|
||
<th>Festa</th>
|
||
<th>Regal</th>
|
||
<th>€</th>
|
||
<th>Enllaç</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<?php foreach ($gifts as $g): ?>
|
||
<tr>
|
||
<td><?= htmlspecialchars($g['adult_name']) ?></td>
|
||
<td><?= htmlspecialchars($g['child_name']) ?></td>
|
||
<td><?= htmlspecialchars($allOccasionLabels[$g['occasion']] ?? $g['occasion']) ?></td>
|
||
<td><?= htmlspecialchars($g['gift_description']) ?></td>
|
||
<td><?= number_format($g['amount'], 0, ',', ' ') ?></td>
|
||
<td>
|
||
<?php if (!empty($g['product_link'])): ?>
|
||
<a href="<?= htmlspecialchars($g['product_link']) ?>" target="_blank">🔗</a>
|
||
<?php endif; ?>
|
||
</td>
|
||
</tr>
|
||
<?php endforeach; ?>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<!-- JS inline : modale d'ajout de cadeau -->
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
// Modale d'ajout de cadeau (bouton + à côté du nom de l'enfant)
|
||
const modal = document.getElementById('cl-gift-modal');
|
||
const backdrop = modal.querySelector('.cl-modal-backdrop');
|
||
const cancelBtn = modal.querySelector('.clm-cancel');
|
||
|
||
document.querySelectorAll('.cl-child-add-btn').forEach(function (btn) {
|
||
btn.addEventListener('click', function () {
|
||
const year = btn.getAttribute('data-year');
|
||
const child = btn.getAttribute('data-child');
|
||
const occasion = btn.getAttribute('data-occasion');
|
||
|
||
modal.classList.add('cl-open');
|
||
|
||
// Remplir les champs cachés
|
||
document.getElementById('clm-year').value = year;
|
||
document.getElementById('clm-child').value = child;
|
||
document.getElementById('clm-occasion').value = occasion;
|
||
|
||
// Reset des champs visibles
|
||
document.getElementById('clm-adult').selectedIndex = 0;
|
||
document.getElementById('clm-gift').value = '';
|
||
document.getElementById('clm-amount').value = '';
|
||
document.getElementById('clm-link').value = '';
|
||
});
|
||
});
|
||
|
||
function closeModal() {
|
||
modal.classList.remove('cl-open');
|
||
}
|
||
cancelBtn.addEventListener('click', closeModal);
|
||
backdrop.addEventListener('click', closeModal);
|
||
});
|
||
</script>
|
||
|
||
<!-- Modal d'ajout de cadeau -->
|
||
<div id="cl-gift-modal" class="cl-modal" aria-hidden="true">
|
||
<div class="cl-modal-backdrop"></div>
|
||
<div class="cl-modal-dialog" role="dialog" aria-modal="true" aria-labelledby="cl-modal-title">
|
||
<form method="post" action="/modules/christmas-list/save-gift.php" class="cl-modal-form">
|
||
<h3 id="cl-modal-title">Afegeix un regal</h3>
|
||
|
||
<!-- Champs cachés (contexte) -->
|
||
<input type="hidden" name="year" id="clm-year" value="<?= $year ?>">
|
||
<input type="hidden" name="child_name" id="clm-child" value="">
|
||
<input type="hidden" name="occasion" id="clm-occasion" value="">
|
||
|
||
<!-- Adulte -->
|
||
<label class="clm-label">
|
||
Adult
|
||
<select name="adult_name" id="clm-adult" required>
|
||
<?php foreach ($adults as $adultName): ?>
|
||
<option value="<?= htmlspecialchars($adultName) ?>"><?= htmlspecialchars($adultName) ?></option>
|
||
<?php endforeach; ?>
|
||
</select>
|
||
</label>
|
||
|
||
<!-- Cadeau -->
|
||
<label class="clm-label">
|
||
Nom del regal
|
||
<input type="text" name="gift_description" id="clm-gift" placeholder="p. ex., Lego Star Wars" required>
|
||
</label>
|
||
|
||
<!-- Montant -->
|
||
<label class="clm-label">
|
||
Preu (€)
|
||
<input type="number" name="amount" id="clm-amount" placeholder="p. ex., 49,99" step="0.01" min="0">
|
||
</label>
|
||
|
||
<!-- Lien produit (optionnel) -->
|
||
<label class="clm-label">
|
||
Enllaç (opcional)
|
||
<input type="url" name="product_link" id="clm-link" placeholder="https://exemple.com/producte">
|
||
</label>
|
||
|
||
<div class="cl-modal-actions">
|
||
<button type="button" class="clm-cancel">Cancel·la</button>
|
||
<button type="submit" class="clm-ok">Desa</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<?php
|
||
require __DIR__ . '/footer.php';
|