Accr\u00e9ditations Presse \u2014 Espace Officiel<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #4f46e5;\r\n --primary-hover: #4338ca;\r\n --accent: #06b6d4;\r\n --success: #10b981;\r\n --danger: #ef4444;\r\n --warning: #f59e0b;\r\n --bg: #0f172a;\r\n --card-bg: #1e293b;\r\n --border: #334155;\r\n --text: #f8fafc;\r\n --text-muted: #94a3b8;\r\n }\r\n\r\n body {\r\n font-family: 'Outfit', sans-serif;\r\n background-color: var(--bg);\r\n color: var(--text);\r\n margin: 0;\r\n padding: 40px 20px;\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 900px;\r\n }\r\n\r\n header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 30px;\r\n background: var(--card-bg);\r\n padding: 20px 30px;\r\n border-radius: 16px;\r\n border: 1px solid var(--border);\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .logo-area {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .logo-icon {\r\n font-size: 1.8rem;\r\n background: linear-gradient(135deg, var(--primary), var(--accent));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n h1 {\r\n margin: 0;\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .nav-buttons button {\r\n background: transparent;\r\n border: 1px solid var(--border);\r\n color: var(--text-muted);\r\n padding: 10px 18px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-family: 'Outfit', sans-serif;\r\n font-weight: 500;\r\n font-size: 0.9rem;\r\n transition: all 0.2s ease;\r\n margin-left: 10px;\r\n }\r\n\r\n .nav-buttons button:hover {\r\n border-color: var(--text-muted);\r\n color: var(--text);\r\n }\r\n\r\n .nav-buttons button.active {\r\n background: var(--primary);\r\n border-color: var(--primary);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);\r\n }\r\n\r\n .card {\r\n background: var(--card-bg);\r\n padding: 40px;\r\n border-radius: 16px;\r\n border: 1px solid var(--border);\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .card h2 {\r\n margin-top: 0;\r\n font-size: 1.5rem;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .card p.subtitle {\r\n color: var(--text-muted);\r\n margin-top: 0;\r\n margin-bottom: 30px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group.full-width {\r\n grid-column: span 2;\r\n }\r\n\r\n label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n font-size: 0.9rem;\r\n }\r\n\r\n input, select, textarea {\r\n width: 100%;\r\n padding: 12px 16px;\r\n background: rgba(15, 23, 42, 0.6);\r\n border: 1px solid var(--border);\r\n border-radius: 8px;\r\n color: var(--text);\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 0.95rem;\r\n box-sizing: border-box;\r\n transition: all 0.2s;\r\n }\r\n\r\n input:focus, select:focus, textarea:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2);\r\n }\r\n\r\n input::placeholder, textarea::placeholder {\r\n color: #64748b;\r\n }\r\n\r\n select option {\r\n background: var(--card-bg);\r\n color: var(--text);\r\n }\r\n\r\n button.btn-submit {\r\n background: linear-gradient(135deg, var(--primary), var(--accent));\r\n color: white;\r\n border: none;\r\n padding: 14px 20px;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n width: 100%;\r\n font-family: 'Outfit', sans-serif;\r\n transition: opacity 0.2s, transform 0.1s;\r\n box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);\r\n }\r\n\r\n button.btn-submit:hover {\r\n opacity: 0.9;\r\n }\r\n\r\n button.btn-submit:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n \/* Espace Login Admin *\/\r\n #admin-login-screen {\r\n text-align: center;\r\n max-width: 400px;\r\n margin: 40px auto;\r\n }\r\n\r\n .login-icon {\r\n font-size: 3rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* Tableau Admin *\/\r\n .table-responsive {\r\n overflow-x: auto;\r\n margin-top: 15px;\r\n }\r\n\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n th, td {\r\n padding: 14px 16px;\r\n text-align: left;\r\n border-bottom: 1px solid var(--border);\r\n font-size: 0.9rem;\r\n }\r\n\r\n th {\r\n background-color: rgba(15, 23, 42, 0.4);\r\n font-weight: 600;\r\n color: var(--text-muted);\r\n text-transform: uppercase;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .badge {\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .badge-pending { background: rgba(245, 158, 11, 0.15); color: var(--warning); border: 1px solid rgba(245, 158, 11, 0.3); }\r\n .badge-approved { background: rgba(16, 185, 129, 0.15); color: var(--success); border: 1px solid rgba(16, 185, 129, 0.3); }\r\n .badge-rejected { background: rgba(239, 68, 68, 0.15); color: var(--danger); border: 1px solid rgba(239, 68, 68, 0.3); }\r\n\r\n .actions {\r\n display: flex;\r\n gap: 6px;\r\n }\r\n\r\n .actions button {\r\n padding: 6px 10px;\r\n border: 1px solid var(--border);\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n background: rgba(15, 23, 42, 0.4);\r\n color: var(--text);\r\n transition: all 0.2s;\r\n }\r\n\r\n .btn-approve:hover { background: var(--success); border-color: var(--success); color: white; }\r\n .btn-reject:hover { background: var(--danger); border-color: var(--danger); color: white; }\r\n .btn-delete:hover { background: #475569; border-color: #475569; color: white; }\r\n\r\n .alert {\r\n padding: 14px 18px;\r\n border-radius: 8px;\r\n margin-bottom: 25px;\r\n font-size: 0.95rem;\r\n display: none;\r\n }\r\n .alert-success { background: rgba(16, 185, 129, 0.15); color: var(--success); border: 1px solid rgba(16, 185, 129, 0.3); }\r\n .alert-error { background: rgba(239, 68, 68, 0.15); color: var(--danger); border: 1px solid rgba(239, 68, 68, 0.3); }\r\n\r\n .hidden { display: none !important; }\r\n\r\n @media (max-width: 768px) {\r\n .form-grid { grid-template-columns: 1fr; }\r\n .form-group.full-width { grid-column: span 1; }\r\n body { padding: 15px 10px; }\r\n header { flex-direction: column; gap: 15px; text-align: center; }\r\n .nav-buttons { margin-left: 0; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <header>\r\n <div class=\"logo-area\">\r\n <span class=\"logo-icon\">\ud83c\udfab<\/span>\r\n <h1>Accr\u00e9ditations Presse<\/h1>\r\n <\/div>\r\n <div class=\"nav-buttons\">\r\n <button id=\"nav-form\" class=\"active\" onclick=\"switchView('form')\">Formulaire Public<\/button>\r\n <button id=\"nav-admin\" onclick=\"switchView('admin')\">Espace Admin<\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <div id=\"view-form\" class=\"card\">\r\n <h2>Demande de Pass Presse<\/h2>\r\n <p class=\"subtitle\">Accr\u00e9ditez-vous pour couvrir notre prochain \u00e9v\u00e9nement. Remplissez le formulaire ci-dessous.<\/p>\r\n \r\n <div id=\"form-alert\" class=\"alert alert-success\">\u2728 Votre demande a \u00e9t\u00e9 transmise avec succ\u00e8s ! Notre \u00e9quipe reviendra vers vous rapidement.<\/div>\r\n\r\n <form id=\"pressForm\" onsubmit=\"handleFormSubmit(event)\">\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"fullName\">Nom et Pr\u00e9nom *<\/label>\r\n <input type=\"text\" id=\"fullName\" required placeholder=\"Jean Dupont\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email professionnel *<\/label>\r\n <input type=\"email\" id=\"email\" required placeholder=\"jean.dupont@media.fr\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"mediaName\">Nom du M\u00e9dia \/ Publication *<\/label>\r\n <input type=\"text\" id=\"mediaName\" required placeholder=\"Magazine, Blog, Radio, TV...\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"mediaType\">Type de m\u00e9dia *<\/label>\r\n <select id=\"mediaType\" required>\r\n <option value=\"\">-- S\u00e9lectionnez --<\/option>\r\n <option value=\"Presse \u00e9crite \/ Magazine\">Presse \u00e9crite \/ Magazine<\/option>\r\n <option value=\"Web \/ Blog \/ Podcast\">Web \/ Blog \/ Podcast<\/option>\r\n <option value=\"TV \/ Radio\">TV \/ Radio<\/option>\r\n <option value=\"Cr\u00e9ateur de contenu \/ YouTube \/ Twitch\">Cr\u00e9ateur de contenu \/ YouTube \/ Twitch<\/option>\r\n <option value=\"Photographe officiel \/ Ind\u00e9pendant\">Photographe officiel \/ Ind\u00e9pendant<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"cardNum\">Num\u00e9ro de carte de presse (si applicable)<\/label>\r\n <input type=\"text\" id=\"cardNum\" placeholder=\"Ex: CCIJP 12345\">\r\n <\/div>\r\n\r\n <div class=\"form-group full-width\">\r\n <label for=\"notes\">Portfolio, liens vers vos articles ou r\u00e9seaux sociaux<\/label>\r\n <textarea id=\"notes\" rows=\"3\" placeholder=\"Partagez vos reportages r\u00e9cents ou l'audience de votre m\u00e9dia...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-submit\">Soumettre la demande d'accr\u00e9ditation<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div id=\"view-admin\" class=\"card hidden\">\r\n \r\n \r\n <div id=\"admin-login-screen\">\r\n <div class=\"login-icon\">\ud83d\udd12<\/div>\r\n <h2>Connexion S\u00e9curis\u00e9e<\/h2>\r\n <p class=\"subtitle\">Entrez le mot de passe administrateur pour acc\u00e9der au tableau de bord.<\/p>\r\n \r\n <div id=\"login-alert\" class=\"alert alert-error\">\u274c Mot de passe incorrect.<\/div>\r\n\r\n <form onsubmit=\"handleAdminLogin(event)\">\r\n <div class=\"form-group\">\r\n <input type=\"password\" id=\"adminPassword\" required placeholder=\"Mot de passe admin\">\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-submit\">Se connecter<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div id=\"admin-dashboard-screen\" class=\"hidden\">\r\n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;\">\r\n <div>\r\n <h2>Tableau de Bord Presse<\/h2>\r\n <p class=\"subtitle\" style=\"margin-bottom:0;\">Validez ou refusez les demandes de pass re\u00e7ues.<\/p>\r\n <\/div>\r\n <button onclick=\"adminLogout()\" style=\"background: transparent; border: 1px solid var(--border); color: var(--text-muted); padding: 8px 14px; border-radius: 6px; cursor: pointer; font-family: 'Outfit';\">D\u00e9connexion<\/button>\r\n <\/div>\r\n\r\n <div class=\"table-responsive\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Date<\/th>\r\n <th>Candidat & Contact<\/th>\r\n <th>M\u00e9dia<\/th>\r\n <th>Type<\/th>\r\n <th>Statut<\/th>\r\n <th>Actions<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"adminTableBody\">\r\n \r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n let requests = JSON.parse(localStorage.getItem('press_accreditations')) || [];\r\n let isAdminLoggedIn = sessionStorage.getItem('admin_logged_in') === 'true';\r\n\r\n function switchView(view) {\r\n const formView = document.getElementById('view-form');\r\n const adminView = document.getElementById('view-admin');\r\n const navForm = document.getElementById('nav-form');\r\n const navAdmin = document.getElementById('nav-admin');\r\n\r\n if (view === 'form') {\r\n formView.classList.remove('hidden');\r\n adminView.classList.add('hidden');\r\n navForm.classList.add('active');\r\n navAdmin.classList.remove('active');\r\n } else {\r\n formView.classList.add('hidden');\r\n adminView.classList.remove('hidden');\r\n navForm.classList.remove('active');\r\n navAdmin.classList.add('active');\r\n checkAdminState();\r\n }\r\n }\r\n\r\n function checkAdminState() {\r\n const loginScreen = document.getElementById('admin-login-screen');\r\n const dashScreen = document.getElementById('admin-dashboard-screen');\r\n\r\n if (isAdminLoggedIn) {\r\n loginScreen.classList.add('hidden');\r\n dashScreen.classList.remove('hidden');\r\n renderAdminTable();\r\n } else {\r\n loginScreen.classList.remove('hidden');\r\n dashScreen.classList.add('hidden');\r\n }\r\n }\r\n\r\n function handleAdminLogin(event) {\r\n event.preventDefault();\r\n const pwd = document.getElementById('adminPassword').value;\r\n const alertBox = document.getElementById('login-alert');\r\n\r\n if (pwd === 'srg2026') {\r\n isAdminLoggedIn = true;\r\n sessionStorage.setItem('admin_logged_in', 'true');\r\n alertBox.style.display = 'none';\r\n document.getElementById('adminPassword').value = '';\r\n checkAdminState();\r\n } else {\r\n alertBox.style.display = 'block';\r\n }\r\n }\r\n\r\n function adminLogout() {\r\n isAdminLoggedIn = false;\r\n sessionStorage.removeItem('admin_logged_in');\r\n checkAdminState();\r\n }\r\n\r\n function handleFormSubmit(event) {\r\n event.preventDefault();\r\n\r\n const newRequest = {\r\n id: Date.now(),\r\n date: new Date().toLocaleDateString('fr-FR'),\r\n fullName: document.getElementById('fullName').value,\r\n email: document.getElementById('email').value,\r\n mediaName: document.getElementById('mediaName').value,\r\n mediaType: document.getElementById('mediaType').value,\r\n cardNum: document.getElementById('cardNum').value,\r\n notes: document.getElementById('notes').value,\r\n status: 'pending'\r\n };\r\n\r\n requests.unshift(newRequest);\r\n localStorage.setItem('press_accreditations', JSON.stringify(requests));\r\n\r\n const alertBox = document.getElementById('form-alert');\r\n alertBox.style.display = 'block';\r\n setTimeout(() => { alertBox.style.display = 'none'; }, 5000);\r\n\r\n document.getElementById('pressForm').reset();\r\n }\r\n\r\n function renderAdminTable() {\r\n const tbody = document.getElementById('adminTableBody');\r\n tbody.innerHTML = '';\r\n\r\n if (requests.length === 0) {\r\n tbody.innerHTML = `<tr><td colspan=\"6\" style=\"text-align: center; color: var(--text-muted); padding: 30px;\">Aucune demande enregistr\u00e9e pour le moment.<\/td><\/tr>`;\r\n return;\r\n }\r\n\r\n requests.forEach(req => {\r\n let badgeClass = 'badge-pending';\r\n let badgeText = 'En attente';\r\n if (req.status === 'approved') {\r\n badgeClass = 'badge-approved';\r\n badgeText = 'Valid\u00e9e';\r\n } else if (req.status === 'rejected') {\r\n badgeClass = 'badge-rejected';\r\n badgeText = 'Refus\u00e9e';\r\n }\r\n\r\n const tr = document.createElement('tr');\r\n tr.innerHTML = `\r\n <td>${req.date}<\/td>\r\n <td><strong>${escapeHtml(req.fullName)}<\/strong><br><span style=\"color:var(--text-muted); font-size:0.8rem;\">${escapeHtml(req.email)}<\/span><\/td>\r\n <td>${escapeHtml(req.mediaName)}${req.cardNum ? '<br><span style=\"font-size:0.75rem; color:var(--text-muted);\">Carte: '+escapeHtml(req.cardNum)+'<\/span>' : ''}<\/td>\r\n <td>${escapeHtml(req.mediaType)}<\/td>\r\n <td><span class=\"badge ${badgeClass}\">${badgeText}<\/span><\/td>\r\n <td class=\"actions\">\r\n <button class=\"btn-approve\" onclick=\"updateStatus(${req.id}, 'approved')\" title=\"Valider\">\u2714<\/button>\r\n <button class=\"btn-reject\" onclick=\"updateStatus(${req.id}, 'rejected')\" title=\"Refuser\">\u2716<\/button>\r\n <button class=\"btn-delete\" onclick=\"deleteRequest(${req.id})\" title=\"Supprimer\">\ud83d\uddd1<\/button>\r\n <\/td>\r\n `;\r\n tbody.appendChild(tr);\r\n });\r\n }\r\n\r\n function updateStatus(id, newStatus) {\r\n requests = requests.map(req => {\r\n if (req.id === id) {\r\n req.status = newStatus;\r\n }\r\n return req;\r\n });\r\n localStorage.setItem('press_accreditations', JSON.stringify(requests));\r\n renderAdminTable();\r\n }\r\n\r\n function deleteRequest(id) {\r\n if (confirm('Voulez-vous vraiment supprimer d\u00e9finitivement cette demande ?')) {\r\n requests = requests.filter(req => req.id !== id);\r\n localStorage.setItem('press_accreditations', JSON.stringify(requests));\r\n renderAdminTable();\r\n }\r\n }\r\n\r\n function escapeHtml(str) {\r\n if (!str) return '';\r\n return str.replace(\/&\/g, \"&\").replace(\/<\/g, \"<\").replace(\/>\/g, \">\").replace(\/\"\/g, \""\").replace(\/'\/g, \"'\");\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-1799","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/1799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1799"}],"version-history":[{"count":3,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/1799\/revisions"}],"predecessor-version":[{"id":1819,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/1799\/revisions\/1819"}],"wp:attachment":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n \n

