24dbc7cd6a
API réception alertes chute (SmartEye/YOLO), analyse IA (Gemini 2.5 Flash), gestion alertes avec escalade (watchdog), notifications Firebase, dashboard web, documentation MkDocs. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
483 lines
35 KiB
PHP
Executable File
483 lines
35 KiB
PHP
Executable File
<?php
|
||
// --- SMARTEYE ADMIN DASHBOARD v3.0 (Lucas Edition) ---
|
||
session_start();
|
||
$ADMIN_PASS = "smart123"; // ⚠️ Mot de passe Admin
|
||
$DB_FILE = "database.json";
|
||
|
||
// --- AUTHENTIFICATION ---
|
||
if (isset($_POST['login'])) {
|
||
if ($_POST['pass'] === $ADMIN_PASS) { $_SESSION['admin'] = true; }
|
||
else { $error = "Mot de passe incorrect"; }
|
||
}
|
||
if (isset($_GET['logout'])) { session_destroy(); header("Location: admin.php"); exit; }
|
||
|
||
if (!isset($_SESSION['admin'])) {
|
||
// Page de Login
|
||
echo '<!DOCTYPE html><html lang="fr"><head><title>Admin Login</title><script src="https://cdn.tailwindcss.com"></script></head>
|
||
<body class="bg-slate-900 flex items-center justify-center h-screen">
|
||
<div class="bg-slate-800 p-8 rounded-xl shadow-2xl border border-slate-700 w-96 text-center">
|
||
<div class="w-12 h-12 bg-emerald-500 rounded-full mx-auto mb-4 animate-pulse"></div>
|
||
<h1 class="text-2xl font-bold text-white mb-6 tracking-wider">SMARTEYE <span class="text-emerald-400">LUCAS</span></h1>
|
||
<form method="post" class="space-y-4">
|
||
<input type="password" name="pass" placeholder="Code d\'accès" class="w-full bg-slate-900 border border-slate-700 text-white px-4 py-3 rounded focus:outline-none focus:border-emerald-500 text-center text-lg">
|
||
<button name="login" class="w-full bg-emerald-600 hover:bg-emerald-500 text-white font-bold py-3 rounded transition">Connexion</button>
|
||
</form>
|
||
'.(isset($error)?'<p class="text-red-500 mt-4 text-sm">'.$error.'</p>':'').'
|
||
</div></body></html>';
|
||
exit;
|
||
}
|
||
|
||
// --- CHARGEMENT DES DONNÉES ---
|
||
$data = file_exists($DB_FILE) ? json_decode(file_get_contents($DB_FILE), true) : ['clients' => []];
|
||
// Sécurité : structure minimale si fichier vide ou corrompu
|
||
if (!isset($data['clients'])) $data['clients'] = [];
|
||
|
||
// --- FONCTION TEST ALERTE (SIMULATION SMS) ---
|
||
if (isset($_GET['test_alert'])) {
|
||
$idTest = $_GET['test_alert'];
|
||
if (isset($data['clients'][$idTest])) {
|
||
$client = $data['clients'][$idTest];
|
||
$contacts = $client['contacts'] ?? [];
|
||
|
||
$count = 0;
|
||
$mobiles = [];
|
||
|
||
// ICI : Simulation de l'appel API SMS
|
||
// Dans le futur api.php, on utilisera ces numéros
|
||
foreach($contacts as $c) {
|
||
if(!empty($c['phone'])) {
|
||
$mobiles[] = $c['phone'];
|
||
$count++;
|
||
// LOG l'envoi pour preuve
|
||
$log_msg = date("Y-m-d H:i:s") . " [TEST ADMIN] SMS vers {$c['phone']} pour {$client['name']}\n";
|
||
file_put_contents("sms_history.log", $log_msg, FILE_APPEND);
|
||
}
|
||
}
|
||
|
||
$successMsg = "✅ Test d'alerte simulé envoyé à $count contacts !<br><span class='text-xs opacity-70'>(" . implode(', ', $mobiles) . ")</span>";
|
||
}
|
||
}
|
||
|
||
// --- SAUVEGARDE CLIENT (AJOUT / EDIT) ---
|
||
if (isset($_POST['save_client'])) {
|
||
// Nettoyage de l'ID pour éviter les caractères spéciaux
|
||
$id = preg_replace('/[^a-z0-9_]/', '', strtolower($_POST['client_id']));
|
||
|
||
// Initialisation si nouveau
|
||
if (!isset($data['clients'][$id])) {
|
||
$data['clients'][$id]['created_at'] = date('Y-m-d H:i:s');
|
||
$data['clients'][$id]['alerte'] = false;
|
||
// Création dossier images
|
||
$client_dir = "clients/" . $_POST['name'] . "/";
|
||
if (!is_dir($client_dir)) { mkdir($client_dir, 0775, true); }
|
||
}
|
||
|
||
// Token : saisi manuellement, ou auto-généré si vide
|
||
$token_input = trim($_POST['token'] ?? '');
|
||
if (!empty($token_input)) {
|
||
$data['clients'][$id]['token'] = $token_input;
|
||
} elseif (!isset($data['clients'][$id]['token'])) {
|
||
$data['clients'][$id]['token'] = bin2hex(random_bytes(4));
|
||
}
|
||
|
||
// Mot de passe LucasApp (bcrypt) — ignorer si valeur inchangée (bullets)
|
||
$new_password = trim($_POST['client_password'] ?? '');
|
||
if (!empty($new_password) && $new_password !== str_repeat("\xE2\x80\xA2", 8) && $new_password !== '••••••••') {
|
||
$data['clients'][$id]['password_hash'] = password_hash($new_password, PASSWORD_BCRYPT);
|
||
}
|
||
|
||
// Mise à jour des champs
|
||
$data['clients'][$id]['name'] = $_POST['name'];
|
||
$data['clients'][$id]['address'] = $_POST['address'];
|
||
$data['clients'][$id]['city'] = $_POST['city'];
|
||
$data['clients'][$id]['phone_mobile'] = $_POST['phone_mobile'];
|
||
$data['clients'][$id]['phone_fixed'] = $_POST['phone_fixed'];
|
||
$data['clients'][$id]['cp'] = $_POST['cp'] ?? '';
|
||
$data['clients'][$id]['date_naissance'] = $_POST['date_naissance'] ?? '';
|
||
$data['clients'][$id]['sex'] = $_POST['sex'];
|
||
|
||
// Champs bénéficiaire
|
||
$data['clients'][$id]['senior_name'] = $_POST['senior_name'] ?? '';
|
||
$data['clients'][$id]['senior_nickname'] = $_POST['senior_nickname'] ?? '';
|
||
$data['clients'][$id]['senior_photo'] = $_POST['senior_photo'] ?? '';
|
||
if (!isset($data['clients'][$id]['fcm_tokens'])) {
|
||
$data['clients'][$id]['fcm_tokens'] = [];
|
||
}
|
||
|
||
// Champs compte / technique
|
||
$data['clients'][$id]['jetson_id'] = $_POST['jetson_id'] ?? '';
|
||
$data['clients'][$id]['jetson_ip'] = $_POST['jetson_ip'] ?? '';
|
||
$data['clients'][$id]['jetson_modele'] = $_POST['jetson_modele'] ?? '';
|
||
$data['clients'][$id]['jetson_ram'] = $_POST['jetson_ram'] ?? '';
|
||
$data['clients'][$id]['jetson_ssd'] = $_POST['jetson_ssd'] ?? '';
|
||
|
||
// Caméras (5 max)
|
||
$cameras = [];
|
||
if (isset($_POST['cam_marque'])) {
|
||
for ($i = 0; $i < count($_POST['cam_marque']); $i++) {
|
||
if (!empty($_POST['cam_marque'][$i]) || !empty($_POST['cam_ip'][$i])) {
|
||
$cameras[] = [
|
||
'marque' => $_POST['cam_marque'][$i] ?? '',
|
||
'modele' => $_POST['cam_modele'][$i] ?? '',
|
||
'serie' => $_POST['cam_serie'][$i] ?? '',
|
||
'ip' => $_POST['cam_ip'][$i] ?? '',
|
||
'port_rtsp' => $_POST['cam_port_rtsp'][$i] ?? '',
|
||
];
|
||
}
|
||
}
|
||
}
|
||
$data['clients'][$id]['cameras'] = $cameras;
|
||
|
||
// Gestion des contacts multiples
|
||
$contacts = [];
|
||
if (isset($_POST['contact_name'])) {
|
||
for ($i = 0; $i < count($_POST['contact_name']); $i++) {
|
||
if (!empty($_POST['contact_name'][$i])) {
|
||
$contacts[] = [
|
||
'name' => $_POST['contact_name'][$i],
|
||
'role' => $_POST['contact_role'][$i],
|
||
'phone' => $_POST['contact_phone'][$i],
|
||
'email' => $_POST['contact_email'][$i],
|
||
'os' => $_POST['contact_os'][$i] ?? ''
|
||
];
|
||
}
|
||
}
|
||
}
|
||
$data['clients'][$id]['contacts'] = $contacts;
|
||
|
||
// Écriture DB
|
||
file_put_contents($DB_FILE, json_encode($data, JSON_PRETTY_PRINT));
|
||
$tab = $_POST['current_tab'] ?? 'identite';
|
||
header("Location: admin.php?edit=$id&success=1&tab=$tab"); exit;
|
||
}
|
||
|
||
// --- ARRÊT ALERTE ---
|
||
if (isset($_GET['stop_alert'])) {
|
||
$stopId = $_GET['stop_alert'];
|
||
if (isset($data['clients'][$stopId])) {
|
||
$data['clients'][$stopId]['alerte'] = false;
|
||
unset($data['clients'][$stopId]['handled_by']);
|
||
unset($data['clients'][$stopId]['handled_at']);
|
||
unset($data['clients'][$stopId]['message']);
|
||
unset($data['clients'][$stopId]['last_update']);
|
||
file_put_contents($DB_FILE, json_encode($data, JSON_PRETTY_PRINT));
|
||
// Reload data after save
|
||
$data = json_decode(file_get_contents($DB_FILE), true);
|
||
}
|
||
header("Location: admin.php?alert_stopped=1"); exit;
|
||
}
|
||
|
||
// --- SUPPRESSION ---
|
||
if (isset($_GET['del'])) {
|
||
unset($data['clients'][$_GET['del']]);
|
||
file_put_contents($DB_FILE, json_encode($data, JSON_PRETTY_PRINT));
|
||
header("Location: admin.php"); exit;
|
||
}
|
||
|
||
// --- PRÉPARATION VUE ---
|
||
$editClient = null; $editId = "";
|
||
if (isset($_GET['edit'])) {
|
||
$editId = $_GET['edit'];
|
||
$editClient = $data['clients'][$editId] ?? null;
|
||
} elseif (isset($_GET['new'])) {
|
||
// Mode nouveau client
|
||
$editClient = null;
|
||
}
|
||
?>
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>SmartEye Admin</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<script>
|
||
function addContact() {
|
||
const tpl = document.getElementById('contact-template').innerHTML;
|
||
document.getElementById('contacts-container').insertAdjacentHTML('beforeend', tpl);
|
||
}
|
||
function removeContact(btn) { btn.closest('.contact-row').remove(); }
|
||
function switchTab(name) {
|
||
document.querySelectorAll('.tab-panel').forEach(p => p.classList.add('hidden'));
|
||
document.querySelectorAll('.tab-btn').forEach(b => {
|
||
b.classList.remove('border-violet-500','border-emerald-500','border-blue-500','text-violet-400','text-emerald-400','text-blue-400','bg-slate-800/50');
|
||
b.classList.add('text-slate-500','border-transparent');
|
||
});
|
||
document.getElementById('panel-'+name).classList.remove('hidden');
|
||
const btn = document.getElementById('tab-'+name);
|
||
btn.classList.remove('text-slate-500','border-transparent');
|
||
const colors = {identite:['violet'],compte:['emerald'],contacts:['blue']};
|
||
const c = (colors[name]||['violet'])[0];
|
||
btn.classList.add('border-'+c+'-500','text-'+c+'-400','bg-slate-800/50');
|
||
const h = document.getElementById('current_tab');
|
||
if (h) h.value = name;
|
||
}
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const params = new URLSearchParams(window.location.search);
|
||
const tab = params.get('tab');
|
||
if (tab && document.getElementById('panel-'+tab)) switchTab(tab);
|
||
});
|
||
</script>
|
||
<style>body { background-color: #0f172a; color: #e2e8f0; }</style>
|
||
</head>
|
||
<body class="min-h-screen flex flex-col">
|
||
|
||
<nav class="bg-slate-900 border-b border-slate-800 px-6 py-4 flex justify-between items-center sticky top-0 z-50 shadow-md">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-3 h-3 rounded-full bg-emerald-500"></div>
|
||
<span class="font-bold text-xl tracking-wider text-white">SMARTEYE <span class="text-slate-500 text-sm font-normal">MANAGER</span></span>
|
||
</div>
|
||
<?php if($editClient): ?>
|
||
<span class="text-slate-400 font-mono text-sm bg-slate-800 px-4 py-2 rounded border border-slate-700"><?php echo $editId; ?></span>
|
||
<?php endif; ?>
|
||
<div class="flex gap-4">
|
||
<?php if($editClient || isset($_GET['new'])): ?>
|
||
<a href="admin.php" class="bg-slate-700 hover:bg-slate-600 text-white px-4 py-2 rounded text-sm flex items-center gap-2 transition"><span>↩</span> Retour</a>
|
||
<?php endif; ?>
|
||
<a href="?logout" class="text-red-400 hover:text-white text-sm border border-red-900/50 px-3 py-2 rounded transition">Déconnexion</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="flex-1 p-8 max-w-7xl mx-auto w-full">
|
||
|
||
<?php if(isset($_GET['success'])): ?>
|
||
<div class="bg-emerald-900/50 border border-emerald-500/50 text-emerald-200 px-4 py-3 rounded mb-6 text-center animate-bounce">✅ Modifications enregistrées avec succès !</div>
|
||
<?php endif; ?>
|
||
|
||
<?php if(isset($successMsg)): ?>
|
||
<div class="bg-blue-900/50 border border-blue-500/50 text-blue-200 px-4 py-3 rounded mb-6 text-center"><?php echo $successMsg; ?></div>
|
||
<?php endif; ?>
|
||
|
||
<?php if(isset($_GET['alert_stopped'])): ?>
|
||
<div class="bg-emerald-900/50 border border-emerald-500/50 text-emerald-200 px-4 py-3 rounded mb-6 text-center">✅ Alerte arrêtée avec succès — Le client est revenu en surveillance active.</div>
|
||
<?php endif; ?>
|
||
|
||
<?php if($editClient || isset($_GET['new'])): ?>
|
||
<form method="post" class="max-w-4xl mx-auto">
|
||
|
||
<div class="bg-slate-800 rounded-xl border border-slate-700 shadow-lg overflow-hidden">
|
||
|
||
<?php if($editClient): ?>
|
||
<input type="hidden" name="client_id" value="<?php echo $editId; ?>">
|
||
<?php endif; ?>
|
||
<input type="hidden" name="current_tab" id="current_tab" value="<?php echo htmlspecialchars($_GET['tab'] ?? 'identite'); ?>">
|
||
|
||
<!-- ONGLETS -->
|
||
<div class="flex border-b border-slate-700 bg-slate-900">
|
||
<button type="button" onclick="switchTab('identite')" id="tab-identite" class="tab-btn flex-1 px-4 py-3 text-sm font-bold text-violet-400 border-b-2 border-violet-500 bg-slate-800/50 transition">👤 Identité</button>
|
||
<button type="button" onclick="switchTab('compte')" id="tab-compte" class="tab-btn flex-1 px-4 py-3 text-sm font-bold text-slate-500 border-b-2 border-transparent hover:text-emerald-400 transition">📱 Infos Compte</button>
|
||
<button type="button" onclick="switchTab('contacts')" id="tab-contacts" class="tab-btn flex-1 px-4 py-3 text-sm font-bold text-slate-500 border-b-2 border-transparent hover:text-blue-400 transition">📞 Réseau de Contact</button>
|
||
</div>
|
||
|
||
<div class="p-6">
|
||
|
||
<!-- TAB IDENTITÉ -->
|
||
<div id="panel-identite" class="tab-panel space-y-4">
|
||
<div class="grid grid-cols-2 gap-4">
|
||
<div>
|
||
<label class="text-xs text-violet-300 uppercase font-bold">Nom complet</label>
|
||
<input name="senior_name" value="<?php echo $editClient['senior_name'] ?? ''; ?>" placeholder="Marie Dupont" class="w-full bg-slate-900 border border-violet-500/50 rounded px-3 py-2 text-white text-lg font-bold">
|
||
</div>
|
||
<div>
|
||
<label class="text-xs text-violet-300 uppercase font-bold">Surnom</label>
|
||
<input name="senior_nickname" value="<?php echo $editClient['senior_nickname'] ?? ''; ?>" placeholder="Mamie" class="w-full bg-slate-900 border border-violet-500/50 rounded px-3 py-2 text-white">
|
||
</div>
|
||
</div>
|
||
<div class="grid grid-cols-3 gap-3">
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">Date de naissance</label><input name="date_naissance" type="date" value="<?php echo $editClient['date_naissance'] ?? ''; ?>" class="w-full bg-slate-900 border border-slate-600 rounded px-3 py-2 text-white"></div>
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">Sexe</label><select name="sex" class="w-full bg-slate-900 border border-slate-600 rounded px-3 py-2 text-white"><option value="F" <?php echo ($editClient['sex']??'')=='F'?'selected':''; ?>>Femme</option><option value="H" <?php echo ($editClient['sex']??'')=='H'?'selected':''; ?>>Homme</option></select></div>
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">Photo</label><input name="senior_photo" value="<?php echo $editClient['senior_photo'] ?? ''; ?>" placeholder="photos/mamie.jpg" class="w-full bg-slate-900 border border-slate-600 rounded px-3 py-2 text-white text-sm"></div>
|
||
</div>
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">Adresse</label><input name="address" value="<?php echo $editClient['address'] ?? ''; ?>" class="w-full bg-slate-900 border border-slate-600 rounded px-3 py-2 text-white"></div>
|
||
<div class="grid grid-cols-3 gap-3">
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">Code postal</label><input name="cp" value="<?php echo $editClient['cp'] ?? ''; ?>" placeholder="75001" class="w-full bg-slate-900 border border-slate-600 rounded px-3 py-2 text-white font-mono"></div>
|
||
<div class="col-span-2"><label class="text-xs text-slate-500 uppercase font-bold">Ville</label><input name="city" value="<?php echo $editClient['city'] ?? ''; ?>" placeholder="Paris" class="w-full bg-slate-900 border border-slate-600 rounded px-3 py-2 text-white"></div>
|
||
</div>
|
||
<div class="grid grid-cols-2 gap-3">
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">Mobile</label><input name="phone_mobile" value="<?php echo $editClient['phone_mobile'] ?? ''; ?>" required class="w-full bg-slate-900 border border-slate-600 rounded px-3 py-2 text-white"></div>
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">Fixe</label><input name="phone_fixed" value="<?php echo $editClient['phone_fixed'] ?? ''; ?>" class="w-full bg-slate-900 border border-slate-600 rounded px-3 py-2 text-white"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- TAB INFOS COMPTE -->
|
||
<div id="panel-compte" class="tab-panel space-y-4 hidden">
|
||
<?php if(!$editClient): ?>
|
||
<div>
|
||
<label class="text-xs text-emerald-400 uppercase font-bold">ID Système (clé unique)</label>
|
||
<input name="client_id" required placeholder="ex: pizzulo" class="w-full bg-slate-900 border border-emerald-500/50 rounded px-3 py-2 text-white font-mono text-sm">
|
||
<p class="text-xs text-slate-600 mt-1">Identifiant technique interne, non modifiable</p>
|
||
</div>
|
||
<?php endif; ?>
|
||
<div class="grid grid-cols-2 gap-4">
|
||
<div>
|
||
<label class="text-xs text-emerald-400 uppercase font-bold">Identifiant App *</label>
|
||
<input name="name" value="<?php echo $editClient['name'] ?? ''; ?>" required class="w-full bg-slate-900 border border-emerald-500/50 rounded px-3 py-2 text-white font-bold">
|
||
<p class="text-xs text-slate-600 mt-1">Saisi par le client dans LucasApp</p>
|
||
</div>
|
||
<div>
|
||
<label class="text-xs text-emerald-400 uppercase font-bold">Mot de passe App *</label>
|
||
<input name="client_password" type="password" value="<?php echo !empty($editClient['password_hash']) ? '••••••••' : ''; ?>" <?php echo empty($editClient['password_hash']) ? 'required' : ''; ?> placeholder="<?php echo empty($editClient['password_hash']) ? 'non renseigné' : ''; ?>" class="w-full bg-slate-900 border <?php echo empty($editClient['password_hash']) ? 'border-red-500/50' : 'border-emerald-500/50'; ?> rounded px-3 py-2 text-white">
|
||
<p class="text-xs <?php echo !empty($editClient['password_hash']) ? 'text-slate-500' : 'text-red-400'; ?> mt-1"><?php echo !empty($editClient['password_hash']) ? 'Laisser tel quel pour ne pas changer' : 'Obligatoire — l\'app ne peut pas se connecter'; ?></p>
|
||
</div>
|
||
</div>
|
||
<?php if(!empty($editClient['fcm_tokens'])): ?>
|
||
<div class="bg-emerald-900/20 border border-emerald-500/30 rounded px-3 py-2 text-xs text-emerald-300"><?php echo count($editClient['fcm_tokens']); ?> appareil(s) connecté(s)</div>
|
||
<?php endif; ?>
|
||
<div>
|
||
<label class="text-xs text-amber-400 uppercase font-bold">Token SmartEye *</label>
|
||
<div class="flex gap-2">
|
||
<input name="token" value="<?php echo $editClient['token'] ?? ''; ?>" <?php echo $editClient ? '' : 'placeholder="Auto-généré si vide"'; ?> class="flex-1 bg-slate-900 border border-amber-500/50 rounded px-3 py-2 text-amber-200 font-mono text-sm">
|
||
<?php if($editClient): ?>
|
||
<button type="button" onclick="if(confirm('Régénérer le token ?')){document.querySelector('input[name=token]').value='<?php echo bin2hex(random_bytes(4)); ?>';}" class="bg-amber-600/20 text-amber-400 hover:bg-amber-600 hover:text-white px-3 rounded text-xs border border-amber-900 transition">Régénérer</button>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
<div class="grid grid-cols-2 gap-4">
|
||
<div>
|
||
<label class="text-xs text-slate-500 uppercase font-bold">Date de création</label>
|
||
<input value="<?php echo $editClient['created_at'] ?? date('Y-m-d H:i:s'); ?>" disabled class="w-full bg-slate-950 border border-slate-700 rounded px-3 py-2 text-slate-400 text-sm">
|
||
</div>
|
||
<div>
|
||
<label class="text-xs text-emerald-400 uppercase font-bold">Identifiant Jetson</label>
|
||
<input name="jetson_id" value="<?php echo $editClient['jetson_id'] ?? ''; ?>" placeholder="ex: jetson-nano-01" class="w-full bg-slate-900 border border-emerald-500/50 rounded px-3 py-2 text-white font-mono text-sm">
|
||
</div>
|
||
</div>
|
||
<div class="grid grid-cols-4 gap-3">
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">IP Jetson</label><input name="jetson_ip" value="<?php echo $editClient['jetson_ip'] ?? ''; ?>" placeholder="192.168.1.x" class="w-full bg-slate-900 border border-slate-600 rounded px-2 py-1.5 text-white text-sm font-mono"></div>
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">Modèle</label><input name="jetson_modele" value="<?php echo $editClient['jetson_modele'] ?? ''; ?>" placeholder="Nano / Orin" class="w-full bg-slate-900 border border-slate-600 rounded px-2 py-1.5 text-white text-sm"></div>
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">RAM (Go)</label><input name="jetson_ram" value="<?php echo $editClient['jetson_ram'] ?? ''; ?>" placeholder="4" type="number" class="w-full bg-slate-900 border border-slate-600 rounded px-2 py-1.5 text-white text-sm font-mono"></div>
|
||
<div><label class="text-xs text-slate-500 uppercase font-bold">SSD (Go)</label><input name="jetson_ssd" value="<?php echo $editClient['jetson_ssd'] ?? ''; ?>" placeholder="128" type="number" class="w-full bg-slate-900 border border-slate-600 rounded px-2 py-1.5 text-white text-sm font-mono"></div>
|
||
</div>
|
||
|
||
<!-- CAMÉRAS -->
|
||
<div class="mt-2">
|
||
<label class="text-xs text-amber-400 uppercase font-bold tracking-wider">Caméras</label>
|
||
</div>
|
||
<?php for ($cam = 1; $cam <= 5; $cam++): $camData = $editClient['cameras'][$cam - 1] ?? []; ?>
|
||
<div class="bg-slate-900/50 border border-slate-700 rounded p-3 <?php echo empty($camData['marque']) && $cam > 1 ? 'opacity-50' : ''; ?>">
|
||
<div class="text-xs text-slate-500 font-bold mb-2">CAM <?php echo $cam; ?></div>
|
||
<div class="grid grid-cols-5 gap-2">
|
||
<div><input name="cam_marque[]" value="<?php echo $camData['marque'] ?? ''; ?>" placeholder="Marque" class="w-full bg-slate-900 border border-slate-600 rounded px-2 py-1.5 text-white text-sm"></div>
|
||
<div><input name="cam_modele[]" value="<?php echo $camData['modele'] ?? ''; ?>" placeholder="Modèle" class="w-full bg-slate-900 border border-slate-600 rounded px-2 py-1.5 text-white text-sm"></div>
|
||
<div><input name="cam_serie[]" value="<?php echo $camData['serie'] ?? ''; ?>" placeholder="N° série" class="w-full bg-slate-900 border border-slate-600 rounded px-2 py-1.5 text-white text-sm font-mono"></div>
|
||
<div><input name="cam_ip[]" value="<?php echo $camData['ip'] ?? ''; ?>" placeholder="192.168.1.x" class="w-full bg-slate-900 border border-slate-600 rounded px-2 py-1.5 text-white text-sm font-mono"></div>
|
||
<div><input name="cam_port_rtsp[]" value="<?php echo $camData['port_rtsp'] ?? ''; ?>" placeholder="Port tunnel" type="number" class="w-full bg-slate-900 border border-amber-500/50 rounded px-2 py-1.5 text-amber-200 text-sm font-mono"></div>
|
||
</div>
|
||
</div>
|
||
<?php endfor; ?>
|
||
</div>
|
||
|
||
<!-- TAB RÉSEAU DE CONTACT -->
|
||
<div id="panel-contacts" class="tab-panel space-y-4 hidden">
|
||
<div class="flex justify-between items-center">
|
||
<p class="text-xs text-slate-500">Famille, voisins, aidants — prévenus en cas d'alerte</p>
|
||
<div class="flex gap-2">
|
||
<?php if($editClient): ?>
|
||
<a href="?test_alert=<?php echo $editId; ?>" onclick="return confirm('Envoyer un SMS de test simulé ?')" class="bg-orange-600 hover:bg-orange-500 text-white px-3 py-1 rounded text-xs font-bold transition">Simulation Alerte</a>
|
||
<?php endif; ?>
|
||
<button type="button" onclick="addContact()" class="text-xs bg-blue-600 hover:bg-blue-500 px-3 py-1 rounded text-white transition">+ Ajouter</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="contacts-container" class="space-y-3 max-h-[400px] overflow-y-auto">
|
||
<?php if(!empty($editClient['contacts'])): foreach($editClient['contacts'] as $c): ?>
|
||
<div class="contact-row grid grid-cols-12 gap-2 items-center bg-slate-900/50 p-3 rounded border border-slate-700 group hover:border-slate-500 transition">
|
||
<div class="col-span-2"><input name="contact_name[]" value="<?php echo $c['name']; ?>" placeholder="Nom" class="w-full bg-transparent border-b border-slate-600 text-sm px-2 py-1 focus:border-blue-500 outline-none text-white"></div>
|
||
<div class="col-span-2"><input name="contact_role[]" value="<?php echo $c['role']; ?>" placeholder="Rôle" class="w-full bg-transparent border-b border-slate-600 text-sm px-2 py-1 focus:border-blue-500 outline-none text-white"></div>
|
||
<div class="col-span-3"><input name="contact_phone[]" value="<?php echo $c['phone']; ?>" placeholder="Tél" class="w-full bg-transparent border-b border-slate-600 text-sm px-2 py-1 focus:border-blue-500 outline-none text-white"></div>
|
||
<div class="col-span-2"><input name="contact_email[]" value="<?php echo $c['email']; ?>" placeholder="Email" class="w-full bg-transparent border-b border-slate-600 text-sm px-2 py-1 focus:border-blue-500 outline-none text-white"></div>
|
||
<div class="col-span-2"><select name="contact_os[]" class="w-full bg-transparent border-b border-slate-600 text-sm px-1 py-1 outline-none text-white"><option value="" <?php echo empty($c['os'])?'selected':''; ?>>OS</option><option value="Android" <?php echo ($c['os']??'')==='Android'?'selected':''; ?>>Android</option><option value="iOS" <?php echo ($c['os']??'')==='iOS'?'selected':''; ?>>iOS</option></select></div>
|
||
<div class="col-span-1 text-right"><button type="button" onclick="removeContact(this)" class="text-red-500 hover:text-red-300 p-1 font-bold">×</button></div>
|
||
</div>
|
||
<?php endforeach; endif; ?>
|
||
</div>
|
||
|
||
<script type="text/template" id="contact-template">
|
||
<div class="contact-row grid grid-cols-12 gap-2 items-center bg-slate-900/50 p-3 rounded border border-slate-700">
|
||
<div class="col-span-2"><input name="contact_name[]" placeholder="Nom" class="w-full bg-transparent border-b border-slate-600 text-sm px-2 py-1 outline-none text-white"></div>
|
||
<div class="col-span-2"><input name="contact_role[]" placeholder="Rôle" class="w-full bg-transparent border-b border-slate-600 text-sm px-2 py-1 outline-none text-white"></div>
|
||
<div class="col-span-3"><input name="contact_phone[]" placeholder="Tél" class="w-full bg-transparent border-b border-slate-600 text-sm px-2 py-1 outline-none text-white"></div>
|
||
<div class="col-span-2"><input name="contact_email[]" placeholder="Email" class="w-full bg-transparent border-b border-slate-600 text-sm px-2 py-1 outline-none text-white"></div>
|
||
<div class="col-span-2"><select name="contact_os[]" class="w-full bg-transparent border-b border-slate-600 text-sm px-1 py-1 outline-none text-white"><option value="">OS</option><option value="Android">Android</option><option value="iOS">iOS</option></select></div>
|
||
<div class="col-span-1 text-right"><button type="button" onclick="removeContact(this)" class="text-red-500 hover:text-red-300 p-1 font-bold">×</button></div>
|
||
</div>
|
||
</script>
|
||
</div>
|
||
|
||
<!-- BOUTON SAVE (toujours visible) -->
|
||
<div class="mt-6 pt-4 border-t border-slate-700 flex justify-between items-center">
|
||
<a href="admin.php" class="text-slate-400 hover:text-white px-4 py-2 rounded border border-slate-600 transition">Annuler</a>
|
||
<button name="save_client" class="bg-emerald-600 hover:bg-emerald-500 text-white font-bold py-3 px-8 rounded shadow-lg transition">Enregistrer</button>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</form>
|
||
|
||
<?php else: ?>
|
||
<div class="bg-slate-800 rounded-xl border border-slate-700 shadow-lg overflow-hidden">
|
||
<div class="p-6 border-b border-slate-700 flex justify-between items-center bg-slate-800/80 backdrop-blur">
|
||
<h2 class="text-slate-200 font-bold text-lg flex items-center gap-2"><span class="bg-emerald-500 w-2 h-6 rounded-full"></span> Parc Clients Surveillés</h2>
|
||
<a href="?new=1" class="bg-emerald-600 hover:bg-emerald-500 text-white px-6 py-2 rounded font-bold transition shadow-lg flex items-center gap-2"><span>+</span> Nouveau Dossier</a>
|
||
</div>
|
||
|
||
<?php if(empty($data['clients'])): ?>
|
||
<div class="p-12 text-center text-slate-500">
|
||
<p class="text-4xl mb-4">📭</p>
|
||
<p>Aucun client enregistré.</p>
|
||
<p class="text-sm">Cliquez sur "Nouveau Dossier" pour commencer.</p>
|
||
</div>
|
||
<?php else: ?>
|
||
<table class="w-full text-left text-sm">
|
||
<thead class="bg-slate-900 text-slate-400 text-xs uppercase"><tr><th class="p-4">Bénéficiaire</th><th class="p-4">Localisation</th><th class="p-4">Contacts</th><th class="p-4">Statut</th><th class="p-4 text-right">Actions</th></tr></thead>
|
||
<tbody class="divide-y divide-slate-700">
|
||
<?php foreach ($data['clients'] as $id => $client): ?>
|
||
<tr class="hover:bg-slate-700/30 transition group">
|
||
<td class="p-4">
|
||
<div class="font-bold text-white text-base"><?php echo $client['name']; ?></div>
|
||
<div class="text-xs text-slate-500 mt-1">ID: <?php echo $id; ?></div>
|
||
</td>
|
||
<td class="p-4 text-slate-300">
|
||
<?php echo $client['city'] ?? '-'; ?><br>
|
||
<span class="text-xs text-slate-500 truncate max-w-[150px] block"><?php echo $client['address'] ?? ''; ?></span>
|
||
</td>
|
||
<td class="p-4">
|
||
<div class="flex -space-x-2">
|
||
<?php if(!empty($client['contacts'])): foreach(array_slice($client['contacts'],0,3) as $c): ?>
|
||
<div class="w-8 h-8 rounded-full bg-blue-900 border-2 border-slate-800 flex items-center justify-center text-xs font-bold text-blue-200" title="<?php echo $c['name']; ?>"><?php echo strtoupper(substr($c['name'],0,1)); ?></div>
|
||
<?php endforeach; endif; ?>
|
||
<div class="w-8 h-8 rounded-full bg-slate-700 border-2 border-slate-800 flex items-center justify-center text-xs text-slate-400"><?php echo count($client['contacts'] ?? []); ?></div>
|
||
</div>
|
||
</td>
|
||
<td class="p-4">
|
||
<?php if($client['alerte'] ?? false): ?>
|
||
<span class="bg-red-900 text-red-200 px-2 py-1 rounded text-xs font-bold animate-pulse">ALERTE EN COURS</span>
|
||
<?php else: ?>
|
||
<span class="bg-emerald-900/30 text-emerald-400 px-2 py-1 rounded text-xs">Surveillance Active</span>
|
||
<?php endif; ?>
|
||
</td>
|
||
<td class="p-4 text-right">
|
||
<div class="flex justify-end gap-2 opacity-80 group-hover:opacity-100 transition">
|
||
<?php if($client['alerte'] ?? false): ?>
|
||
<a href="?stop_alert=<?php echo $id; ?>" onclick="return confirm('Confirmer l\'arrêt de l\'alerte pour <?php echo addslashes($client['name']); ?> ?\nLe statut repassera en Surveillance Active.')" class="bg-emerald-600/20 text-emerald-400 hover:bg-emerald-600 hover:text-white px-2 py-1 rounded text-xs border border-emerald-900 transition animate-pulse" title="Arrêter l'alerte (traitée)">✅</a>
|
||
<?php endif; ?>
|
||
<a href="sms_dashboard.php" class="bg-purple-600/20 text-purple-400 hover:bg-purple-600 hover:text-white px-2 py-1 rounded text-xs border border-purple-900 transition" title="Historique SMS">📱</a>
|
||
<a href="?test_alert=<?php echo $id; ?>" onclick="return confirm('Lancer une simulation ?')" class="bg-orange-600/20 text-orange-400 hover:bg-orange-600 hover:text-white px-2 py-1 rounded text-xs border border-orange-900 transition" title="Test Alerte">🔔</a>
|
||
<a href="?edit=<?php echo $id; ?>" class="bg-blue-600/20 text-blue-400 hover:bg-blue-600 hover:text-white px-3 py-1 rounded text-xs border border-blue-900 transition">Éditer</a>
|
||
<a href="index.php?id=<?php echo $id; ?>" target="_blank" class="bg-slate-700 text-slate-300 hover:bg-slate-600 hover:text-white px-3 py-1 rounded text-xs border border-slate-600 transition">Voir</a>
|
||
<a href="?del=<?php echo $id; ?>" onclick="return confirm('Supprimer ce dossier définitivement ?')" class="text-red-500 hover:text-red-400 px-2 py-1">×</a>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<?php endforeach; ?>
|
||
</tbody>
|
||
</table>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
</body>
|
||
</html>
|