{"id":25,"date":"2026-08-12T00:10:43","date_gmt":"2026-08-12T00:10:43","guid":{"rendered":"https:\/\/souss-actualites.online\/?page_id=25"},"modified":"2026-08-12T00:10:43","modified_gmt":"2026-08-12T00:10:43","slug":"signalement-express","status":"publish","type":"page","link":"https:\/\/souss-actualites.online\/?page_id=25","title":{"rendered":"Signalement Express"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d18940 e-flex e-con-boxed e-con e-parent\" data-id=\"9d18940\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ac5ec4 elementor-widget elementor-widget-html\" data-id=\"0ac5ec4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sb-report-widget\">\r\n<style>\r\n.sb-report-widget{font-family:'Segoe UI',Arial,sans-serif;max-width:420px;margin:0 auto;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.18);position:relative;}\r\n.sb-header{padding:26px 14px;text-align:center;}\r\n.sb-brand{font-size:22px;font-weight:800;letter-spacing:1px;color:#111;margin:0 0 14px;}\r\n.sb-stop{width:60px;height:60px;margin:0 auto 14px;background:#e30613;color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);box-shadow:0 4px 8px rgba(0,0,0,.3);letter-spacing:1px;}\r\n.sb-cta-main{font-size:15px;font-weight:800;color:#111;margin-bottom:4px;letter-spacing:.3px;}\r\n.sb-cta-sub{font-size:11.5px;color:#777;line-height:1.4;margin:0 14px;}\r\n.sb-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 16px;}\r\n.sb-cat-btn{border:none;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.15);}\r\n.sb-cat-icon{height:70px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;}\r\n.sb-icon-accident{background:linear-gradient(135deg,#6b7280,#374151);}\r\n.sb-icon-dechets{background:linear-gradient(135deg,#22c55e,#15803d);}\r\n.sb-icon-vol{background:linear-gradient(135deg,#374151,#111827);}\r\n.sb-icon-urgence{background:linear-gradient(135deg,#ef4444,#b91c1c);}\r\n.sb-icon-bagarre{background:linear-gradient(135deg,#9f1239,#5b0e24);}\r\n.sb-icon-video{background:linear-gradient(135deg,#6366f1,#7c3aed);}\r\n.sb-cat-label{background:#fff;color:#111;font-weight:800;font-size:12.5px;padding:8px 0;text-align:center;letter-spacing:.5px;}\r\n.sb-site{text-align:center;font-size:12px;font-weight:700;color:#111;padding:0 0 20px;letter-spacing:.5px;}\r\n#sb-step-2{padding:20px 20px 26px;}\r\n.sb-field-label{font-size:12.5px;font-weight:700;color:#333;margin:14px 0 6px;}\r\n.sb-field-box{background:#f3f4f8;border-radius:8px;padding:12px 14px;font-size:13.5px;color:#111;}\r\n.sb-photo-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}\r\n.sb-photo-slot{border:2px dashed #ccc;border-radius:10px;background:#fafafa;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12.5px;color:#555;cursor:pointer;overflow:hidden;padding:0;}\r\n.sb-photo-plus{font-size:20px;}\r\n.sb-photo-thumb{width:100%;height:100%;object-fit:cover;}\r\n.sb-textarea{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-size:13px;min-height:70px;font-family:inherit;resize:vertical;}\r\n.sb-btn-whatsapp{display:block;width:100%;margin-top:18px;background:#25D366;color:#fff;border:none;border-radius:8px;padding:13px 0;font-weight:800;font-size:13.5px;letter-spacing:.4px;cursor:pointer;}\r\n.sb-btn-official{display:block;width:100%;margin-top:10px;background:#111;color:#fff;border-radius:8px;padding:12px 0;font-weight:700;font-size:13px;text-align:center;text-decoration:none;box-sizing:border-box;}\r\n.sb-back-link{text-align:center;margin-top:14px;font-size:12.5px;color:#555;cursor:pointer;}\r\n.sb-note{margin-top:14px;font-size:11px;color:#888;line-height:1.5;text-align:center;}\r\n.sb-fab-wrap{position:fixed;right:18px;bottom:18px;z-index:999;display:flex;flex-direction:column;align-items:center;gap:12px;}\r\n.sb-fab-menu{display:flex;flex-direction:column;gap:10px;margin-bottom:6px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .25s ease;}\r\n.sb-fab-menu.open{opacity:1;transform:translateY(0);pointer-events:auto;}\r\n.sb-fab-item{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,.25);font-weight:800;}\r\n.sb-fab-whatsapp{background:#25D366;}\r\n.sb-fab-facebook{background:#1877F2;}\r\n.sb-fab-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}\r\n.sb-fab-main{width:58px;height:58px;border-radius:50%;background:#111;color:#fff;font-size:26px;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.35);cursor:pointer;transition:transform .25s ease,background .25s ease;}\r\n.sb-fab-main.open{transform:rotate(45deg);background:#e30613;}\r\n.sb-camera-modal{position:fixed;inset:0;background:#000;z-index:1000;display:none;flex-direction:column;}\r\n.sb-camera-modal.open{display:flex;}\r\n.sb-camera-video{flex:1;width:100%;object-fit:cover;background:#000;}\r\n.sb-camera-preview-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:#000;}\r\n.sb-camera-preview-img{max-width:100%;max-height:100%;}\r\n.sb-camera-controls{padding:18px;display:flex;align-items:center;justify-content:space-around;background:#000;}\r\n.sb-camera-btn-capture{width:64px;height:64px;border-radius:50%;background:#fff;border:4px solid #999;}\r\n.sb-camera-btn-close,.sb-camera-btn-retake,.sb-camera-btn-use{color:#fff;background:transparent;border:none;font-size:14px;font-weight:700;}\r\n<\/style>\r\n\r\n<div class=\"sb-header\">\r\n<div class=\"sb-brand\">SOUSS BLADI<\/div>\r\n<div class=\"sb-stop\">STOP<\/div>\r\n<div class=\"sb-cta-main\">CLIQUEZ POUR SIGNALER UN INCIDENT<\/div>\r\n<div class=\"sb-cta-sub\">Prenez une photo, votre position est envoy\u00e9e automatiquement<\/div>\r\n<\/div>\r\n\r\n<div id=\"sb-step-1\">\r\n<div class=\"sb-cat-grid\">\r\n<button class=\"sb-cat-btn\" onclick=\"selectCategory('Accident')\"><div class=\"sb-cat-icon sb-icon-accident\">&#128679;<\/div><div class=\"sb-cat-label\">ACCIDENT<\/div><\/button>\r\n<button class=\"sb-cat-btn\" onclick=\"selectCategory('D\u00e9chets')\"><div class=\"sb-cat-icon sb-icon-dechets\">&#128465;<\/div><div class=\"sb-cat-label\">D\u00c9CHETS<\/div><\/button>\r\n<button class=\"sb-cat-btn\" onclick=\"selectCategory('Vol')\"><div class=\"sb-cat-icon sb-icon-vol\">&#129399;<\/div><div class=\"sb-cat-label\">VOL<\/div><\/button>\r\n<button class=\"sb-cat-btn\" onclick=\"selectCategory('Urgence')\"><div class=\"sb-cat-icon sb-icon-urgence\">&#127873;<\/div><div class=\"sb-cat-label\">URGENCE<\/div><\/button>\r\n<button class=\"sb-cat-btn\" onclick=\"selectCategory('Bagarre')\"><div class=\"sb-cat-icon sb-icon-bagarre\">&#128074;<\/div><div class=\"sb-cat-label\">BAGARRE<\/div><\/button>\r\n<button class=\"sb-cat-btn\" onclick=\"selectCategory('Vid\u00e9o')\"><div class=\"sb-cat-icon sb-icon-video\">&#127909;<\/div><div class=\"sb-cat-label\">VID\u00c9O<\/div><\/button>\r\n<\/div>\r\n<div class=\"sb-site\">SOUSS-ACTUALITES.ONLINE<\/div>\r\n<\/div>\r\n\r\n<div id=\"sb-step-2\" style=\"display:none;\">\r\n<div class=\"sb-field-label\">Cat\u00e9gorie s\u00e9lectionn\u00e9e<\/div>\r\n<div class=\"sb-field-box\" id=\"sb-cat-selected\">-<\/div>\r\n<div class=\"sb-field-label\">Coordonn\u00e9es GPS (auto)<\/div>\r\n<div class=\"sb-field-box\" id=\"sb-gps\">D\u00e9tection en cours...<\/div>\r\n<div class=\"sb-field-label\">Photos (avant \/ apr\u00e8s)<\/div>\r\n<div class=\"sb-photo-row\">\r\n<button class=\"sb-photo-slot\" id=\"sb-slot-avant\" onclick=\"openCamera('avant')\"><span class=\"sb-photo-plus\">&#128247;<\/span><span>Avant<\/span><\/button>\r\n<button class=\"sb-photo-slot\" id=\"sb-slot-apres\" onclick=\"openCamera('apres')\"><span class=\"sb-photo-plus\">&#128247;<\/span><span>Apr\u00e8s<\/span><\/button>\r\n<\/div>\r\n<div class=\"sb-field-label\">Description (optionnel)<\/div>\r\n<textarea id=\"sb-desc\" class=\"sb-textarea\" placeholder=\"D\u00e9crivez la situation...\"><\/textarea>\r\n<button class=\"sb-btn-whatsapp\" onclick=\"sendReport()\">&#128241; SIGNALER VIA WHATSAPP<\/button>\r\n<a class=\"sb-btn-official\" href=\"https:\/\/souss-actualites.online\/?page_id=9\">&#128221; Remplir le formulaire officiel<\/a>\r\n<div class=\"sb-back-link\" onclick=\"goBack()\">&larr; Retour - Changer de cat\u00e9gorie<\/div>\r\n<div class=\"sb-note\">WhatsApp = signalement rapide sur le terrain. Le formulaire officiel reste la base de donn\u00e9es pour l'archivage et la mod\u00e9ration.<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"sb-fab-wrap\">\r\n<div class=\"sb-fab-menu\" id=\"sb-fab-menu\">\r\n<a class=\"sb-fab-item sb-fab-instagram\" id=\"sb-fab-instagram\" href=\"#\" target=\"_blank\" title=\"Instagram\">IG<\/a>\r\n<a class=\"sb-fab-item sb-fab-facebook\" id=\"sb-fab-facebook\" href=\"#\" target=\"_blank\" title=\"Facebook\">f<\/a>\r\n<a class=\"sb-fab-item sb-fab-whatsapp\" id=\"sb-fab-whatsapp-link\" href=\"#\" target=\"_blank\" title=\"WhatsApp\">&#128172;<\/a>\r\n<\/div>\r\n<button class=\"sb-fab-main\" id=\"sb-fab-main\" onclick=\"toggleFab()\">+<\/button>\r\n<\/div>\r\n\r\n<div class=\"sb-camera-modal\" id=\"sb-camera-modal\">\r\n<video id=\"sb-camera-video\" class=\"sb-camera-video\" autoplay playsinline><\/video>\r\n<div class=\"sb-camera-preview-wrap\" id=\"sb-camera-preview-wrap\" style=\"display:none;\"><img id=\"sb-camera-preview-img\" class=\"sb-camera-preview-img\"><\/div>\r\n<div class=\"sb-camera-controls\" id=\"sb-camera-controls-live\">\r\n<button class=\"sb-camera-btn-close\" onclick=\"closeCamera()\">Annuler<\/button>\r\n<button class=\"sb-camera-btn-capture\" onclick=\"capturePhoto()\"><\/button>\r\n<span style=\"width:60px;\"><\/span>\r\n<\/div>\r\n<div class=\"sb-camera-controls\" id=\"sb-camera-controls-preview\" style=\"display:none;\">\r\n<button class=\"sb-camera-btn-retake\" onclick=\"retakePhoto()\">Reprendre<\/button>\r\n<button class=\"sb-camera-btn-use\" onclick=\"usePhoto()\">Utiliser cette photo &#10003;<\/button>\r\n<\/div>\r\n<canvas id=\"sb-camera-canvas\" style=\"display:none;\"><\/canvas>\r\n<\/div>\r\n\r\n<script>\r\nvar WHATSAPP_NUMBER = \"34615355769\";\r\nvar FACEBOOK_URL = \"https:\/\/souss-actualites.online\";\r\nvar INSTAGRAM_URL = \"https:\/\/souss-actualites.online\";\r\ndocument.getElementById('sb-fab-whatsapp-link').href = 'https:\/\/wa.me\/' + WHATSAPP_NUMBER;\r\ndocument.getElementById('sb-fab-facebook').href = FACEBOOK_URL;\r\ndocument.getElementById('sb-fab-instagram').href = INSTAGRAM_URL;\r\n\r\nvar sbState = { category:'', photos:{avant:null, apres:null}, currentSlot:null, stream:null, tempPhoto:null };\r\n\r\nfunction selectCategory(label){\r\n  sbState.category = label;\r\n  document.getElementById('sb-cat-selected').textContent = label;\r\n  document.getElementById('sb-step-1').style.display = 'none';\r\n  document.getElementById('sb-step-2').style.display = 'block';\r\n  getLocation();\r\n}\r\nfunction goBack(){\r\n  document.getElementById('sb-step-2').style.display = 'none';\r\n  document.getElementById('sb-step-1').style.display = 'block';\r\n}\r\nfunction getLocation(){\r\n  var el = document.getElementById('sb-gps');\r\n  if (navigator.geolocation) {\r\n    navigator.geolocation.getCurrentPosition(function(pos){\r\n      el.textContent = pos.coords.latitude.toFixed(5) + ', ' + pos.coords.longitude.toFixed(5);\r\n    }, function(){ el.textContent = 'Position non disponible'; });\r\n  } else { el.textContent = 'G\u00e9olocalisation non support\u00e9e'; }\r\n}\r\nfunction toggleFab(){\r\n  document.getElementById('sb-fab-menu').classList.toggle('open');\r\n  document.getElementById('sb-fab-main').classList.toggle('open');\r\n}\r\nfunction openCamera(slot){\r\n  sbState.currentSlot = slot;\r\n  var modal = document.getElementById('sb-camera-modal');\r\n  var video = document.getElementById('sb-camera-video');\r\n  modal.classList.add('open');\r\n  document.getElementById('sb-camera-preview-wrap').style.display = 'none';\r\n  video.style.display = 'block';\r\n  document.getElementById('sb-camera-controls-live').style.display = 'flex';\r\n  document.getElementById('sb-camera-controls-preview').style.display = 'none';\r\n  if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {\r\n    navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' }, audio:false }).then(function(stream){\r\n      sbState.stream = stream;\r\n      video.srcObject = stream;\r\n    }).catch(function(err){\r\n      alert(\"Impossible d'acc\u00e9der \u00e0 la cam\u00e9ra. V\u00e9rifiez les autorisations de votre navigateur.\");\r\n      closeCamera();\r\n    });\r\n  } else {\r\n    alert('Cam\u00e9ra non support\u00e9e par ce navigateur.');\r\n    closeCamera();\r\n  }\r\n}\r\nfunction capturePhoto(){\r\n  var video = document.getElementById('sb-camera-video');\r\n  var canvas = document.getElementById('sb-camera-canvas');\r\n  canvas.width = video.videoWidth || 720;\r\n  canvas.height = video.videoHeight || 1280;\r\n  var ctx = canvas.getContext('2d');\r\n  ctx.drawImage(video, 0, 0, canvas.width, canvas.height);\r\n  sbState.tempPhoto = canvas.toDataURL('image\/jpeg', 0.85);\r\n  document.getElementById('sb-camera-preview-img').src = sbState.tempPhoto;\r\n  video.style.display = 'none';\r\n  document.getElementById('sb-camera-preview-wrap').style.display = 'flex';\r\n  document.getElementById('sb-camera-controls-live').style.display = 'none';\r\n  document.getElementById('sb-camera-controls-preview').style.display = 'flex';\r\n}\r\nfunction retakePhoto(){\r\n  document.getElementById('sb-camera-preview-wrap').style.display = 'none';\r\n  document.getElementById('sb-camera-video').style.display = 'block';\r\n  document.getElementById('sb-camera-controls-live').style.display = 'flex';\r\n  document.getElementById('sb-camera-controls-preview').style.display = 'none';\r\n}\r\nfunction usePhoto(){\r\n  var slot = sbState.currentSlot;\r\n  sbState.photos[slot] = sbState.tempPhoto;\r\n  var slotEl = document.getElementById('sb-slot-' + slot);\r\n  slotEl.innerHTML = '<img decoding=\"async\" src=\"' + sbState.tempPhoto + '\" class=\"sb-photo-thumb\">';\r\n  closeCamera();\r\n}\r\nfunction closeCamera(){\r\n  document.getElementById('sb-camera-modal').classList.remove('open');\r\n  if (sbState.stream) { sbState.stream.getTracks().forEach(function(t){t.stop();}); sbState.stream = null; }\r\n}\r\nfunction dataURLtoFile(dataUrl, filename){\r\n  var arr = dataUrl.split(','), mime = arr[0].match(\/:(.*?);\/)[1], bstr = atob(arr[1]), n = bstr.length, u8 = new Uint8Array(n);\r\n  while (n--) { u8[n] = bstr.charCodeAt(n); }\r\n  return new File([u8], filename, { type: mime });\r\n}\r\nfunction sendReport(){\r\n  var gps = document.getElementById('sb-gps').textContent;\r\n  var desc = document.getElementById('sb-desc').value || 'Aucune';\r\n  var text = 'Nouveau signalement Souss Bladi' + String.fromCharCode(10) + 'Cat\u00e9gorie: ' + sbState.category + String.fromCharCode(10) + 'GPS: ' + gps + String.fromCharCode(10) + 'Description: ' + desc;\r\n  var files = [];\r\n  ['avant','apres'].forEach(function(slot){\r\n    if (sbState.photos[slot]) { files.push(dataURLtoFile(sbState.photos[slot], slot + '.jpg')); }\r\n  });\r\n  if (navigator.canShare && files.length && navigator.canShare({ files: files })) {\r\n    navigator.share({ title: 'Signalement Souss Bladi', text: text, files: files }).catch(function(){\r\n      window.open('https:\/\/wa.me\/' + WHATSAPP_NUMBER + '?text=' + encodeURIComponent(text), '_blank');\r\n    });\r\n  } else {\r\n    window.open('https:\/\/wa.me\/' + WHATSAPP_NUMBER + '?text=' + encodeURIComponent(text), '_blank');\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<h4 data-interaction-id=\"f6098c6\" class=\"e-f6098c6-64182ae e-heading-base\"><a href=\"\/?page_id=9\" target=\"_self\" class=\"e-heading-link-base\">\n\t\t\ud83d\udce2 Signaler un incident\n\t<\/a><\/h4>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e83a74d e-con e-atomic-element e-flexbox-base \" data-id=\"e83a74d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e83a74d\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SOUSS BLADI STOP CLIQUEZ POUR SIGNALER UN INCIDENT Prenez une photo, votre position est envoy\u00e9e automatiquement &#128679;ACCIDENT &#128465;D\u00c9CHETS &#129399;VOL &#127873;URGENCE &#128074;BAGARRE &#127909;VID\u00c9O SOUSS-ACTUALITES.ONLINE Cat\u00e9gorie s\u00e9lectionn\u00e9e &#8211; Coordonn\u00e9es GPS (auto) D\u00e9tection en cours&#8230; Photos (avant \/ apr\u00e8s) &#128247;Avant &#128247;Apr\u00e8s Description (optionnel) &#128241; SIGNALER VIA WHATSAPP &#128221; Remplir le formulaire officiel &larr; Retour &#8211; Changer de cat\u00e9gorie &#8230; <a title=\"Signalement Express\" class=\"read-more\" href=\"https:\/\/souss-actualites.online\/?page_id=25\" aria-label=\"Read more about Signalement Express\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-25","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/souss-actualites.online\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/souss-actualites.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/souss-actualites.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/souss-actualites.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/souss-actualites.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":5,"href":"https:\/\/souss-actualites.online\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/souss-actualites.online\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/souss-actualites.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}