\n \n \n

\n \n

\n \n \n

\n \n

\r\n\r\n\r\n \r\n \r\n Accr\u00e9ditations Presse \u2014 Espace Officiel<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #4f46e5;\r\n --primary-hover: #4338ca;\r\n --accent: #06b6d4;\r\n --success: #10b981;\r\n --danger: #ef4444;\r\n --warning: #f59e0b;\r\n --bg: #0f172a;\r\n --card-bg: #1e293b;\r\n --border: #334155;\r\n --text: #f8fafc;\r\n --text-muted: #94a3b8;\r\n }\r\n\r\n body {\r\n font-family: 'Outfit', sans-serif;\r\n background-color: var(--bg);\r\n color: var(--text);\r\n margin: 0;\r\n padding: 40px 20px;\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 900px;\r\n }\r\n\r\n header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 30px;\r\n background: var(--card-bg);\r\n padding: 20px 30px;\r\n border-radius: 16px;\r\n border: 1px solid var(--border);\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .logo-area {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .logo-icon {\r\n font-size: 1.8rem;\r\n background: linear-gradient(135deg, var(--primary), var(--accent));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n h1 {\r\n margin: 0;\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .nav-buttons button {\r\n background: transparent;\r\n border: 1px solid var(--border);\r\n color: var(--text-muted);\r\n padding: 10px 18px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-family: 'Outfit', sans-serif;\r\n font-weight: 500;\r\n font-size: 0.9rem;\r\n transition: all 0.2s ease;\r\n margin-left: 10px;\r\n }\r\n\r\n .nav-buttons button:hover {\r\n border-color: var(--text-muted);\r\n color: var(--text);\r\n }\r\n\r\n .nav-buttons button.active {\r\n background: var(--primary);\r\n border-color: var(--primary);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);\r\n }\r\n\r\n .card {\r\n background: var(--card-bg);\r\n padding: 40px;\r\n border-radius: 16px;\r\n border: 1px solid var(--border);\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .card h2 {\r\n margin-top: 0;\r\n font-size: 1.5rem;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .card p.subtitle {\r\n color: var(--text-muted);\r\n margin-top: 0;\r\n margin-bottom: 30px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group.full-width {\r\n grid-column: span 2;\r\n }\r\n\r\n label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n font-size: 0.9rem;\r\n }\r\n\r\n input, select, textarea {\r\n width: 100%;\r\n padding: 12px 16px;\r\n background: rgba(15, 23, 42, 0.6);\r\n border: 1px solid var(--border);\r\n border-radius: 8px;\r\n color: var(--text);\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 0.95rem;\r\n box-sizing: border-box;\r\n transition: all 0.2s;\r\n }\r\n\r\n input:focus, select:focus, textarea:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2);\r\n }\r\n\r\n input::placeholder, textarea::placeholder {\r\n color: #64748b;\r\n }\r\n\r\n select option {\r\n background: var(--card-bg);\r\n color: var(--text);\r\n }\r\n\r\n button.btn-submit {\r\n background: linear-gradient(135deg, var(--primary), var(--accent));\r\n color: white;\r\n border: none;\r\n padding: 14px 20px;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n width: 100%;\r\n font-family: 'Outfit', sans-serif;\r\n transition: opacity 0.2s, transform 0.1s;\r\n box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);\r\n }\r\n\r\n button.btn-submit:hover {\r\n opacity: 0.9;\r\n }\r\n\r\n button.btn-submit:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n \/* Espace Login Admin *\/\r\n #admin-login-screen {\r\n text-align: center;\r\n max-width: 400px;\r\n margin: 40px auto;\r\n }\r\n\r\n .login-icon {\r\n font-size: 3rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* Tableau Admin *\/\r\n .table-responsive {\r\n overflow-x: auto;\r\n margin-top: 15px;\r\n }\r\n\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n th, td {\r\n padding: 14px 16px;\r\n text-align: left;\r\n border-bottom: 1px solid var(--border);\r\n font-size: 0.9rem;\r\n }\r\n\r\n th {\r\n background-color: rgba(15, 23, 42, 0.4);\r\n font-weight: 600;\r\n color: var(--text-muted);\r\n text-transform: uppercase;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .badge {\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .badge-pending { background: rgba(245, 158, 11, 0.15); color: var(--warning); border: 1px solid rgba(245, 158, 11, 0.3); }\r\n .badge-approved { background: rgba(16, 185, 129, 0.15); color: var(--success); border: 1px solid rgba(16, 185, 129, 0.3); }\r\n .badge-rejected { background: rgba(239, 68, 68, 0.15); color: var(--danger); border: 1px solid rgba(239, 68, 68, 0.3); }\r\n\r\n .actions {\r\n display: flex;\r\n gap: 6px;\r\n }\r\n\r\n .actions button {\r\n padding: 6px 10px;\r\n border: 1px solid var(--border);\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n background: rgba(15, 23, 42, 0.4);\r\n color: var(--text);\r\n transition: all 0.2s;\r\n }\r\n\r\n .btn-approve:hover { background: var(--success); border-color: var(--success); color: white; }\r\n .btn-reject:hover { background: var(--danger); border-color: var(--danger); color: white; }\r\n .btn-delete:hover { background: #475569; border-color: #475569; color: white; }\r\n\r\n .alert {\r\n padding: 14px 18px;\r\n border-radius: 8px;\r\n margin-bottom: 25px;\r\n font-size: 0.95rem;\r\n display: none;\r\n }\r\n .alert-success { background: rgba(16, 185, 129, 0.15); color: var(--success); border: 1px solid rgba(16, 185, 129, 0.3); }\r\n .alert-error { background: rgba(239, 68, 68, 0.15); color: var(--danger); border: 1px solid rgba(239, 68, 68, 0.3); }\r\n\r\n .hidden { display: none !important; }\r\n\r\n @media (max-width: 768px) {\r\n .form-grid { grid-template-columns: 1fr; }\r\n .form-group.full-width { grid-column: span 1; }\r\n body { padding: 15px 10px; }\r\n header { flex-direction: column; gap: 15px; text-align: center; }\r\n .nav-buttons { margin-left: 0; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <header>\r\n <div class=\"logo-area\">\r\n <span class=\"logo-icon\">\ud83c\udfab<\/span>\r\n <h1>Accr\u00e9ditations Presse<\/h1>\r\n <\/div>\r\n <div class=\"nav-buttons\">\r\n <button id=\"nav-form\" class=\"active\" onclick=\"switchView('form')\">Formulaire Public<\/button>\r\n <button id=\"nav-admin\" onclick=\"switchView('admin')\">Espace Admin<\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <div id=\"view-form\" class=\"card\">\r\n <h2>Demande de Pass Presse<\/h2>\r\n <p class=\"subtitle\">Accr\u00e9ditez-vous pour couvrir notre prochain \u00e9v\u00e9nement. Remplissez le formulaire ci-dessous.<\/p>\r\n \r\n <div id=\"form-alert\" class=\"alert alert-success\">\u2728 Votre demande a \u00e9t\u00e9 transmise avec succ\u00e8s ! Notre \u00e9quipe reviendra vers vous rapidement.<\/div>\r\n\r\n <form id=\"pressForm\" onsubmit=\"handleFormSubmit(event)\">\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"fullName\">Nom et Pr\u00e9nom *<\/label>\r\n <input type=\"text\" id=\"fullName\" required placeholder=\"Jean Dupont\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email professionnel *<\/label>\r\n <input type=\"email\" id=\"email\" required placeholder=\"jean.dupont@media.fr\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"mediaName\">Nom du M\u00e9dia \/ Publication *<\/label>\r\n <input type=\"text\" id=\"mediaName\" required placeholder=\"Magazine, Blog, Radio, TV...\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"mediaType\">Type de m\u00e9dia *<\/label>\r\n <select id=\"mediaType\" required>\r\n <option value=\"\">-- S\u00e9lectionnez --<\/option>\r\n <option value=\"Presse \u00e9crite \/ Magazine\">Presse \u00e9crite \/ Magazine<\/option>\r\n <option value=\"Web \/ Blog \/ Podcast\">Web \/ Blog \/ Podcast<\/option>\r\n <option value=\"TV \/ Radio\">TV \/ Radio<\/option>\r\n <option value=\"Cr\u00e9ateur de contenu \/ YouTube \/ Twitch\">Cr\u00e9ateur de contenu \/ YouTube \/ Twitch<\/option>\r\n <option value=\"Photographe officiel \/ Ind\u00e9pendant\">Photographe officiel \/ Ind\u00e9pendant<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"cardNum\">Num\u00e9ro de carte de presse (si applicable)<\/label>\r\n <input type=\"text\" id=\"cardNum\" placeholder=\"Ex: CCIJP 12345\">\r\n <\/div>\r\n\r\n <div class=\"form-group full-width\">\r\n <label for=\"notes\">Portfolio, liens vers vos articles ou r\u00e9seaux sociaux<\/label>\r\n <textarea id=\"notes\" rows=\"3\" placeholder=\"Partagez vos reportages r\u00e9cents ou l'audience de votre m\u00e9dia...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-submit\">Soumettre la demande d'accr\u00e9ditation<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div id=\"view-admin\" class=\"card hidden\">\r\n \r\n \r\n <div id=\"admin-login-screen\">\r\n <div class=\"login-icon\">\ud83d\udd12<\/div>\r\n <h2>Connexion S\u00e9curis\u00e9e<\/h2>\r\n <p class=\"subtitle\">Entrez le mot de passe administrateur pour acc\u00e9der au tableau de bord.<\/p>\r\n \r\n <div id=\"login-alert\" class=\"alert alert-error\">\u274c Mot de passe incorrect.<\/div>\r\n\r\n <form onsubmit=\"handleAdminLogin(event)\">\r\n <div class=\"form-group\">\r\n <input type=\"password\" id=\"adminPassword\" required placeholder=\"Mot de passe admin\">\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-submit\">Se connecter<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div id=\"admin-dashboard-screen\" class=\"hidden\">\r\n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;\">\r\n <div>\r\n <h2>Tableau de Bord Presse<\/h2>\r\n <p class=\"subtitle\" style=\"margin-bottom:0;\">Validez ou refusez les demandes de pass re\u00e7ues.<\/p>\r\n <\/div>\r\n <button onclick=\"adminLogout()\" style=\"background: transparent; border: 1px solid var(--border); color: var(--text-muted); padding: 8px 14px; border-radius: 6px; cursor: pointer; font-family: 'Outfit';\">D\u00e9connexion<\/button>\r\n <\/div>\r\n\r\n <div class=\"table-responsive\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Date<\/th>\r\n <th>Candidat & Contact<\/th>\r\n <th>M\u00e9dia<\/th>\r\n <th>Type<\/th>\r\n <th>Statut<\/th>\r\n <th>Actions<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"adminTableBody\">\r\n \r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n let requests = JSON.parse(localStorage.getItem('press_accreditations')) || [];\r\n let isAdminLoggedIn = sessionStorage.getItem('admin_logged_in') === 'true';\r\n\r\n function switchView(view) {\r\n const formView = document.getElementById('view-form');\r\n const adminView = document.getElementById('view-admin');\r\n const navForm = document.getElementById('nav-form');\r\n const navAdmin = document.getElementById('nav-admin');\r\n\r\n if (view === 'form') {\r\n formView.classList.remove('hidden');\r\n adminView.classList.add('hidden');\r\n navForm.classList.add('active');\r\n navAdmin.classList.remove('active');\r\n } else {\r\n formView.classList.add('hidden');\r\n adminView.classList.remove('hidden');\r\n navForm.classList.remove('active');\r\n navAdmin.classList.add('active');\r\n checkAdminState();\r\n }\r\n }\r\n\r\n function checkAdminState() {\r\n const loginScreen = document.getElementById('admin-login-screen');\r\n const dashScreen = document.getElementById('admin-dashboard-screen');\r\n\r\n if (isAdminLoggedIn) {\r\n loginScreen.classList.add('hidden');\r\n dashScreen.classList.remove('hidden');\r\n renderAdminTable();\r\n } else {\r\n loginScreen.classList.remove('hidden');\r\n dashScreen.classList.add('hidden');\r\n }\r\n }\r\n\r\n function handleAdminLogin(event) {\r\n event.preventDefault();\r\n const pwd = document.getElementById('adminPassword').value;\r\n const alertBox = document.getElementById('login-alert');\r\n\r\n if (pwd === 'srg2026') {\r\n isAdminLoggedIn = true;\r\n sessionStorage.setItem('admin_logged_in', 'true');\r\n alertBox.style.display = 'none';\r\n document.getElementById('adminPassword').value = '';\r\n checkAdminState();\r\n } else {\r\n alertBox.style.display = 'block';\r\n }\r\n }\r\n\r\n function adminLogout() {\r\n isAdminLoggedIn = false;\r\n sessionStorage.removeItem('admin_logged_in');\r\n checkAdminState();\r\n }\r\n\r\n function handleFormSubmit(event) {\r\n event.preventDefault();\r\n\r\n const newRequest = {\r\n id: Date.now(),\r\n date: new Date().toLocaleDateString('fr-FR'),\r\n fullName: document.getElementById('fullName').value,\r\n email: document.getElementById('email').value,\r\n mediaName: document.getElementById('mediaName').value,\r\n mediaType: document.getElementById('mediaType').value,\r\n cardNum: document.getElementById('cardNum').value,\r\n notes: document.getElementById('notes').value,\r\n status: 'pending'\r\n };\r\n\r\n requests.unshift(newRequest);\r\n localStorage.setItem('press_accreditations', JSON.stringify(requests));\r\n\r\n const alertBox = document.getElementById('form-alert');\r\n alertBox.style.display = 'block';\r\n setTimeout(() => { alertBox.style.display = 'none'; }, 5000);\r\n\r\n document.getElementById('pressForm').reset();\r\n }\r\n\r\n function renderAdminTable() {\r\n const tbody = document.getElementById('adminTableBody');\r\n tbody.innerHTML = '';\r\n\r\n if (requests.length === 0) {\r\n tbody.innerHTML = `<tr><td colspan=\"6\" style=\"text-align: center; color: var(--text-muted); padding: 30px;\">Aucune demande enregistr\u00e9e pour le moment.<\/td><\/tr>`;\r\n return;\r\n }\r\n\r\n requests.forEach(req => {\r\n let badgeClass = 'badge-pending';\r\n let badgeText = 'En attente';\r\n if (req.status === 'approved') {\r\n badgeClass = 'badge-approved';\r\n badgeText = 'Valid\u00e9e';\r\n } else if (req.status === 'rejected') {\r\n badgeClass = 'badge-rejected';\r\n badgeText = 'Refus\u00e9e';\r\n }\r\n\r\n const tr = document.createElement('tr');\r\n tr.innerHTML = `\r\n <td>${req.date}<\/td>\r\n <td><strong>${escapeHtml(req.fullName)}<\/strong><br><span style=\"color:var(--text-muted); font-size:0.8rem;\">${escapeHtml(req.email)}<\/span><\/td>\r\n <td>${escapeHtml(req.mediaName)}${req.cardNum ? '<br><span style=\"font-size:0.75rem; color:var(--text-muted);\">Carte: '+escapeHtml(req.cardNum)+'<\/span>' : ''}<\/td>\r\n <td>${escapeHtml(req.mediaType)}<\/td>\r\n <td><span class=\"badge ${badgeClass}\">${badgeText}<\/span><\/td>\r\n <td class=\"actions\">\r\n <button class=\"btn-approve\" onclick=\"updateStatus(${req.id}, 'approved')\" title=\"Valider\">\u2714<\/button>\r\n <button class=\"btn-reject\" onclick=\"updateStatus(${req.id}, 'rejected')\" title=\"Refuser\">\u2716<\/button>\r\n <button class=\"btn-delete\" onclick=\"deleteRequest(${req.id})\" title=\"Supprimer\">\ud83d\uddd1<\/button>\r\n <\/td>\r\n `;\r\n tbody.appendChild(tr);\r\n });\r\n }\r\n\r\n function updateStatus(id, newStatus) {\r\n requests = requests.map(req => {\r\n if (req.id === id) {\r\n req.status = newStatus;\r\n }\r\n return req;\r\n });\r\n localStorage.setItem('press_accreditations', JSON.stringify(requests));\r\n renderAdminTable();\r\n }\r\n\r\n function deleteRequest(id) {\r\n if (confirm('Voulez-vous vraiment supprimer d\u00e9finitivement cette demande ?')) {\r\n requests = requests.filter(req => req.id !== id);\r\n localStorage.setItem('press_accreditations', JSON.stringify(requests));\r\n renderAdminTable();\r\n }\r\n }\r\n\r\n function escapeHtml(str) {\r\n if (!str) return '';\r\n return str.replace(\/&\/g, \"&\").replace(\/<\/g, \"<\").replace(\/>\/g, \">\").replace(\/\"\/g, \""\").replace(\/'\/g, \"'\");\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-1799","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/1799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1799"}],"version-history":[{"count":3,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/1799\/revisions"}],"predecessor-version":[{"id":1819,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/1799\/revisions\/1819"}],"wp:attachment":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}