﻿{"id":19,"date":"2025-09-08T07:07:06","date_gmt":"2025-09-08T07:07:06","guid":{"rendered":"http:\/\/localhost\/espace-stagiaires\/?page_id=19"},"modified":"2025-09-08T07:07:06","modified_gmt":"2025-09-08T07:07:06","slug":"connexion","status":"publish","type":"page","link":"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/connexion\/","title":{"rendered":"Connexion"},"content":{"rendered":"<div class=\"container py-5\" style=\"max-width:1000px; \">\n  <div class=\"card shadow-lg border-0 overflow-hidden rounded-4\">\n    <div class=\"row g-0\">\n      <div class=\"col-md-5 d-none d-md-flex align-items-center justify-content-center position-relative bg-brand-side p-4\">\n        <div class=\"text-center\">\n          <img decoding=\"async\" src=\"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/wp-content\/uploads\/2025\/10\/logo-ANF-funeraire-thanato-500x500-300x300-1.png\" alt=\"Nova Formation Fun\u00e9raire - Espace Stagiaires\" width=\"140\" style=\"display:block;margin:0 auto 12px auto;\">\n          <h2 class=\"mb-1 text-white fw-bold\" style=\"letter-spacing:.3px;\">Formation Thanatopracteur<\/h2>\n          <div class=\"text-white-50\" style=\"font-weight:600;\">Espace Stagiaires<\/div>\n          <hr class=\"brand-hr my-4\">\n          <p class=\"mb-0 text-white-75\" style=\"font-size:.95rem;\">\n            Acc\u00e9dez \u00e0 votre espace pour suivre vos stages, documents et notifications.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"col-md-7 bg-white\">\n        <div class=\"p-4 p-lg-5\">\n          <div class=\"text-center mb-4 d-md-none\">\n            <img decoding=\"async\" src=\"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/wp-content\/uploads\/2025\/10\/logo-ANF-funeraire-thanato-500x500-300x300-1.png\" alt=\"Nova Formation Fun\u00e9raire - Espace Stagiaires\" width=\"90\" class=\"mb-2\" style=\"display:block;margin:0 auto;\">\n          <\/div>\n\n          <div class=\"text-center mb-4\">\n            <h1 class=\"fw-bold mb-1\" style=\"font-size:2rem;\">Formation Thanatopracteur<\/h1>\n            <span class=\"fw-semibold\" style=\"font-size:1.1rem;color:#C05F5F;\">Espace Stagiaires<\/span>\n            <div class=\"mt-1 text-muted\" style=\"font-size:.95rem;\">Veuillez entrer vos identifiants pour acc\u00e9der \u00e0 la plateforme.<\/div>\n          <\/div>\n\n          <form method=\"post\" novalidate id=\"es-login-form\">\n            <div class=\"mb-3\">\n              <label for=\"es-login-user\" class=\"form-label\">Identifiant<\/label>\n              <!-- Visible field uses your original names -->\n              <input type=\"text\" id=\"es-login-user\" name=\"username\" autocomplete=\"username\"\n                     class=\"form-control\" placeholder=\"Nom d'utilisateur\" required autofocus>\n              <!-- Hidden mirrors for WP-style names -->\n              <input type=\"hidden\" name=\"log\" id=\"es-login-log\">\n            <\/div>\n\n            <div class=\"mb-3\">\n              <label for=\"es-login-pass\" class=\"form-label d-flex justify-content-between align-items-center\">\n                <span>Mot de passe<\/span>\n \n              <\/label>\n              <div class=\"input-group\">\n                <input type=\"password\" id=\"es-login-pass\" name=\"password\" autocomplete=\"current-password\"\n                       class=\"form-control\" placeholder=\"Mot de passe\" required>\n                <button type=\"button\" class=\"btn btn-outline-secondary\" id=\"toggle-pass\" aria-label=\"Afficher le mot de passe\">\ud83d\udc41<\/button>\n              <\/div>\n              <!-- Hidden mirror -->\n              <input type=\"hidden\" name=\"pwd\" id=\"es-login-pwd\">\n            <\/div>\n\n            <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"66dd9f36bb\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/espace-stagiaires\/wp-json\/wp\/v2\/pages\/19\" \/>\n            <button type=\"submit\" class=\"btn w-100 btn-brand\">Se connecter<\/button>\n          <\/form>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  :root { --brand:#C05F5F; }\n\n  .bg-brand-side {\n    background: linear-gradient(160deg, rgba(192,95,95,0.95), rgba(192,95,95,0.88));\n  }\n  .text-white-75 { color: rgba(255,255,255,.85)!important; }\n  .brand-hr {\n    border: 0; height: 1px;\n    background: linear-gradient(to right, rgba(255,255,255,.2), rgba(255,255,255,.9), rgba(255,255,255,.2));\n    width: 70%; margin-left: auto; margin-right: auto;\n  }\n  .btn-brand {\n    background: var(--brand); color: #fff; font-weight: 600;\n    padding: .75rem 1rem; border-radius: .75rem; border: none;\n    box-shadow: 0 6px 18px rgba(192,95,95,.25);\n  }\n  .btn-brand:hover { background:#a94f4f; color:#fff; }\n  .card { border-radius: 1rem; }\n  .form-control { padding:.7rem .9rem; border-radius:.6rem; }\n  .input-group .btn { border-radius:.6rem; }\n  .input-group>.form-control { border-top-right-radius:0; border-bottom-right-radius:0; }\n  .input-group>.btn { border-top-left-radius:0; border-bottom-left-radius:0; }\n<\/style>\n\n<script>\n\/\/ Mirror values so both naming schemes are posted\ndocument.addEventListener('DOMContentLoaded', function() {\n  const u = document.getElementById('es-login-user');\n  const p = document.getElementById('es-login-pass');\n  const log = document.getElementById('es-login-log');\n  const pwd = document.getElementById('es-login-pwd');\n  const btn = document.getElementById('toggle-pass');\n\n  if (u && log) u.addEventListener('input', () => log.value = u.value);\n  if (p && pwd) p.addEventListener('input', () => pwd.value = p.value);\n\n  if (btn && p) {\n    btn.addEventListener('click', () => {\n      const isPwd = p.getAttribute('type') === 'password';\n      p.setAttribute('type', isPwd ? 'text' : 'password');\n      btn.textContent = isPwd ? '\ud83d\ude48' : '\ud83d\udc41';\n    });\n  }\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":31,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":1,"href":"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/wp-json\/wp\/v2\/pages\/19\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/formationthanatopracteur.com\/espace-stagiaires\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}