571 lines
33 KiB
PHP
571 lines
33 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>".tr('err_invalid_holiday_id')."</p></div>";
|
||
exit;
|
||
}
|
||
|
||
// Récupération des données du voyage
|
||
$stmt = $pdo->prepare("
|
||
SELECT h.*,
|
||
v.name as vehicle_name,
|
||
v.consumption as vehicle_consumption,
|
||
(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(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,
|
||
(SELECT COALESCE(SUM(amount), 0) FROM pf_holidays_items WHERE holiday_id = h.id AND (expense_context = 'transit' OR (category = 'transport' AND (name LIKE '%Essence%' OR name LIKE '%Carburant%')))) as total_fuel,
|
||
(SELECT COALESCE(SUM(amount), 0) FROM pf_holidays_items WHERE holiday_id = h.id AND category = 'transport' AND (name LIKE '%Péage%' OR name LIKE '%Peage%')) as total_tolls
|
||
FROM pf_holidays h
|
||
LEFT JOIN pf_vehicles v ON h.vehicle_id = v.id
|
||
WHERE h.id = ?
|
||
");
|
||
|
||
$stmt->execute([$id]);
|
||
$holiday = $stmt->fetch(PDO::FETCH_ASSOC);
|
||
|
||
// Récupération des items (étapes et frais généraux)
|
||
$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);
|
||
|
||
// Favoris pour le géocodage
|
||
$stmtFav = $pdo->query("SELECT content FROM pf_notes WHERE note_type = 'holiday_favorites'");
|
||
$favorites = json_decode($stmtFav->fetchColumn() ?: '[]', true);
|
||
|
||
$steps = [];
|
||
$generalItems = [];
|
||
|
||
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'],
|
||
'step_type' => $it['step_type'] ?? 'stop',
|
||
'total_amount' => 0,
|
||
'items' => []
|
||
];
|
||
}
|
||
$steps[$orderKey]['items'][] = $it;
|
||
$steps[$orderKey]['total_amount'] += (float)$it['amount'];
|
||
} else {
|
||
$generalItems[] = $it;
|
||
}
|
||
}
|
||
ksort($steps);
|
||
$mapPoints = array_values($steps);
|
||
|
||
// Affichage de la date
|
||
$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>
|
||
|
||
<style>
|
||
.mobile-only { display: none !important; }
|
||
@media (max-width: 768px) {
|
||
.desktop-only { display: none !important; }
|
||
.mobile-only { display: flex !important; }
|
||
}
|
||
</style>
|
||
|
||
<div class="pf-holidays-detail">
|
||
|
||
<div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; flex-wrap: wrap; gap: 15px;">
|
||
|
||
<div style="display: flex; flex-direction: column; gap: 12px;">
|
||
<a href="?tab=list" class="pf-btn btn-secondary pf-btn-small" style="width: fit-content; text-decoration: none;"><?= tr('btn_back') ?></a>
|
||
<div style="display: flex; align-items: center; gap: 15px;">
|
||
<h1 style="margin: 0; font-size: 1.8rem;"><?= htmlspecialchars($holiday['title']) ?></h1>
|
||
<span class="hol-badge-status"><?= tr('hdl_status_' . $holiday['status']) ?></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
|
||
<script id="holidayDataJson" type="application/json">
|
||
<?= json_encode(['main' => $holiday, 'items' => $generalItems], JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP) ?>
|
||
</script>
|
||
|
||
<button type="button" class="pf-btn btn-primary pf-btn-small" onclick="generateTravelBook()" style="display: flex; align-items: center; gap: 6px;">
|
||
📖 Carnet de Voyage
|
||
</button>
|
||
|
||
<button type="button" class="pf-btn btn-secondary pf-btn-small" onclick="openGlobalPlanningModal()" style="display: flex; align-items: center; gap: 6px; margin-right: 10px;">
|
||
📅 Planning Global
|
||
</button>
|
||
|
||
<button type="button" class="pf-btn btn-secondary pf-btn-small" onclick="editHoliday(JSON.parse(document.getElementById('holidayDataJson').textContent))">
|
||
<?= tr('btn_edit_bases') ?>
|
||
</button>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="hol-summary-card">
|
||
<div class="hol-summary-grid">
|
||
|
||
<?php if (!empty($holiday['vehicle_name'])): ?>
|
||
<div class="hol-summary-item">
|
||
<div class="hol-summary-label">Transport</div>
|
||
<div class="hol-summary-value">🚗 <?= htmlspecialchars($holiday['vehicle_name']) ?></div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<div class="hol-summary-item">
|
||
<div class="hol-summary-label">
|
||
Frais de route
|
||
</div>
|
||
<div class="hol-summary-value" style="display:flex; align-items:center; gap:12px; flex-wrap:wrap;">
|
||
|
||
<!-- Bloc Péages -->
|
||
<span style="display:flex; align-items:center; gap:4px;" title="Péages">
|
||
<span style="font-size: 1.1rem;">💳</span>
|
||
<strong><?= number_format($holiday['total_tolls'], 0) ?> €</strong>
|
||
</span>
|
||
|
||
<!-- Bloc Essence -->
|
||
<span style="display:flex; align-items:center; gap:4px;" title="Carburant estimé et manuel">
|
||
<span style="font-size: 1.1rem;">⛽</span>
|
||
<strong><span id="global_fuel_cost"><?= number_format($holiday['total_fuel'], 0) ?></span> €</strong>
|
||
</span>
|
||
|
||
<!-- Paramètres prix essence -->
|
||
<span onclick="updateFuelPrice()" style="font-size: 0.75rem; color: var(--text-muted); cursor: pointer; transition: color 0.2s; display: inline-flex; align-items: center; gap: 3px;" onmouseover="this.style.color='var(--primary)';" onmouseout="this.style.color='var(--text-muted)';" title="Modifier le prix estimé du carburant">
|
||
(<span id="display_fuel_price">1.85</span> €/L) <span style="font-size:0.7rem; opacity:0.8;">✏️</span>
|
||
</span>
|
||
|
||
<!-- Bouton Détails (Oeil) -->
|
||
<?php if ($holiday['total_fuel'] > 0 || $holiday['total_tolls'] > 0): ?>
|
||
<span onclick="openTransitModal()" style="font-size: 1rem; cursor: pointer; opacity: 0.5; transition: opacity 0.2s; display: inline-flex; align-items: center;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.5'" title="Voir le détail des trajets">
|
||
👁️
|
||
</span>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hol-summary-item" id="block_total_distance" style="display:none;">
|
||
<div class="hol-summary-label">Route & Temps de conduite</div>
|
||
<div class="hol-summary-value" style="display:flex; align-items:center; gap:6px;">
|
||
<span style="font-size: 1.1rem;">🛣️</span>
|
||
<strong><span id="global_total_distance">0</span> km</strong>
|
||
<span style="font-size: 0.85rem; color: var(--text-muted); margin-left: 5px;">
|
||
(⏱️ <span id="global_total_duration">0h00</span>)
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hol-summary-item">
|
||
<div class="hol-summary-label"><?= tr('hdl_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"><?= tr('hdl_total_budget') ?></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="<?= tr('hdl_paid') ?>"></div>
|
||
<div class="hol-progress-saved" style="width:<?= $pctSaved ?>%;" title="<?= tr('hdl_saved') ?>"></div>
|
||
</div>
|
||
<div class="hol-progress-labels">
|
||
<span class="hol-label-paid">✓ <?= tr('hdl_paid') ?> : <?= number_format($paid, 0, ',', ' ') ?> €</span>
|
||
<span class="hol-label-saved">💼 <?= tr('hdl_saved') ?> : <?= number_format($saved, 0, ',', ' ') ?> €</span>
|
||
<span class="hol-label-left">⏳ <?= tr('hdl_left_to_pay') ?> : <?= 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;"><?= tr('hdl_map_itinerary') ?></h3>
|
||
<div class="hol-map-legend">
|
||
<span class="hol-legend-item" title="<?= tr('hdl_outbound') ?>"><span class="hol-legend-color aller"></span> <?= tr('hdl_outbound') ?></span>
|
||
<span class="hol-legend-item" title="<?= tr('hdl_return') ?>"><span class="hol-legend-color retour"></span> <?= tr('hdl_return') ?></span>
|
||
</div>
|
||
</div>
|
||
<button class="pf-btn pf-btn-small" onclick="openCheckpointModal('add')"><?= tr('hdl_btn_add_step') ?></button>
|
||
</div>
|
||
<div id="tripMap" style="flex:1; width:100%; min-height: 400px; background:#f1f5f9; position: relative; z-index: 1;"></div> </div>
|
||
|
||
<div class="hol-panel">
|
||
<div class="hol-panel-header">
|
||
<h3 style="margin:0;"><?= tr('hdl_step_details') ?></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;"><?= tr('hdl_no_steps') ?></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-step-header">
|
||
|
||
<div class="hol-step-row-top">
|
||
<?php
|
||
$stepIcon = '📍'; $iconBg = 'transparent'; $iconColor = '#64748b';
|
||
$isReturn = ($holiday['return_step_id'] !== null && $holiday['return_step_id'] == $step['sort_order']);
|
||
|
||
if ($step['step_type'] === 'origin') {
|
||
$stepIcon = '🛫'; $iconBg = '#ecfdf5'; $iconColor = '#059669';
|
||
} elseif ($step['step_type'] === 'destination') {
|
||
$stepIcon = '🛬'; $iconBg = '#fef2f2'; $iconColor = '#e11d48';
|
||
}
|
||
?>
|
||
<div class="hol-step-icon" style="background: <?= $iconBg ?>; color: <?= $iconColor ?>;">
|
||
<?= $stepIcon ?>
|
||
</div>
|
||
|
||
<div class="hol-step-title" onclick="panMapTo(<?= $step['lat'] ?>, <?= $step['lng'] ?>)" title="<?= htmlspecialchars($step['location_name']) ?>">
|
||
<?= htmlspecialchars($step['location_name']) ?>
|
||
</div>
|
||
|
||
<div class="hol-step-controls">
|
||
<span class="desktop-only hol-drag-handle">⣿</span>
|
||
<div class="mobile-only hol-step-arrows">
|
||
<button type="button" onclick="moveStepMobile(this, -1)">▲</button>
|
||
<button type="button" onclick="moveStepMobile(this, 1)">▼</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hol-step-row-bottom">
|
||
<div class="hol-step-meta">
|
||
<?php if ($isReturn): ?>
|
||
<span class="hol-tag-return">🏁 Retour</span>
|
||
<?php endif; ?>
|
||
|
||
<?php if (!empty($step['step_start_date']) && !empty($step['step_end_date'])): ?>
|
||
<span class="hol-step-date">
|
||
<?= date('d/m', strtotime($step['step_start_date'])) ?> ➔ <?= date('d/m', strtotime($step['step_end_date'])) ?>
|
||
</span>
|
||
<div class="hol-weather-info" style="display:inline-flex;"></div>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<div class="hol-step-actions">
|
||
<span class="hol-step-price"><?= number_format($step['total_amount'], 2, ',', ' ') ?> €</span>
|
||
|
||
<button onclick="openGpsModal(<?= $step['lat'] ?>, <?= $step['lng'] ?>)"
|
||
class="btn-icon-small"
|
||
title="Y aller avec le GPS"
|
||
style="width:26px!important; height:26px!important; font-size:0.8rem; min-width:26px!important; min-height:26px!important;">
|
||
🧭
|
||
</button>
|
||
<button onclick="openDocsModal(<?= $step['sort_order'] ?>)" class="btn-icon-small" title="Documents & Billets" style="width:26px!important; height:26px!important; font-size:0.8rem; min-width:26px!important; min-height:26px!important;">📎</button>
|
||
|
||
<button onclick='openCheckpointModal("edit", <?= htmlspecialchars(json_encode($step), ENT_QUOTES, "UTF-8") ?>)' class="btn-icon-small" title="<?= tr('btn_edit') ?>" style="width:26px!important; height:26px!important; font-size:0.8rem; min-width:26px!important; min-height:26px!important;">✏️</button>
|
||
</div>
|
||
</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'] ? tr('hdl_paid') : tr('hdl_to_pay') ?>"><?= $it['is_paid'] ? '✓' : '⏳' ?></span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<?php endforeach; ?>
|
||
|
||
<?php if ($visibleItemsCount === 0): ?>
|
||
<div class="hol-empty-step">📍 <?= tr('hdl_passing_point') ?></div>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
<?php endforeach; ?>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pf-card" style="margin-top: 24px;">
|
||
<h2 class="pf-card-title">📝 <?= tr('hdl_label_notes') ?></h2>
|
||
<div class="pf-card-body">
|
||
<textarea id="holidayGlobalNotes" class="pf-input" rows="6" placeholder="<?= tr('hdl_ph_notes') ?>" style="resize: vertical; width: 100%; line-height: 1.5; padding: 12px;"><?= htmlspecialchars($holiday['notes'] ?? '') ?></textarea>
|
||
<div style="text-align: right; margin-top: 12px;">
|
||
<button id="btnSaveHolidayNote" class="pf-btn" onclick="saveHolidayGlobalNote(<?= (int)$_GET['id'] ?>)">
|
||
💾 <?= tr('btn_save') ?>
|
||
</button>
|
||
</div>
|
||
</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;">📍 <?= tr('hdl_btn_add_step') ?></h3>
|
||
<button type="button" onclick="closeCheckpointModal()" class="pf-modal-close">×</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; 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"><?= tr('hdl_search_location') ?></label>
|
||
<div style="display:flex; gap:10px;">
|
||
<input type="text" id="searchPlaceInput" class="pf-input" placeholder="<?= tr('hdl_ph_search') ?>" onkeypress="if(event.key === 'Enter') { searchPlace(); return false; }">
|
||
<button type="button" class="pf-btn btn-secondary" onclick="searchPlace()">🔍</button>
|
||
</div>
|
||
<div id="searchResults" style="margin-top:10px; max-height:200px; overflow-y:auto;"></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"><?= tr('hdl_label_step_name') ?></label>
|
||
<input type="text" name="location_name" id="cp_name" class="pf-input" style="font-weight:bold; color:var(--primary);" required>
|
||
</div>
|
||
|
||
<div class="form-group" style="margin-bottom:15px; background:#fff7ed; padding:10px; border-radius:8px; border:1px solid #ffedd5;">
|
||
<label class="pf-label" style="color:#ea580c;">📍 Type d'étape</label>
|
||
<select name="step_type" id="cp_step_type" class="pf-input" onchange="toggleStepDates(this.value)">
|
||
<option value="origin">DÉPART (Point de départ du voyage)</option>
|
||
<option value="stop">SÉJOUR (Étape classique avec arrivée et départ)</option>
|
||
<option value="destination">ARRIVÉE FINALE (Fin du voyage)</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div style="display:flex; gap:15px; margin-bottom:15px; background:#f8fafc; padding:12px; border-radius:8px;">
|
||
<div class="form-group" id="grp_start_date" style="flex:1;">
|
||
<label class="pf-label" id="lbl_start_date"><?= tr('hdl_label_arrival') ?></label>
|
||
<input type="date" name="step_start_date" id="cp_start_date" class="pf-input">
|
||
</div>
|
||
<div class="form-group" id="grp_end_date" style="flex:1;">
|
||
<label class="pf-label" id="lbl_end_date"><?= tr('hdl_label_departure') ?></label>
|
||
<input type="date" name="step_end_date" id="cp_end_date" class="pf-input">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="margin-bottom: 20px; padding-top: 15px; border-top: 1px dashed #e2e8f0;">
|
||
<label style="display:flex; align-items:center; cursor:pointer; color:#ea580c; font-weight:600; font-size:0.9rem;">
|
||
<input type="checkbox" name="set_as_return" id="cp_set_as_return" value="1" style="margin-right:8px; width:16px; height:16px;">
|
||
🏁 Définir comme retour
|
||
</label>
|
||
<p style="margin: 4px 0 0 24px; font-size: 0.75rem; color: #64748b;">La route sera tracée en orange à partir d'ici.</p>
|
||
</div>
|
||
|
||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
|
||
<label class="pf-label" style="margin:0;"><?= tr('hdl_planned_expenses') ?></label>
|
||
<button type="button" class="pf-btn btn-secondary pf-btn-small" onclick="addCpExpenseLine()"><?= tr('hdl_btn_add_expense') ?></button>
|
||
</div>
|
||
|
||
<div id="cpExpensesContainer" style="margin-bottom:15px;"></div>
|
||
|
||
<div style="margin-bottom: 20px;">
|
||
<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;">
|
||
⭐ <?= tr('hdl_save_fav') ?>
|
||
</label>
|
||
</div>
|
||
|
||
<div class="modal-footer" style="padding-top:15px; border-top:1px solid #e2e8f0;">
|
||
<button type="button" onclick="deleteCheckpoint()" id="btnDeleteCp" class="pf-btn btn-secondary" style="color:#ef4444; border-color:#fca5a5; display:none;"><?= tr('btn_delete') ?></button>
|
||
<button type="button" onclick="closeCheckpointModal()" class="pf-btn btn-secondary"><?= tr('btn_cancel') ?></button>
|
||
<button type="submit" class="pf-btn"><?= tr('btn_save') ?></button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="planningModal" class="pf-modal">
|
||
<div class="pf-modal-content" style="max-width: 95vw; width: 1400px; height: 90vh; display: flex; flex-direction: column; padding: 20px;">
|
||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; flex-shrink: 0; padding-bottom: 10px; border-bottom: 1px solid var(--border-light);">
|
||
<h3 id="planningModalTitle" style="margin:0; color:var(--primary);">📅 Planning Global</h3>
|
||
<button type="button" onclick="closePlanningModal()" class="pf-modal-close">×</button>
|
||
</div>
|
||
|
||
<!-- Conteneur Injecté en JS -->
|
||
<div id="planningContainer" style="flex: 1; overflow: hidden; display: flex;"></div>
|
||
|
||
<div class="modal-footer" style="flex-shrink: 0; padding-top: 15px; margin-top: 15px; border-top: 1px solid var(--border-light);">
|
||
<button type="button" onclick="closePlanningModal()" class="pf-btn btn-secondary"><?= tr('btn_close') ?></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="transitModal" class="pf-modal">
|
||
<div class="pf-modal-content" style="max-width: 500px;">
|
||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; border-bottom: 1px solid var(--border-light); padding-bottom: 10px;">
|
||
<h3 style="margin:0; color:var(--text-main);">🛣️ Détail des trajets</h3>
|
||
<button type="button" onclick="closeTransitModal()" class="pf-modal-close">×</button>
|
||
</div>
|
||
<div id="transitDetailsContainer" style="max-height: 60vh; overflow-y: auto; padding-right: 5px;">
|
||
<p style="text-align:center; color:var(--text-muted); font-style:italic;">Calcul en cours...</p>
|
||
</div>
|
||
<div class="modal-footer" style="padding-top:15px; border-top:1px solid var(--border-light); margin-top:15px;">
|
||
<button type="button" onclick="closeTransitModal()" class="pf-btn btn-secondary"><?= tr('btn_close') ?></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="gpsModal" class="pf-modal">
|
||
<div class="pf-modal-content" style="max-width: 320px; height: auto !important; min-height: 0 !important; text-align: center; padding: 20px; margin: auto;">
|
||
|
||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">
|
||
<h3 style="margin:0; font-size: 1.2rem; color: var(--text-main);">🧭 Y aller avec...</h3>
|
||
<button type="button" onclick="closeGpsModal()" class="pf-modal-close">×</button>
|
||
</div>
|
||
|
||
<div style="display: flex; flex-direction: column; gap: 12px;">
|
||
<button onclick="launchGpsApp('waze')" class="pf-btn btn-secondary" style="font-size: 1.1rem; padding: 12px; display:flex; align-items:center; justify-content:center; gap:10px;">
|
||
<img src="https://cdn.simpleicons.org/waze/05C8F0" alt="Waze" style="width: 24px; height: 24px;">
|
||
Waze
|
||
</button>
|
||
|
||
<button onclick="launchGpsApp('gmaps')" class="pf-btn btn-secondary" style="font-size: 1.1rem; padding: 12px; display:flex; align-items:center; justify-content:center; gap:10px;">
|
||
<img src="https://cdn.simpleicons.org/googlemaps" alt="Google Maps" style="width: 24px; height: 24px;">
|
||
Google Maps
|
||
</button>
|
||
|
||
<button onclick="launchGpsApp('amaps')" class="pf-btn btn-secondary" style="font-size: 1.1rem; padding: 12px; display:flex; align-items:center; justify-content:center; gap:10px;">
|
||
<img src="https://cdn.simpleicons.org/apple/000000" alt="Apple Maps" style="width: 24px; height: 24px;">
|
||
Apple Maps
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="docsModal" class="pf-modal">
|
||
<div class="pf-modal-content" style="max-width: 450px; padding: 20px;">
|
||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; border-bottom: 1px solid var(--border-light); padding-bottom: 10px;">
|
||
<h3 style="margin:0; font-size: 1.2rem; color: var(--text-main);">📎 Porte-documents</h3>
|
||
<button type="button" onclick="closeDocsModal()" class="pf-modal-close">×</button>
|
||
</div>
|
||
|
||
<div style="text-align: center; padding: 20px; background: var(--bg-page); border: 2px dashed var(--border-light); border-radius: 8px; margin-bottom: 15px;">
|
||
<p style="margin-top:0; color: var(--text-muted); font-size: 0.9rem;">Ajoutez vos billets, réservations ou PDFs pour cette étape.</p>
|
||
|
||
<input type="file" id="docFileInput" style="display: none;" accept=".pdf,.png,.jpg,.jpeg" onchange="handleFileUpload(this)">
|
||
|
||
<button type="button" class="pf-btn btn-primary" onclick="document.getElementById('docFileInput').click()" style="margin: 10px 0;">
|
||
+ Sélectionner un fichier
|
||
</button>
|
||
<div id="uploadStatus" style="font-size: 0.85rem; font-weight: bold; margin-top: 10px;"></div>
|
||
</div>
|
||
|
||
<div id="docsListContainer" style="display: flex; flex-direction: column; gap: 8px;">
|
||
<p style="text-align: center; font-size: 0.85rem; color: var(--text-muted); font-style: italic;">Aucun document pour cette étape.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<?php include __DIR__ . '/modal.php'; ?>
|
||
|
||
<script>
|
||
// --- 1. SÉCURISATION TRADUCTIONS ET VARIABLES ---
|
||
window.MAP_POINTS = <?= json_encode($mapPoints ?? []) ?>;
|
||
window.appLang = document.documentElement.lang === "ca" ? "ca-ES" : "fr-FR";
|
||
|
||
window.I18N = {
|
||
...(window.I18N || {}),
|
||
'hdl_js_search_loading': "<?= tr('hdl_js_search_loading') ?>",
|
||
'hdl_js_no_result': "<?= tr('hdl_js_no_result') ?>",
|
||
'hdl_js_confirm_del_trip': "<?= tr('hdl_js_confirm_del_trip') ?>",
|
||
'hdl_js_confirm_del_step': "<?= tr('hdl_js_confirm_del_step') ?>",
|
||
'hdl_js_step_label': "<?= tr('hdl_js_step_label') ?>",
|
||
'hdl_js_ph_expense_name': "<?= tr('hdl_js_ph_expense_name') ?>",
|
||
'hdl_js_delete_line': "<?= tr('btn_delete') ?>",
|
||
'hdl_planning_title': "<?= tr('hdl_planning_title') ?>",
|
||
'hdl_to_place': "<?= tr('hdl_to_place') ?>",
|
||
'hdl_js_missing_dates_title': "<?= tr('hdl_js_missing_dates_title') ?>",
|
||
'hdl_js_missing_dates_msg': "<?= tr('hdl_js_missing_dates_msg') ?>",
|
||
'hdl_modal_title': "<?= tr('hdl_modal_title') ?>",
|
||
'hdl_js_edit_step': "<?= tr('hdl_js_edit_step') ?>",
|
||
'hdl_ph_notes': "<?= tr('hdl_ph_notes') ?>",
|
||
'hdl_btn_add_step': "<?= tr('hdl_btn_add_step') ?>",
|
||
'hdl_quick_edit_title': "<?= tr('hdl_quick_edit_title') ?>",
|
||
'hdl_paid': "<?= tr('hdl_paid') ?>",
|
||
|
||
// --- NOUVELLES CLÉS MÉTÉO ICI ---
|
||
'weather_sunny': "<?= tr('weather_sunny') ?>",
|
||
'weather_cloudy': "<?= tr('weather_cloudy') ?>",
|
||
'weather_rainy': "<?= tr('weather_rainy') ?>",
|
||
'weather_snowy': "<?= tr('weather_snowy') ?>",
|
||
'weather_forecast': "<?= tr('weather_forecast') ?>",
|
||
'weather_historical': "<?= tr('weather_historical') ?>"
|
||
};
|
||
|
||
// Fallback de sécurité pour s'assurer que les modales peuvent toujours se fermer
|
||
window.closeCheckpointModal = window.closeCheckpointModal || function() {
|
||
const modal = document.getElementById('checkpointModal');
|
||
if(modal) modal.style.display = 'none';
|
||
document.body.classList.remove('no-scroll');
|
||
};
|
||
|
||
window.closePlanningModal = window.closePlanningModal || function() {
|
||
const modal = document.getElementById('planningModal');
|
||
if(modal) modal.style.display = 'none';
|
||
document.body.classList.remove('no-scroll');
|
||
};
|
||
|
||
// 1. On charge le prix depuis le navigateur (ou 1.85 par défaut)
|
||
const savedFuelPrice = localStorage.getItem('holidays_fuel_price') || 1.85;
|
||
window.FUEL_PRICE = parseFloat(savedFuelPrice);
|
||
|
||
// 2. On met à jour le texte du petit bouton "✏️" en haut de la page
|
||
const displayFuelEl = document.getElementById('display_fuel_price');
|
||
if (displayFuelEl) displayFuelEl.innerText = window.FUEL_PRICE.toFixed(2);
|
||
|
||
// 3. Variables voiture et retour
|
||
window.VEHICLE_CONSUMPTION = <?= !empty($holiday['vehicle_consumption']) ? (float)$holiday['vehicle_consumption'] : 7 ?>;
|
||
window.GLOBAL_RETURN_STEP_ID = <?= $holiday['return_step_id'] !== null ? $holiday['return_step_id'] : 'null' ?>;
|
||
|
||
</script>
|
||
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
|
||
|
||
<?php include __DIR__ . '/pdf_template.php'; ?>
|
||
|
||
<script src="/modules/holidays/holidays.js?v=<?= time() ?>"></script>
|