878 lines
41 KiB
PHP
878 lines
41 KiB
PHP
<?php
|
|
require __DIR__ . '/includes/auth.php';
|
|
require_login();
|
|
require_once __DIR__ . '/includes/meta_db.php';
|
|
require_once __DIR__ . '/includes/crypto.php';
|
|
require_once __DIR__ . '/includes/icloud_caldav.php';
|
|
require_once __DIR__ . '/includes/i18n.php';
|
|
|
|
$user_id = $_SESSION['user']['id'];
|
|
$family_id = $_SESSION['user']['family_id'];
|
|
|
|
$error = null;
|
|
$success = null;
|
|
|
|
$meta_pdo->exec("
|
|
CREATE TABLE IF NOT EXISTS user_calendar_integrations (
|
|
id INT AUTO_INCREMENT PRIMARY KEY,
|
|
user_id INT NOT NULL,
|
|
provider VARCHAR(50) NOT NULL DEFAULT 'icloud_caldav',
|
|
username VARCHAR(255) NOT NULL,
|
|
secret_encrypted TEXT NOT NULL,
|
|
dav_principal_url VARCHAR(1024) DEFAULT NULL,
|
|
calendar_url VARCHAR(1024) DEFAULT NULL,
|
|
status VARCHAR(30) DEFAULT 'connected',
|
|
last_sync_at DATETIME DEFAULT NULL,
|
|
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
|
|
updated_at DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
|
UNIQUE KEY uq_user_provider (user_id, provider)
|
|
)");
|
|
|
|
// ─── Actions ──────────────────────────────────────────────────────────────────
|
|
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|
if (!verify_csrf($_POST['csrf_token'] ?? null)) {
|
|
if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) === 'xmlhttprequest') {
|
|
header('Content-Type: application/json');
|
|
echo json_encode(['success' => false, 'error' => 'Session invalide (CSRF). Rechargez la page.']);
|
|
exit;
|
|
}
|
|
$error = "Session invalide (CSRF). Rechargez la page.";
|
|
} else {
|
|
$action = $_POST['action'] ?? '';
|
|
|
|
// 🟢 SAUVEGARDE GLOBALE : CONFIGURATION DU FOYER (Unifiée)
|
|
if ($action === 'update_family_info') {
|
|
header('Content-Type: application/json');
|
|
try {
|
|
require_once __DIR__ . '/includes/db.php';
|
|
$pdo->beginTransaction();
|
|
|
|
// 1. Sauvegarde des paramètres globaux
|
|
$currency = trim($_POST['currency'] ?? '€');
|
|
$zone = trim($_POST['zone_scolaire'] ?? 'C');
|
|
$careModesJson = $_POST['custom_care_modes'] ?? '[]';
|
|
|
|
$stmtSave = $pdo->prepare("UPDATE pf_foyer_settings SET currency = ?, zone_scolaire = ?, care_modes = ? WHERE id = 1");
|
|
$stmtSave->execute([$currency, $zone, $careModesJson]);
|
|
|
|
// 2. Gestion des enfants
|
|
$kids = $_POST['kids'] ?? [];
|
|
$deleted = json_decode($_POST['deleted_kids'] ?? '[]', true);
|
|
|
|
if (!empty($deleted)) {
|
|
$in = str_repeat('?,', count($deleted) - 1) . '?';
|
|
$stmtDel = $pdo->prepare("DELETE FROM pf_people WHERE id IN ($in) AND role = 'enfant'");
|
|
$stmtDel->execute($deleted);
|
|
}
|
|
|
|
$stmtInsert = $pdo->prepare("INSERT INTO pf_people (name, role, care_modes) VALUES (?, 'enfant', ?)");
|
|
$stmtUpdate = $pdo->prepare("UPDATE pf_people SET name = ?, care_modes = ? WHERE id = ? AND role = 'enfant'");
|
|
|
|
foreach ($kids as $kidId => $kidData) {
|
|
$name = trim($kidData['name'] ?? '');
|
|
if (empty($name)) continue;
|
|
|
|
$modes = $kidData['modes'] ?? [];
|
|
$modesJson = json_encode(array_values($modes));
|
|
|
|
if (strpos($kidId, 'new_') === 0) {
|
|
$stmtInsert->execute([$name, $modesJson]);
|
|
} else {
|
|
$stmtUpdate->execute([$name, $modesJson, (int)$kidId]);
|
|
}
|
|
}
|
|
|
|
$pdo->commit();
|
|
echo json_encode(['success' => true]);
|
|
} catch (Exception $e) {
|
|
$pdo->rollBack();
|
|
echo json_encode(['success' => false, 'error' => $e->getMessage()]);
|
|
}
|
|
exit;
|
|
}
|
|
|
|
if ($action === 'set_modules' && $family_id) {
|
|
$all = ['calendar', 'budget', 'holidays', 'gifts', 'garage', 'memo', 'todo', 'liste', 'calendar_ios', 'printvault', 'planka'];
|
|
$enabled = array_values(array_filter($all, fn($m) => isset($_POST['mod_' . $m])));
|
|
if (empty($enabled)) {
|
|
$error = "Vous devez garder au moins un module actif.";
|
|
} else {
|
|
$meta_pdo->prepare("UPDATE families SET enabled_modules = ? WHERE id = ?")
|
|
->execute([json_encode($enabled), $family_id]);
|
|
$_SESSION['enabled_modules'] = $enabled;
|
|
$success = "Modules mis à jour.";
|
|
}
|
|
}
|
|
|
|
if ($action === 'set_lang') {
|
|
$lang = $_POST['lang'] ?? 'fr';
|
|
if (in_array($lang, ['fr', 'ca', 'en'])) {
|
|
$_SESSION['app_lang'] = $lang;
|
|
$meta_pdo->prepare("UPDATE users SET lang = ? WHERE id = ?")
|
|
->execute([$lang, $user_id]);
|
|
$success = "Language updated.";
|
|
}
|
|
}
|
|
|
|
if ($action === 'update_profile') {
|
|
$display_name = trim($_POST['display_name'] ?? '');
|
|
$color = trim($_POST['color'] ?? '#0891b2');
|
|
|
|
if (!$display_name) {
|
|
$error = "Le prénom ne peut pas être vide.";
|
|
} else {
|
|
$meta_pdo->prepare("UPDATE users SET display_name = ? WHERE id = ?")
|
|
->execute([$display_name, $user_id]);
|
|
|
|
require_once __DIR__ . '/includes/db.php';
|
|
if (isset($pdo)) {
|
|
$stmtPeopleColor = $pdo->prepare("UPDATE pf_people SET color = ? WHERE user_id = ?");
|
|
$stmtPeopleColor->execute([$color, $user_id]);
|
|
}
|
|
|
|
$_SESSION['user']['display_name'] = $display_name;
|
|
$success = "Profil mis à jour.";
|
|
}
|
|
}
|
|
|
|
if ($action === 'change_password') {
|
|
$current = $_POST['current_password'] ?? '';
|
|
$new = $_POST['new_password'] ?? '';
|
|
$confirm = $_POST['confirm_password'] ?? '';
|
|
|
|
$row = $meta_pdo->prepare("SELECT password_hash FROM users WHERE id = ?");
|
|
$row->execute([$user_id]);
|
|
$row = $row->fetch();
|
|
|
|
if (!password_verify($current, $row['password_hash'])) {
|
|
$error = "Mot de passe actuel incorrect.";
|
|
} elseif (strlen($new) < 6) {
|
|
$error = "Le nouveau mot de passe doit faire au moins 6 caractères.";
|
|
} elseif ($new !== $confirm) {
|
|
$error = "Les mots de passe ne correspondent pas.";
|
|
} else {
|
|
$meta_pdo->prepare("UPDATE users SET password_hash = ? WHERE id = ?")
|
|
->execute([password_hash($new, PASSWORD_BCRYPT), $user_id]);
|
|
$success = "Mot de passe modifié avec succès.";
|
|
}
|
|
}
|
|
|
|
if ($action === 'update_family_name' && $family_id) {
|
|
$name = trim($_POST['family_name'] ?? '');
|
|
if ($name) {
|
|
$meta_pdo->prepare("UPDATE families SET name = ? WHERE id = ?")
|
|
->execute([$name, $family_id]);
|
|
$success = "Nom de l'espace mis à jour.";
|
|
}
|
|
}
|
|
|
|
if ($action === 'regen_invite' && $family_id) {
|
|
$new_code = bin2hex(random_bytes(8));
|
|
$meta_pdo->prepare("UPDATE families SET invite_code = ? WHERE id = ?")
|
|
->execute([$new_code, $family_id]);
|
|
$success = "Nouveau code d'invitation généré.";
|
|
}
|
|
|
|
if ($action === 'upload_home_bg' && $family_id) {
|
|
$upload_dir = '/uploads/';
|
|
if (!is_dir($upload_dir)) @mkdir($upload_dir, 0755, true);
|
|
$file = $_FILES['home_bg'] ?? null;
|
|
if ($file && $file['error'] === 0) {
|
|
$ext = strtolower(pathinfo($file['name'], PATHINFO_EXTENSION));
|
|
if (!in_array($ext, ['jpg','jpeg','png','webp'])) {
|
|
$error = "Format non supporté (jpg, png, webp).";
|
|
} else {
|
|
$dest = $upload_dir . 'home_bg_' . $family_id . '.' . $ext;
|
|
foreach (glob($upload_dir . 'home_bg_' . $family_id . '.*') as $old) @unlink($old);
|
|
if (move_uploaded_file($file['tmp_name'], $dest)) {
|
|
$success = "Image d'accueil mise à jour.";
|
|
} else {
|
|
$error = "Erreur lors de l'upload.";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if ($action === 'reset_home_bg' && $family_id) {
|
|
foreach (glob('/uploads/home_bg_' . $family_id . '.*') as $old) @unlink($old);
|
|
$success = "Image d'accueil réinitialisée.";
|
|
}
|
|
|
|
if ($action === 'grocery_history_max' && $family_id) {
|
|
require_once __DIR__ . '/includes/db.php';
|
|
if (!isset($pdo)) {
|
|
$error = "Base famille indisponible.";
|
|
} else {
|
|
$n = (int) ($_POST['history_max'] ?? 20);
|
|
$n = max(1, min(50, $n));
|
|
try {
|
|
$pdo->prepare(
|
|
"INSERT INTO pf_notes (note_type, reference_id, content) VALUES ('grocery_settings','history_max',?) ON DUPLICATE KEY UPDATE content=VALUES(content)"
|
|
)->execute([(string) $n]);
|
|
$success = tr('groceries_settings_saved');
|
|
} catch (\Throwable $e) {
|
|
$error = tr('groceries_settings_error') . ' ' . $e->getMessage();
|
|
}
|
|
}
|
|
}
|
|
|
|
if ($action === 'calendar_ios_save') {
|
|
$username = trim($_POST['icloud_username'] ?? '');
|
|
$appPassword = hh_normalize_apple_app_password((string) ($_POST['icloud_app_password'] ?? ''));
|
|
$calendarUrl = trim($_POST['icloud_calendar_url'] ?? '');
|
|
|
|
if (!$username || !$appPassword || !$calendarUrl) {
|
|
$error = "Merci de renseigner identifiant iCloud, mot de passe d'app et URL CalDAV.";
|
|
} else {
|
|
try {
|
|
$resolvedUrl = hh_icloud_resolve_calendar_url_if_needed($username, $appPassword, $calendarUrl);
|
|
$encrypted = hh_encrypt_secret($appPassword);
|
|
$meta_pdo->prepare("
|
|
INSERT INTO user_calendar_integrations (user_id, provider, username, secret_encrypted, calendar_url, status, updated_at)
|
|
VALUES (?, 'icloud_caldav', ?, ?, ?, 'connected', NOW())
|
|
ON DUPLICATE KEY UPDATE username=VALUES(username), secret_encrypted=VALUES(secret_encrypted), calendar_url=VALUES(calendar_url), status='connected', updated_at=NOW()
|
|
")->execute([$user_id, $username, $encrypted, $resolvedUrl]);
|
|
$msg = "Connexion calendrier iOS enregistrée.";
|
|
if (rtrim($resolvedUrl, '/') !== rtrim($calendarUrl, '/')) {
|
|
$msg .= " URL du calendrier détectée automatiquement.";
|
|
}
|
|
$success = $msg;
|
|
} catch (\Throwable $e) {
|
|
$error = "Impossible d'enregistrer la connexion iOS: " . $e->getMessage();
|
|
}
|
|
}
|
|
}
|
|
|
|
if ($action === 'calendar_ios_test') {
|
|
$row = $meta_pdo->prepare("SELECT id, username, secret_encrypted, calendar_url FROM user_calendar_integrations WHERE user_id = ? AND provider='icloud_caldav'");
|
|
$row->execute([$user_id]);
|
|
$integration = $row->fetch();
|
|
if (!$integration) {
|
|
$error = "Aucune connexion iOS configurée.";
|
|
} else {
|
|
try {
|
|
$pwd = hh_normalize_apple_app_password(hh_decrypt_secret($integration['secret_encrypted']));
|
|
$calendarUrl = trim($integration['calendar_url']);
|
|
$resolvedUrl = hh_icloud_resolve_calendar_url_if_needed($integration['username'], $pwd, $calendarUrl);
|
|
$code = hh_caldav_test_calendar_collection($integration['username'], $pwd, $resolvedUrl);
|
|
if (in_array($code, [200, 207], true)) {
|
|
if (rtrim($resolvedUrl, '/') !== rtrim($calendarUrl, '/')) {
|
|
$meta_pdo->prepare("UPDATE user_calendar_integrations SET calendar_url = ? WHERE id = ?")
|
|
->execute([$resolvedUrl, $integration['id']]);
|
|
}
|
|
$success = "Connexion iCloud CalDAV valide (HTTP $code).";
|
|
} else {
|
|
$error = "Test connexion échoué (HTTP $code). Vérifiez vos identifiants.";
|
|
}
|
|
} catch (\Throwable $e) {
|
|
$error = "Test connexion impossible: " . $e->getMessage();
|
|
}
|
|
}
|
|
}
|
|
|
|
if ($action === 'calendar_ios_disconnect') {
|
|
$meta_pdo->prepare("DELETE FROM user_calendar_integrations WHERE user_id = ? AND provider='icloud_caldav'")->execute([$user_id]);
|
|
$success = "Connexion iOS supprimée.";
|
|
}
|
|
}
|
|
}
|
|
|
|
// ─── Chargement données ───────────────────────────────────────────────────────
|
|
|
|
if ($family_id) {
|
|
require_once __DIR__ . '/includes/db.php';
|
|
}
|
|
|
|
$stmtUser = $meta_pdo->prepare("SELECT * FROM users WHERE id = ?");
|
|
$stmtUser->execute([$user_id]);
|
|
$user = $stmtUser->fetch();
|
|
|
|
$user_color = '#0891b2';
|
|
if ($family_id && isset($pdo)) {
|
|
$stmtColorFetch = $pdo->prepare("SELECT color FROM pf_people WHERE user_id = ?");
|
|
$stmtColorFetch->execute([$user_id]);
|
|
$fetched_color = $stmtColorFetch->fetchColumn();
|
|
if ($fetched_color) {
|
|
$user_color = $fetched_color;
|
|
}
|
|
}
|
|
|
|
// 🟢 Récupération Unifiée : Foyer, Modes de Garde, Enfants
|
|
$kidsList = [];
|
|
$familyCareModes = ['Nounou', 'Centre', 'Avis'];
|
|
$currentCurrency = defined('CURRENCY') ? CURRENCY : '€';
|
|
$currentZone = defined('ZONE_SCOLAIRE') ? ZONE_SCOLAIRE : 'C';
|
|
|
|
if ($family_id && isset($pdo)) {
|
|
$foyerSettings = $pdo->query("SELECT currency, zone_scolaire, care_modes FROM pf_foyer_settings WHERE id = 1")->fetch(PDO::FETCH_ASSOC);
|
|
if ($foyerSettings) {
|
|
if (!empty($foyerSettings['currency'])) $currentCurrency = $foyerSettings['currency'];
|
|
if (!empty($foyerSettings['zone_scolaire'])) $currentZone = $foyerSettings['zone_scolaire'];
|
|
if (!empty($foyerSettings['care_modes'])) {
|
|
$parsed = json_decode($foyerSettings['care_modes'], true);
|
|
if (is_array($parsed)) $familyCareModes = $parsed;
|
|
}
|
|
}
|
|
|
|
$stmtKids = $pdo->query("SELECT id, name, care_modes FROM pf_people WHERE role = 'enfant' ORDER BY id ASC");
|
|
$kidsList = $stmtKids->fetchAll(PDO::FETCH_ASSOC);
|
|
}
|
|
|
|
$family = null;
|
|
$members = [];
|
|
if ($family_id) {
|
|
$fam = $meta_pdo->prepare("SELECT * FROM families WHERE id = ?");
|
|
$fam->execute([$family_id]);
|
|
$family = $fam->fetch();
|
|
|
|
$mem = $meta_pdo->prepare("SELECT display_name, username, created_at, is_admin FROM users WHERE family_id = ? ORDER BY id");
|
|
$mem->execute([$family_id]);
|
|
$members = $mem->fetchAll();
|
|
}
|
|
|
|
$calendarIntegration = $meta_pdo->prepare("SELECT username, calendar_url, status, last_sync_at FROM user_calendar_integrations WHERE user_id = ? AND provider='icloud_caldav'");
|
|
$calendarIntegration->execute([$user_id]);
|
|
$calendarIntegration = $calendarIntegration->fetch();
|
|
|
|
$groceryHistoryMaxSetting = 20;
|
|
if ($family_id && isset($pdo)) {
|
|
try {
|
|
$gv = $pdo->query("SELECT content FROM pf_notes WHERE note_type='grocery_settings' AND reference_id='history_max'")->fetchColumn();
|
|
if ($gv !== false && $gv !== null && $gv !== '') {
|
|
$groceryHistoryMaxSetting = max(1, min(50, (int) $gv));
|
|
}
|
|
} catch (\Throwable $e) {}
|
|
}
|
|
|
|
$pageTitle = "Paramètres — HouseHub";
|
|
$activePage = "settings";
|
|
require __DIR__ . '/header.php';
|
|
?>
|
|
|
|
<div class="pf-container pf-settings-page">
|
|
|
|
<h1 class="pf-settings-title">⚙️ Paramètres</h1>
|
|
|
|
<?php if ($success): ?>
|
|
<div class="pf-alert pf-alert--success">✓ <?= htmlspecialchars($success) ?></div>
|
|
<?php endif; ?>
|
|
<?php if ($error): ?>
|
|
<div class="pf-alert pf-alert--error">✗ <?= htmlspecialchars($error) ?></div>
|
|
<?php endif; ?>
|
|
|
|
<section class="pf-panel-card">
|
|
<h2 class="pf-card-h2">🌐 Langue / Language</h2>
|
|
<form method="post" class="pf-lang-form">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="set_lang">
|
|
<?php
|
|
$s = 'class="pf-flag-inline"';
|
|
$fr_flag = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 12" width="20" height="13" '.$s.'><rect width="6" height="12" fill="#002395"/><rect x="6" width="6" height="12" fill="#fff"/><rect x="12" width="6" height="12" fill="#ED2939"/></svg>';
|
|
$en_flag = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="20" height="13" '.$s.'><rect width="60" height="30" fill="#012169"/><path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/><path d="M0,0 L60,30 M60,0 L0,30" stroke="#C8102E" stroke-width="4"/><path d="M30,0 V30 M0,15 H60" stroke="#fff" stroke-width="10"/><path d="M30,0 V30 M0,15 H60" stroke="#C8102E" stroke-width="6"/></svg>';
|
|
$senyera = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 12" width="20" height="13" '.$s.'><rect width="18" height="12" fill="#FCDD09"/><rect y="1.33" width="18" height="1.33" fill="#DA121A"/><rect y="4" width="18" height="1.33" fill="#DA121A"/><rect y="6.67" width="18" height="1.33" fill="#DA121A"/><rect y="9.33" width="18" height="1.33" fill="#DA121A"/></svg>';
|
|
$langs = [
|
|
'fr' => ['flag' => $fr_flag, 'label' => 'Français'],
|
|
'en' => ['flag' => $en_flag, 'label' => 'English'],
|
|
'ca' => ['flag' => $senyera, 'label' => 'Català'],
|
|
];
|
|
$currentLang = $_SESSION['app_lang'] ?? 'fr';
|
|
foreach ($langs as $code => $lang):
|
|
?>
|
|
<button type="submit" name="lang" value="<?= $code ?>"
|
|
class="pf-btn <?= $currentLang === $code ? 'pf-btn--current-lang' : 'btn-secondary' ?>">
|
|
<?= $lang['flag'] ?> <?= $lang['label'] ?>
|
|
</button>
|
|
<?php endforeach; ?>
|
|
</form>
|
|
</section>
|
|
|
|
<?php if ($family_id): ?>
|
|
<section class="pf-panel-card">
|
|
<h2 class="pf-card-h2 pf-card-h2--tight">🧩 Modules actifs</h2>
|
|
<p class="pf-muted-note">Choisissez les modules visibles dans la navigation (partagé avec tous les membres de l'espace).</p>
|
|
<?php
|
|
$enabledMods = $_SESSION['enabled_modules'] ?? ['calendar','budget','holidays','gifts','calendar_ios'];
|
|
$allModules = [
|
|
'calendar' => ['icon' => '📅', 'label' => tr('menu_calendar')],
|
|
'budget' => ['icon' => '💰', 'label' => tr('menu_budget')],
|
|
'holidays' => ['icon' => '🏖️', 'label' => tr('menu_holidays')],
|
|
'gifts' => ['icon' => '🎁', 'label' => tr('menu_gifts')],
|
|
'garage' => ['icon' => '🚗', 'label' => tr('menu_garage')],
|
|
'memo' => ['icon' => '📝', 'label' => tr('menu_memo')],
|
|
'todo' => ['icon' => '✅', 'label' => tr('menu_todo')],
|
|
'liste' => ['icon' => '📝', 'label' => tr('menu_liste')],
|
|
'calendar_ios' => ['icon' => '📱', 'label' => tr('menu_calendar_ios')],
|
|
'printvault' => ['icon' => '🖨️', 'label' => tr('menu_printvault')],
|
|
'planka' => ['icon' => '📋', 'label' => tr('menu_planka')],
|
|
];
|
|
?>
|
|
<form method="post">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="set_modules">
|
|
<div class="pf-stack-md">
|
|
<?php foreach ($allModules as $key => $mod): $active = in_array($key, $enabledMods); ?>
|
|
<label class="pf-module-tile">
|
|
<input type="checkbox" name="mod_<?= $key ?>" <?= $active ? 'checked' : '' ?> class="pf-checkbox-lg">
|
|
<span class="pf-tile-icon"><?= $mod['icon'] ?></span>
|
|
<span class="pf-tile-label"><?= $mod['label'] ?></span>
|
|
</label>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<button type="submit" class="pf-btn"><?= tr('btn_save') ?></button>
|
|
</form>
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
<?php
|
|
$enabledModsForListe = $_SESSION['enabled_modules'] ?? [];
|
|
if ($family_id && in_array('liste', $enabledModsForListe, true)):
|
|
?>
|
|
<section class="pf-panel-card">
|
|
<h2 class="pf-card-h2 pf-card-h2--tight">📝 <?= htmlspecialchars(tr('liste_settings_title')) ?></h2>
|
|
<p class="pf-muted-note"><?= htmlspecialchars(tr('liste_settings_intro')) ?></p>
|
|
<form method="post" class="pf-stack-md" style="margin-top:1rem">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="grocery_history_max">
|
|
<div class="pf-form-group">
|
|
<label class="pf-label" for="history_max"><?= htmlspecialchars(tr('liste_settings_history_max')) ?></label>
|
|
<input type="number" name="history_max" id="history_max" class="pf-input" style="max-width:120px" min="1" max="50" step="1" value="<?= (int) $groceryHistoryMaxSetting ?>" required>
|
|
<p class="pf-muted-note" style="margin-top:0.35rem"><?= htmlspecialchars(tr('liste_settings_history_hint')) ?></p>
|
|
</div>
|
|
<button type="submit" class="pf-btn"><?= htmlspecialchars(tr('btn_save')) ?></button>
|
|
</form>
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
<section class="pf-panel-card">
|
|
<h2 class="pf-card-h2 pf-card-h2--tight">📱 Intégration Calendrier iOS (CalDAV)</h2>
|
|
<p class="pf-muted-note">Configurez ici votre calendrier iCloud pour synchroniser les événements créés dans HouseHub.</p>
|
|
<form method="post" class="pf-stack-md">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="calendar_ios_save">
|
|
<div class="pf-form-group">
|
|
<label class="pf-label">Identifiant Apple (email iCloud)</label>
|
|
<input type="text" name="icloud_username" class="pf-input" value="<?= htmlspecialchars($calendarIntegration['username'] ?? '') ?>" placeholder="nom@icloud.com" required>
|
|
</div>
|
|
<div class="pf-form-group">
|
|
<label class="pf-label">Mot de passe d'app Apple</label>
|
|
<input type="password" name="icloud_app_password" class="pf-input" placeholder="xxxx-xxxx-xxxx-xxxx" required>
|
|
</div>
|
|
<div class="pf-form-group">
|
|
<label class="pf-label">URL du calendrier CalDAV</label>
|
|
<input type="url" name="icloud_calendar_url" class="pf-input" value="<?= htmlspecialchars($calendarIntegration['calendar_url'] ?? '') ?>" placeholder="https://caldav.icloud.com/..." required>
|
|
</div>
|
|
<div class="pf-flex-gap-8">
|
|
<button type="submit" class="pf-btn"><?= tr('btn_save') ?></button>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="pf-flex-gap-8 pf-mt-sm">
|
|
<form method="post">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="calendar_ios_test">
|
|
<button type="submit" class="pf-btn btn-secondary">Tester la connexion</button>
|
|
</form>
|
|
<form method="post">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="calendar_ios_disconnect">
|
|
<button type="submit" class="pf-btn btn-secondary">Déconnecter</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
<?php if ($family_id):
|
|
$bg_file = null;
|
|
foreach (glob('/uploads/home_bg_' . $family_id . '.*') as $f) { $bg_file = $f; break; }
|
|
$has_custom_bg = $bg_file !== null;
|
|
?>
|
|
<section class="pf-panel-card">
|
|
<h2 class="pf-card-h2 pf-card-h2--tight">🖼️ Image d'accueil</h2>
|
|
<p class="pf-muted-note">Photo de fond affichée sur la page d'accueil (partagée avec tous les membres).</p>
|
|
|
|
<?php if ($has_custom_bg): ?>
|
|
<div class="pf-home-bg-preview">
|
|
<img src="/home-bg.php" alt="Fond actuel">
|
|
<span class="pf-badge-overlay">Image personnalisée</span>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<form method="post" enctype="multipart/form-data" class="pf-inline-form-end">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="upload_home_bg">
|
|
<div class="pf-form-group">
|
|
<label class="pf-label">Nouvelle image (jpg, png, webp — max 10 Mo)</label>
|
|
<input type="file" name="home_bg" class="pf-input" accept="image/jpeg,image/png,image/webp" required>
|
|
</div>
|
|
<button type="submit" class="pf-btn pf-shrink-0">Enregistrer</button>
|
|
</form>
|
|
|
|
<?php if ($has_custom_bg): ?>
|
|
<form method="post" class="pf-mt-sm">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="reset_home_bg">
|
|
<button type="submit" class="pf-btn btn-secondary pf-btn-sm-text"
|
|
onclick="return confirm('Revenir à l\'image par défaut ?')">🔄 Remettre l'image par défaut</button>
|
|
</form>
|
|
<?php endif; ?>
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
|
|
<?php
|
|
$showCurrency = count(array_intersect(['budget', 'holidays', 'gifts', 'garage'], $_SESSION['enabled_modules'] ?? [])) > 0;
|
|
$showZone = in_array('calendar', $_SESSION['enabled_modules'] ?? []);
|
|
|
|
if ($family_id):
|
|
$currentCurrency = defined('CURRENCY') ? CURRENCY : '€';
|
|
$currentZone = defined('ZONE_SCOLAIRE') ? ZONE_SCOLAIRE : 'C';
|
|
?>
|
|
<section class="pf-panel-card">
|
|
<h2 class="pf-card-h2" style="font-size: 1.25rem;">👪 <?= tr('set_family_config') ?></h2>
|
|
<p class="pf-muted-note">Configurez les indicateurs et les membres partagés par votre foyer.</p>
|
|
|
|
<form id="unifiedFamilyForm" style="margin-top: 20px; display: flex; flex-direction: column;">
|
|
<input type="hidden" name="action" value="update_family_info">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="custom_care_modes" id="customCareModes" value="<?= htmlspecialchars(json_encode($familyCareModes)) ?>">
|
|
<input type="hidden" name="deleted_kids" id="deletedKids" value="[]">
|
|
|
|
<!-- ACCORDÉON 1 : PARAMÈTRES GLOBAUX -->
|
|
<?php if ($showCurrency || $showZone): ?>
|
|
<details class="pf-accordion">
|
|
<summary class="pf-accordion-summary">🌍 <?= tr('set_global_params') ?></summary>
|
|
<div class="pf-accordion-content">
|
|
<div class="form-row" style="margin-bottom: 0;">
|
|
<?php if ($showCurrency): ?>
|
|
<div class="pf-form-group" style="margin-bottom: 0;">
|
|
<label class="pf-label">Devise monétaire</label>
|
|
<input type="text" name="currency" class="pf-input" value="<?= htmlspecialchars($currentCurrency) ?>" placeholder="ex: €, $, CHF" required maxlength="10">
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($showZone): ?>
|
|
<div class="pf-form-group" style="margin-bottom: 0;">
|
|
<label class="pf-label">Zone de vacances scolaires (France)</label>
|
|
<select name="zone_scolaire" class="pf-input" style="background:var(--bg-panel);">
|
|
<option value="A" <?= $currentZone === 'A' ? 'selected' : '' ?>>Zone A</option>
|
|
<option value="B" <?= $currentZone === 'B' ? 'selected' : '' ?>>Zone B</option>
|
|
<option value="C" <?= $currentZone === 'C' ? 'selected' : '' ?>>Zone C</option>
|
|
<option value="Autre" <?= $currentZone === 'Autre' ? 'selected' : '' ?>>Hors France / Autre</option>
|
|
</select>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
<?php endif; ?>
|
|
|
|
<!-- ACCORDÉON 2 : MODES DE GARDE -->
|
|
<details class="pf-accordion">
|
|
<summary class="pf-accordion-summary">🏷️ <?= tr('set_care_modes') ?></summary>
|
|
<div class="pf-accordion-content">
|
|
<div id="careModesContainer" style="display: flex; gap: 8px; flex-wrap: wrap;"></div>
|
|
<!-- Largeur contrainte avec max-content -->
|
|
<button type="button" class="pf-btn btn-secondary pf-btn-sm-text" onclick="promptNewCareMode()" style="padding: 4px 10px; font-size: 0.8rem; width: max-content;">+ <?= tr('set_add_care_mode') ?></button>
|
|
</div>
|
|
</details>
|
|
|
|
<!-- ACCORDÉON 3 : ENFANTS (Ouvert par défaut) -->
|
|
<details class="pf-accordion">
|
|
<summary class="pf-accordion-summary">👶 <?= tr('set_kids_title') ?></summary>
|
|
<div class="pf-accordion-content" style="gap: 10px;">
|
|
<ul id="kidsListContainer" style="list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px;">
|
|
<?php foreach ($kidsList as $kid):
|
|
$kidModes = json_decode($kid['care_modes'] ?? '[]', true);
|
|
if (!is_array($kidModes)) $kidModes = [];
|
|
?>
|
|
<!-- Version compactée -->
|
|
<li class="kid-row" data-id="<?= $kid['id'] ?>" style="padding: 10px 12px; background: var(--bg-page); border: 1px solid var(--border-light); border-radius: 8px; display: flex; flex-direction: column; gap: 8px;">
|
|
<div style="display: flex; justify-content: space-between; align-items: center; gap: 10px;">
|
|
<input type="text" name="kids[<?= $kid['id'] ?>][name]" class="pf-input" value="<?= htmlspecialchars($kid['name']) ?>" style="flex: 1; padding: 8px; font-weight: bold;" required>
|
|
<button type="button" class="btn-icon-action delete" onclick="removeKidRow(this, <?= $kid['id'] ?>)" title="<?= tr('delete') ?>" style="padding: 4px;">🗑️</button>
|
|
</div>
|
|
<div class="kid-modes-container" style="font-size: 0.85rem; color: var(--text-muted); display: flex; gap: 12px; flex-wrap: wrap; align-items: center;">
|
|
<span class="stored-modes" style="display:none;"><?= htmlspecialchars(json_encode($kidModes)) ?></span>
|
|
</div>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
<!-- Largeur contrainte avec max-content -->
|
|
<button type="button" class="pf-btn btn-secondary pf-btn-sm-text" onclick="addKidRow()" style="padding: 4px 10px; font-size: 0.8rem; width: max-content;">+ <?= tr('set_btn_add_kid') ?></button>
|
|
</div>
|
|
</details>
|
|
|
|
<button type="submit" class="pf-btn"><?= tr('btn_save') ?></button>
|
|
</form>
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
|
|
<section class="pf-panel-card">
|
|
<h2 class="pf-card-h2">👤 Mon profil</h2>
|
|
<form method="post">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="update_profile">
|
|
<div class="pf-form-group">
|
|
<label class="pf-label">Nom d'utilisateur</label>
|
|
<input type="text" class="pf-input pf-input--disabled-muted" value="<?= htmlspecialchars($user['username']) ?>" disabled>
|
|
</div>
|
|
<div class="pf-form-group">
|
|
<label class="pf-label">Prénom / Pseudo affiché</label>
|
|
<input type="text" name="display_name" class="pf-input" value="<?= htmlspecialchars($user['display_name']) ?>" required>
|
|
</div>
|
|
|
|
<div class="pf-form-group">
|
|
<label class="pf-label" for="profile_color">Couleur thématique de mon profil</label>
|
|
<div class="pf-color-picker-group">
|
|
<input type="color" name="color" id="profile_color" class="pf-input-color" value="<?= htmlspecialchars($user_color) ?>">
|
|
<span class="pf-muted-note">Cette couleur sera utilisée pour vos grilles de budget, calendriers et indicateurs personnels.</span>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="pf-btn"><?= tr('btn_save') ?></button>
|
|
</form>
|
|
</section>
|
|
|
|
<section class="pf-panel-card">
|
|
<h2 class="pf-card-h2">🔒 Changer le mot de passe</h2>
|
|
<form method="post">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="change_password">
|
|
<div class="pf-form-group">
|
|
<label class="pf-label">Mot de passe actuel</label>
|
|
<input type="password" name="current_password" class="pf-input" required placeholder="••••••">
|
|
</div>
|
|
<div class="pf-form-group">
|
|
<label class="pf-label">Nouveau mot de passe</label>
|
|
<input type="password" name="new_password" class="pf-input" required placeholder="••••••" autocomplete="new-password">
|
|
</div>
|
|
<div class="pf-form-group">
|
|
<label class="pf-label">Confirmer</label>
|
|
<input type="password" name="confirm_password" class="pf-input" required placeholder="••••••" autocomplete="new-password">
|
|
</div>
|
|
<button type="submit" class="pf-btn">Modifier</button>
|
|
</form>
|
|
</section>
|
|
|
|
<?php if ($family): ?>
|
|
<section class="pf-panel-card">
|
|
<h2 class="pf-card-h2">🏠 Mon espace familial</h2>
|
|
|
|
<form method="post" class="pf-mb-section">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="update_family_name">
|
|
<div class="pf-form-group">
|
|
<label class="pf-label">Nom de l'espace</label>
|
|
<div class="pf-flex-gap-8">
|
|
<input type="text" name="family_name" class="pf-input" value="<?= htmlspecialchars($family['name']) ?>" required>
|
|
<button type="submit" class="pf-btn pf-shrink-0">Enregistrer</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="pf-dashed-panel">
|
|
<p class="pf-muted-note pf-muted-note--tight">Code d'invitation — partagez-le pour inviter quelqu'un</p>
|
|
<div class="pf-invite-row">
|
|
<code id="invite-code" class="pf-invite-code"
|
|
onclick="copyCode()" title="Cliquer pour copier">
|
|
<?= htmlspecialchars($family['invite_code']) ?>
|
|
</code>
|
|
<span id="copy-msg" class="pf-copy-msg">✓ Copié !</span>
|
|
<form method="post" class="pf-ml-auto">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars(csrf_token()) ?>">
|
|
<input type="hidden" name="action" value="regen_invite">
|
|
<button type="submit" class="pf-btn btn-secondary pf-btn-sm-text"
|
|
onclick="return confirm('Regénérer le code ? L\'ancien sera invalidé.')">
|
|
🔄 Nouveau code
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<p class="pf-invite-footnote">
|
|
Lien d'inscription : <strong><?= $_SERVER['HTTP_HOST'] ?>/register.php</strong>
|
|
</p>
|
|
</div>
|
|
|
|
<h3 class="pf-members-heading">Membres (<?= count($members) ?>)</h3>
|
|
<div class="pf-stack-sm">
|
|
<?php foreach ($members as $m): ?>
|
|
<div class="pf-member-card">
|
|
<div>
|
|
<strong><?= htmlspecialchars($m['display_name']) ?></strong>
|
|
<span class="pf-muted-inline">@<?= htmlspecialchars($m['username']) ?></span>
|
|
<?php if ($m['is_admin']): ?>
|
|
<span class="pf-admin-badge">Admin</span>
|
|
<?php endif; ?>
|
|
</div>
|
|
<span class="pf-muted-tiny"><?= date('d/m/Y', strtotime($m['created_at'])) ?></span>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($_SESSION['user']['is_admin']): ?>
|
|
<div class="pf-settings-admin-link">
|
|
<a href="/admin/">→ Panneau d'administration</a>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
document.querySelectorAll('form[method="post"]').forEach((form) => {
|
|
if (!form.querySelector('input[name="csrf_token"]')) {
|
|
const input = document.createElement('input');
|
|
input.type = 'hidden';
|
|
input.name = 'csrf_token';
|
|
input.value = window.CSRF_TOKEN || '';
|
|
form.appendChild(input);
|
|
}
|
|
});
|
|
|
|
function copyCode() {
|
|
const code = document.getElementById('invite-code').textContent.trim();
|
|
navigator.clipboard.writeText(code).then(() => {
|
|
const msg = document.getElementById('copy-msg');
|
|
msg.classList.add('is-visible');
|
|
setTimeout(() => msg.classList.remove('is-visible'), 2000);
|
|
});
|
|
}
|
|
|
|
// 🟢 LOGIQUE FRONT-END UNIFIÉE (Vanilla JS) : Configuration Foyer
|
|
let globalCareModes = <?= json_encode($familyCareModes) ?>;
|
|
let deletedKidsIds = [];
|
|
let newKidCounter = 0;
|
|
|
|
function renderCareModes() {
|
|
const container = document.getElementById('careModesContainer');
|
|
if (!container) return;
|
|
|
|
document.getElementById('customCareModes').value = JSON.stringify(globalCareModes);
|
|
container.innerHTML = '';
|
|
|
|
globalCareModes.forEach((mode, index) => {
|
|
const badge = document.createElement('div');
|
|
badge.style.cssText = "background: var(--bg-soft); color: var(--primary); padding: 4px 10px; border-radius: 12px; font-size: 0.85rem; font-weight: 600; display: flex; align-items: center; gap: 6px; border: 1px solid rgba(59, 130, 246, 0.2);";
|
|
badge.innerHTML = `
|
|
${mode}
|
|
<span style="cursor: pointer; opacity: 0.6; padding: 2px;" onclick="removeCareMode(${index})">×</span>
|
|
`;
|
|
container.appendChild(badge);
|
|
});
|
|
|
|
document.querySelectorAll('.kid-row').forEach(row => renderKidCheckboxes(row));
|
|
}
|
|
|
|
function promptNewCareMode() {
|
|
const newMode = prompt("Entrez le nom du nouveau mode de garde (ex: Papi/Mamie, Centre aéré...)");
|
|
if (newMode && newMode.trim() !== '') {
|
|
if (!globalCareModes.includes(newMode.trim())) {
|
|
globalCareModes.push(newMode.trim());
|
|
renderCareModes();
|
|
}
|
|
}
|
|
}
|
|
|
|
function removeCareMode(index) {
|
|
if (confirm("Supprimer ce mode de garde pour tous les enfants ?")) {
|
|
globalCareModes.splice(index, 1);
|
|
renderCareModes();
|
|
}
|
|
}
|
|
|
|
function renderKidCheckboxes(row) {
|
|
const container = row.querySelector('.kid-modes-container');
|
|
const storedSpan = row.querySelector('.stored-modes');
|
|
let activeModes = [];
|
|
|
|
if (storedSpan) {
|
|
try { activeModes = JSON.parse(storedSpan.innerText); } catch(e){}
|
|
storedSpan.remove();
|
|
} else {
|
|
const checked = Array.from(container.querySelectorAll('input:checked')).map(i => i.value);
|
|
if (checked.length > 0) activeModes = checked;
|
|
}
|
|
|
|
const kidId = row.getAttribute('data-id');
|
|
container.innerHTML = '';
|
|
|
|
if (globalCareModes.length === 0) {
|
|
container.innerHTML = '<span style="font-style: italic;">Aucun mode de garde configuré.</span>';
|
|
return;
|
|
}
|
|
|
|
globalCareModes.forEach(mode => {
|
|
const isChecked = activeModes.includes(mode) ? 'checked' : '';
|
|
const label = document.createElement('label');
|
|
label.style.cssText = "cursor: pointer; display: flex; align-items: center; gap: 5px;";
|
|
label.innerHTML = `<input type="checkbox" name="kids[${kidId}][modes][]" value="${mode}" class="pf-checkbox-lg" style="transform: scale(0.8);" ${isChecked}> ${mode}`;
|
|
container.appendChild(label);
|
|
});
|
|
}
|
|
|
|
function addKidRow() {
|
|
newKidCounter++;
|
|
const kidId = 'new_' + newKidCounter;
|
|
const ul = document.getElementById('kidsListContainer');
|
|
|
|
const li = document.createElement('li');
|
|
li.className = 'kid-row';
|
|
li.setAttribute('data-id', kidId);
|
|
li.style.cssText = "padding: 10px 12px; background: var(--bg-page); border: 1px solid var(--border-light); border-radius: 8px; display: flex; flex-direction: column; gap: 8px;";
|
|
|
|
li.innerHTML = `
|
|
<div style="display: flex; justify-content: space-between; align-items: center; gap: 10px;">
|
|
<input type="text" name="kids[${kidId}][name]" class="pf-input" placeholder="Prénom" style="flex: 1; padding: 8px; font-weight: bold;" required>
|
|
<button type="button" class="btn-icon-action delete" onclick="removeKidRow(this)" title="Retirer" style="padding: 4px;">🗑️</button>
|
|
</div>
|
|
<div class="kid-modes-container" style="font-size: 0.85rem; color: var(--text-muted); display: flex; gap: 12px; flex-wrap: wrap; align-items: center;"></div>
|
|
`;
|
|
ul.appendChild(li);
|
|
renderKidCheckboxes(li);
|
|
}
|
|
|
|
function removeKidRow(btn, dbId = null) {
|
|
const row = btn.closest('.kid-row');
|
|
if (dbId) {
|
|
deletedKidsIds.push(dbId);
|
|
document.getElementById('deletedKids').value = JSON.stringify(deletedKidsIds);
|
|
}
|
|
row.remove();
|
|
}
|
|
|
|
const unifiedFamilyForm = document.getElementById('unifiedFamilyForm');
|
|
if (unifiedFamilyForm) {
|
|
unifiedFamilyForm.addEventListener('submit', async (e) => {
|
|
e.preventDefault();
|
|
const form = e.target;
|
|
const btn = form.querySelector('button[type="submit"]');
|
|
const oldHtml = btn.innerHTML;
|
|
|
|
btn.innerHTML = '⏳ Enregistrement...';
|
|
btn.disabled = true;
|
|
|
|
const fd = new FormData(form);
|
|
|
|
try {
|
|
const res = await pachaFetch('settings.php', { method: 'POST', body: fd });
|
|
if (res.success) {
|
|
showToast("Configuration du foyer enregistrée avec succès.", "success");
|
|
setTimeout(() => window.location.reload(), 1000);
|
|
} else {
|
|
showToast(res.error || "Erreur de sauvegarde.", "error");
|
|
}
|
|
} catch (err) {
|
|
showToast("Erreur technique de sauvegarde.", "error");
|
|
} finally {
|
|
btn.innerHTML = oldHtml;
|
|
btn.disabled = false;
|
|
}
|
|
});
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
if (document.getElementById('careModesContainer')) renderCareModes();
|
|
});
|
|
</script>
|
|
|
|
<?php require __DIR__ . '/footer.php'; ?>
|