297 lines
18 KiB
PHP
297 lines
18 KiB
PHP
<?php
|
|
// modules/holidays/views/detail.php
|
|
|
|
$id = isset($_GET['id']) ? (int)$_GET['id'] : 0;
|
|
|
|
if ($id === 0) { echo "<div class='pf-section'><p>Erreur.</p></div>"; exit; }
|
|
|
|
$stmt = $pdo->prepare("
|
|
SELECT h.*,
|
|
(COALESCE(h.budget_food, 0) + COALESCE(h.budget_extra, 0) + COALESCE((SELECT SUM(amount) FROM pf_holidays_items WHERE holiday_id = h.id), 0)) as total_cost,
|
|
(
|
|
(SELECT COALESCE(SUM(ABS(amount)), 0) FROM pf_expenses WHERE holiday_id = h.id) +
|
|
(SELECT COALESCE(SUM(amount), 0) FROM pf_holidays_items WHERE holiday_id = h.id AND is_paid = 1)
|
|
) as total_paid,
|
|
(SELECT COALESCE(SUM(amount), 0) FROM pf_savings WHERE holiday_id = h.id) as total_saved
|
|
FROM pf_holidays h WHERE h.id = ?
|
|
");
|
|
$stmt->execute([$id]);
|
|
$holiday = $stmt->fetch(PDO::FETCH_ASSOC);
|
|
|
|
$stmtItems = $pdo->prepare("SELECT * FROM pf_holidays_items WHERE holiday_id = ? ORDER BY sort_order ASC, id ASC");
|
|
$stmtItems->execute([$id]);
|
|
$items = $stmtItems->fetchAll(PDO::FETCH_ASSOC);
|
|
|
|
$stmtFav = $pdo->query("SELECT content FROM pf_notes WHERE note_type = 'holiday_favorites'");
|
|
$favorites = json_decode($stmtFav->fetchColumn() ?: '[]', true);
|
|
|
|
$steps = [];
|
|
$generalItems = [];
|
|
|
|
// C'est ici qu'il manquait sûrement une accolade !
|
|
foreach ($items as $it) {
|
|
if ($it['location_name'] !== null) {
|
|
$orderKey = $it['sort_order'];
|
|
if (!isset($steps[$orderKey])) {
|
|
$steps[$orderKey] = [
|
|
'location_name' => $it['location_name'],
|
|
'lat' => (float)$it['lat'],
|
|
'lng' => (float)$it['lng'],
|
|
'sort_order' => $it['sort_order'],
|
|
'step_start_date' => $it['step_start_date'],
|
|
'step_end_date' => $it['step_end_date'],
|
|
'total_amount' => 0,
|
|
'items' => []
|
|
];
|
|
}
|
|
$steps[$orderKey]['items'][] = $it;
|
|
$steps[$orderKey]['total_amount'] += (float)$it['amount'];
|
|
} else {
|
|
$generalItems[] = $it;
|
|
}
|
|
}
|
|
ksort($steps);
|
|
$mapPoints = array_values($steps);
|
|
|
|
$dateDisplay = htmlspecialchars($holiday['period_hint'] ?? '');
|
|
if (empty($dateDisplay) && $holiday['start_date']) {
|
|
$dateDisplay = date('d/m/Y', strtotime($holiday['start_date']));
|
|
if ($holiday['end_date']) $dateDisplay .= ' → ' . date('d/m/Y', strtotime($holiday['end_date']));
|
|
}
|
|
|
|
$cost = (float)$holiday['total_cost'];
|
|
$paid = (float)$holiday['total_paid'];
|
|
$saved = (float)$holiday['total_saved'];
|
|
$leftToPay = max(0, $cost - $paid);
|
|
$pctPaid = $cost > 0 ? min(100, ($paid / $cost) * 100) : 0;
|
|
$pctSaved = $cost > 0 ? min(100 - $pctPaid, ($saved / $cost) * 100) : 0;
|
|
?>
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
|
|
|
<div class="pf-holidays-detail">
|
|
|
|
<div class="hol-detail-header">
|
|
<div class="hol-detail-title-group">
|
|
<a href="?tab=list" class="pf-btn btn-secondary">◀ Retour</a>
|
|
<h1><?= htmlspecialchars($holiday['title']) ?></h1>
|
|
<span class="hol-badge-status"><?= strtoupper($holiday['status']) ?></span>
|
|
</div>
|
|
<button onclick="editHoliday(<?= htmlspecialchars(json_encode(['main' => $holiday, 'items' => $generalItems]), ENT_QUOTES, 'UTF-8') ?>)" class="pf-btn btn-secondary pf-btn-small" style="width: auto; margin: 0;">⚙️ Modifier les bases</button> </div>
|
|
|
|
<div class="hol-summary-card">
|
|
<div class="hol-summary-grid">
|
|
<div class="hol-summary-item">
|
|
<div class="hol-summary-label">Période</div>
|
|
<div class="hol-summary-value"><?= $dateDisplay ?: 'À définir' ?></div>
|
|
</div>
|
|
<div class="hol-summary-item">
|
|
<div class="hol-summary-label">Budget Food & Extras</div>
|
|
<div class="hol-summary-value">🍔 <?= number_format($holiday['budget_food'], 0) ?> € | 🎁 <?= number_format($holiday['budget_extra'], 0) ?> €</div>
|
|
</div>
|
|
<div class="hol-summary-item">
|
|
<div class="hol-summary-label">Coût Total Estimé</div>
|
|
<div class="hol-summary-value total"><?= number_format($cost, 0, ',', ' ') ?> €</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hol-progress-bar">
|
|
<div class="hol-progress-paid" style="width:<?= $pctPaid ?>%;" title="Payé"></div>
|
|
<div class="hol-progress-saved" style="width:<?= $pctSaved ?>%;" title="Financé (Provision)"></div>
|
|
</div>
|
|
<div class="hol-progress-labels">
|
|
<span class="hol-label-paid">✓ Payé : <?= number_format($paid, 0, ',', ' ') ?> €</span>
|
|
<span class="hol-label-saved">💼 Provisionné : <?= number_format($saved, 0, ',', ' ') ?> €</span>
|
|
<span class="hol-label-left">⏳ Reste à payer : <?= number_format($leftToPay, 0, ',', ' ') ?> €</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hol-layout-grid">
|
|
|
|
<div class="hol-panel">
|
|
<div class="hol-panel-header" style="flex-wrap: wrap; gap: 10px;">
|
|
<div class="hol-panel-header-group">
|
|
<h3 style="margin:0;">🗺️ Itinéraire</h3>
|
|
<div class="hol-map-legend">
|
|
<span class="hol-legend-item" title="Trajet aller"><span class="hol-legend-color aller"></span> Aller</span>
|
|
<span class="hol-legend-item" title="Étapes intermédiaires"><span class="hol-legend-color interm"></span> Interm.</span>
|
|
<span class="hol-legend-item" title="Trajet retour"><span class="hol-legend-color retour"></span> Retour</span>
|
|
</div>
|
|
</div>
|
|
<button class="pf-btn pf-btn-small" onclick="openCheckpointModal('add')">📍 Placer une étape</button>
|
|
</div>
|
|
<div id="tripMap" style="flex:1; width:100%; background:#f1f5f9;"></div>
|
|
</div>
|
|
|
|
<div class="hol-panel">
|
|
<div class="hol-panel-header">
|
|
<h3 style="margin:0;">📝 Détail des étapes</h3>
|
|
</div>
|
|
|
|
<div class="hol-panel-body">
|
|
<?php if (empty($steps)): ?>
|
|
<p style="color:var(--text-muted); font-style:italic; text-align:center; margin-top:40px;">Aucune étape planifiée.</p>
|
|
<?php else: ?>
|
|
<?php foreach ($steps as $step): ?>
|
|
<div id="step-card-<?= $step['sort_order'] ?>" class="hol-checkpoint hol-checkpoint-draggable" draggable="true" data-location="<?= htmlspecialchars($step['location_name']) ?>">
|
|
<div class="hol-cp-header">
|
|
<div class="hol-cp-info-group">
|
|
<span style="color:#94a3b8; font-size:1.1rem; cursor:grab; user-select:none;">☰</span>
|
|
<div class="hol-cp-title" onclick="panMapTo(<?= $step['lat'] ?>, <?= $step['lng'] ?>)" title="<?= htmlspecialchars($step['location_name']) ?>">
|
|
📍 <?= htmlspecialchars($step['location_name']) ?>
|
|
<?php if (!empty($step['step_start_date']) && !empty($step['step_end_date'])): ?>
|
|
<div style="font-size:0.75rem; color:#64748b; font-weight:normal; margin-top:2px;">
|
|
Du <?= date('d/m', strtotime($step['step_start_date'])) ?> au <?= date('d/m', strtotime($step['step_end_date'])) ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<div class="hol-cp-actions-group">
|
|
<div class="hol-cp-total"><?= number_format($step['total_amount'], 2, ',', ' ') ?> €</div>
|
|
<button onclick='openPlanningModal(<?= htmlspecialchars(json_encode($step), ENT_QUOTES, "UTF-8") ?>)' class="btn-icon-small" title="Voir le planning">📅</button>
|
|
<button onclick='openCheckpointModal("edit", <?= htmlspecialchars(json_encode($step), ENT_QUOTES, "UTF-8") ?>)' class="btn-icon-small" title="Modifier">✏️</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hol-cp-body">
|
|
<?php
|
|
$visibleItemsCount = 0;
|
|
foreach ($step['items'] as $it):
|
|
if ($it['name'] === 'PF_TECHNICAL_POINT') continue;
|
|
$visibleItemsCount++;
|
|
$icon = match($it['category']) { 'transport' => '🚗', 'accommodation' => '🏨', 'activity' => '🎫', default => '🏷️' };
|
|
?>
|
|
<div class="hol-expense-wrapper">
|
|
<div class="hol-expense-main">
|
|
<span class="hol-expense-name"><?= $icon ?> <?= htmlspecialchars($it['name']) ?></span>
|
|
<span>
|
|
<strong class="hol-expense-amount"><?= number_format($it['amount'], 2, ',', ' ') ?> €</strong>
|
|
<span class="<?= $it['is_paid'] ? 'status-paid' : 'status-pending' ?>" title="<?= $it['is_paid'] ? 'Payé' : 'À payer' ?>"><?= $it['is_paid'] ? '✓' : '⏳' ?></span>
|
|
</span>
|
|
</div>
|
|
<?php if (!empty($it['notes'])): ?>
|
|
<div class="hol-expense-note">
|
|
<?php if (filter_var($it['notes'], FILTER_VALIDATE_URL)): ?>
|
|
🔗 <a href="<?= htmlspecialchars($it['notes']) ?>" target="_blank" class="hol-expense-link">Voir le lien</a>
|
|
<?php else: ?>
|
|
📝 <?= htmlspecialchars($it['notes']) ?>
|
|
<?php endif; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
|
|
<?php if ($visibleItemsCount === 0): ?>
|
|
<div class="hol-empty-step">
|
|
📍 Point de passage (Aucune dépense)
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<?php if (!empty($holiday['notes'])): ?>
|
|
<div class="hol-notes-panel">
|
|
<h4 style="margin:0 0 5px 0; font-size:0.85rem; color:#d97706;">Notes du voyage :</h4>
|
|
<p style="margin:0; font-size:0.85rem; color:#92400e; white-space:pre-wrap;"><?= htmlspecialchars($holiday['notes']) ?></p>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="checkpointModal" class="pf-modal">
|
|
<div class="pf-modal-content" style="max-width: 600px;">
|
|
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">
|
|
<h3 id="cpModalTitle" style="margin:0;">📍 Placer une étape</h3>
|
|
<button type="button" onclick="document.getElementById('checkpointModal').style.display='none'; document.body.classList.remove('no-scroll');" style="border:none; background:none; font-size:1.8rem; cursor:pointer;">×</button> </div>
|
|
|
|
<div id="cpSearchBlock" style="margin-bottom:20px;">
|
|
<?php if (!empty($favorites)): ?>
|
|
<div style="margin-bottom:15px; display:flex; gap:8px; flex-wrap:wrap;">
|
|
<?php foreach($favorites as $fav): ?>
|
|
<button type="button" class="pf-btn btn-secondary" style="padding:4px 10px; font-size:0.8rem; height:auto; width:auto; border-radius:20px;" onclick="selectPlace(<?= $fav['lat'] ?>, <?= $fav['lng'] ?>, '<?= htmlspecialchars(addslashes($fav['name'])) ?>')">
|
|
⭐ <?= htmlspecialchars($fav['name']) ?>
|
|
</button>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<label class="pf-label">Rechercher un lieu géographique</label>
|
|
<div style="display:flex; gap:10px;">
|
|
<input type="text" id="searchPlaceInput" class="pf-input" placeholder="Ex: Paris, Ibis Barcelone..." onkeypress="if(event.key === 'Enter') { searchPlace(); return false; }">
|
|
<button type="button" class="pf-btn btn-secondary" onclick="searchPlace()" style="width:auto; margin:0;">🔍</button>
|
|
</div>
|
|
<div id="searchResults" style="margin-top:10px; max-height:200px; overflow-y:auto; display:flex; flex-direction:column; gap:5px;"></div>
|
|
</div>
|
|
|
|
<form action="/modules/holidays/includes/api/save_checkpoint.php" method="POST" id="formCheckpoint" style="display:none; border-top:1px solid #e2e8f0; padding-top:20px;">
|
|
<input type="hidden" name="holiday_id" value="<?= $id ?>">
|
|
<input type="hidden" name="old_location_name" id="cp_old_name">
|
|
<input type="hidden" name="lat" id="cp_lat">
|
|
<input type="hidden" name="lng" id="cp_lng">
|
|
<input type="hidden" name="old_sort_order" id="cp_old_sort_order">
|
|
|
|
<div class="form-group" style="margin-bottom:15px;">
|
|
<label class="pf-label">Nom de l'étape</label>
|
|
<input type="text" name="location_name" id="cp_name" class="pf-input" style="font-weight:bold; color:var(--primary);" required>
|
|
</div>
|
|
<div style="display:flex; gap:15px; margin-bottom:15px; background:#f8fafc; padding:12px; border-radius:8px; border:1px solid #e2e8f0;">
|
|
<div class="form-group" style="flex:1; margin:0;">
|
|
<label class="pf-label">Arrivée le (Optionnel)</label>
|
|
<input type="date" name="step_start_date" id="cp_start_date" class="pf-input">
|
|
</div>
|
|
<div class="form-group" style="flex:1; margin:0;">
|
|
<label class="pf-label">Départ le (Optionnel)</label>
|
|
<input type="date" name="step_end_date" id="cp_end_date" class="pf-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
|
|
<label class="pf-label" style="margin:0;">Dépenses prévues</label>
|
|
<button type="button" class="pf-btn btn-secondary" onclick="addCpExpenseLine()" style="padding:4px 8px; font-size:0.8rem; height:auto; width:auto; margin:0;">+ Ajouter une dépense</button>
|
|
</div>
|
|
|
|
<div id="cpExpensesContainer" style="margin-bottom:15px; display:flex; flex-direction:column; gap:10px; max-height:350px; overflow-y:auto; overflow-x:hidden;">
|
|
</div>
|
|
|
|
<div style="margin-bottom: 20px; padding-left: 5px;">
|
|
<label style="display:flex; align-items:center; cursor:pointer; font-size:0.85rem; color:#475569;">
|
|
<input type="checkbox" name="save_favorite" value="1" style="margin-right:8px;">
|
|
⭐ Sauvegarder dans mes favoris
|
|
</label>
|
|
</div>
|
|
|
|
<div style="display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e2e8f0; padding-top:15px;">
|
|
<div>
|
|
<button type="button" onclick="deleteCheckpoint()" id="btnDeleteCp" class="pf-btn btn-secondary" style="color:#ef4444; border-color:#fca5a5; display:none; width:auto; margin:0;">🗑️ Supprimer</button>
|
|
</div>
|
|
<div style="display:flex; gap:10px;">
|
|
<button type="button" onclick="document.getElementById('checkpointModal').style.display='none'; document.body.classList.remove('no-scroll');" class="pf-btn btn-secondary" style="width:auto; margin:0;">Annuler</button> <button type="submit" class="pf-btn" style="width:auto; margin:0;">Enregistrer</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="planningModal" class="pf-modal">
|
|
<div class="pf-modal-content" style="max-width: 550px;">
|
|
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">
|
|
<h3 id="planningModalTitle" style="margin:0; color:var(--primary);">📅 Planning</h3>
|
|
<button type="button" onclick="document.getElementById('planningModal').style.display='none'; document.body.classList.remove('no-scroll');" style="border:none; background:none; font-size:1.8rem; cursor:pointer;">×</button> </div>
|
|
|
|
<div id="planningContainer" style="width: 100%;">
|
|
|
|
<div style="margin-top:20px; display:flex; justify-content:flex-end;">
|
|
<button type="button" onclick="document.getElementById('planningModal').style.display='none'; document.body.classList.remove('no-scroll');" class="pf-btn btn-secondary">Fermer</button> </div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php include __DIR__ . '/modal.php'; ?>
|
|
|
|
<script>
|
|
const MAP_POINTS = <?= json_encode($mapPoints) ?>;
|
|
</script>
|