{"id":13,"date":"2026-03-07T15:06:31","date_gmt":"2026-03-07T14:06:31","guid":{"rendered":"http:\/\/hontasbox.fr\/reservation\/?page_id=13"},"modified":"2026-03-07T15:06:31","modified_gmt":"2026-03-07T14:06:31","slug":"mon-compte","status":"publish","type":"page","link":"https:\/\/hontasbox.fr\/reservation\/mon-compte\/","title":{"rendered":"Mon compte"},"content":{"rendered":"    <div id=\"hontas-manager-account\" class=\"hontas-manager-account\">\n                    <div class=\"mb-3\">\n                <a href=\"https:\/\/hontasbox.fr\/reservation\/\" class=\"btn btn-outline-secondary btn-sm\">\n                    Retour \u00e0 la liste des box                <\/a>\n            <\/div>\n                        <form id=\"hontas-account-login-form\" class=\"hontas-reservation-form mb-3\">\n            <h3 class=\"h5 mb-3\">Connexion \u00e0 votre compte<\/h3>\n            <div class=\"mb-3\">\n                <label class=\"form-label\" for=\"hontas-account-email\">Email<\/label>\n                <input type=\"email\" class=\"form-control\" id=\"hontas-account-email\" name=\"email\" required>\n            <\/div>\n            <div class=\"mb-3\">\n                <label class=\"form-label\" for=\"hontas-account-password\">Mot de passe<\/label>\n                <input type=\"password\" class=\"form-control\" id=\"hontas-account-password\" name=\"password\" required>\n            <\/div>\n            <div class=\"d-flex align-items-center mb-3\">\n                <button type=\"button\" id=\"hontas-account-forgot-password-link\" style=\"background:none;border:none;padding:0;margin:0\">\n                    Mot de passe \/ premi\u00e8re connexion                <\/button>\n                <div id=\"hontas-account-forgot-loader\" class=\"ms-2\" style=\"display:none\">\n                    <span class=\"spinner-border spinner-border-sm text-secondary\" role=\"status\" aria-hidden=\"true\"><\/span>\n                    <span class=\"visually-hidden\">Chargement\u2026<\/span>\n                <\/div>\n            <\/div>\n            <div id=\"hontas-account-forgot-alert\" class=\"alert mt-2 d-none\" role=\"alert\"><\/div>\n            <button type=\"submit\" class=\"btn btn-primary\">Se connecter<\/button>\n        <\/form>\n        <div id=\"hontas-manager-password-reset\" class=\"hontas-manager-password-reset\" style=\"display:none\">\n            <div class=\"card mb-3\">\n                <div class=\"card-header\">\n                    <h5 class=\"mb-0\">D\u00e9finir un nouveau mot de passe<\/h5>\n                <\/div>\n                <div class=\"card-body\">\n                    <div id=\"hontas-password-reset-alert\" class=\"alert d-none\" role=\"alert\"><\/div>\n                    <form id=\"hontas-password-reset-form\">\n                        <input type=\"hidden\" id=\"hontas-password-reset-token\" name=\"token\" value=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\" for=\"hontas-password-reset-email\">Email<\/label>\n                            <input type=\"email\" class=\"form-control\" id=\"hontas-password-reset-email\" name=\"email\">\n                        <\/div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\" for=\"hontas-password-reset-password\">Nouveau mot de passe<\/label>\n                            <input type=\"password\" class=\"form-control\" id=\"hontas-password-reset-password\" name=\"password\" required autocomplete=\"new-password\">\n                            <p class=\"form-text small\">Minimum 8 caract\u00e8res, une majuscule et un caract\u00e8re sp\u00e9cial.<\/p>\n                        <\/div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\" for=\"hontas-password-reset-password-confirm\">Confirmer le nouveau mot de passe<\/label>\n                            <input type=\"password\" class=\"form-control\" id=\"hontas-password-reset-password-confirm\" name=\"password_confirmation\" required autocomplete=\"new-password\">\n                        <\/div>\n                        <div class=\"d-flex justify-content-end align-items-center gap-2\">\n                            <div id=\"hontas-password-reset-loader\" class=\"me-2\" style=\"display:none\">\n                                <div class=\"spinner-border spinner-border-sm text-secondary\" role=\"status\">\n                                    <span class=\"visually-hidden\">Enregistrement\u2026<\/span>\n                                <\/div>\n                            <\/div>\n                            <button type=\"submit\" class=\"btn btn-primary\" id=\"hontas-password-reset-submit\">\n                                Enregistrer le nouveau mot de passe                            <\/button>\n                        <\/div>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"hontas-account-loader\" class=\"text-center my-3\" style=\"display:none\">\n            <div class=\"spinner-border text-secondary\" role=\"status\">\n                <span class=\"visually-hidden\">Chargement\u2026<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"row g-4\">\n            <div class=\"col-lg-4\" id=\"hontas-account-documents-card\" style=\"display:none\">\n                <div class=\"card h-100\">\n                    <div class=\"card-header\">\n                        <h4 class=\"h6 mb-0\">Mes documents<\/h4>\n                    <\/div>\n                    <div class=\"card-body\">\n                        <div id=\"hontas-account-documents-warning\" class=\"alert alert-danger d-none mb-3\" role=\"alert\">\n                            <strong>Documents manquants !<\/strong><br \/>\n                            Merci de t\u00e9l\u00e9verser votre carte d\u2019identit\u00e9 pour finaliser votre dossier.                        <\/div>\n                        <form id=\"hontas-account-documents-form\" enctype=\"multipart\/form-data\">\n                            <div class=\"mb-2\">\n                                <label class=\"form-label\" for=\"hontas-account-identity-card\">Carte d\u2019identit\u00e9 (PDF ou image)<\/label>\n                                <input type=\"file\" class=\"form-control form-control-sm\" id=\"hontas-account-identity-card\" name=\"identity_card\" accept=\".pdf,.jpg,.jpeg,.png\">\n                                <div class=\"small mt-1\" id=\"hontas-account-identity-card-current\" style=\"display:none\"><\/div>\n                            <\/div>\n                            <div class=\"mb-2\">\n                                Taille max. recommand\u00e9e : 4 Mo par document.                            <\/div>\n                            <div class=\"alert alert-success d-none mt-2\" id=\"hontas-account-documents-success\"><\/div>\n                            <div class=\"alert alert-danger d-none mt-2\" id=\"hontas-account-documents-error\"><\/div>\n                            <button type=\"submit\" class=\"btn btn-outline-primary btn-sm mt-2 w-100\">\n                                Envoyer mes documents                            <\/button>\n                        <\/form>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-lg-8\">\n                <div id=\"hontas-account-reservations\" style=\"display:none\">\n                    <div class=\"d-flex align-items-center mb-3\" style=\"float: right\">\n                        <button type=\"button\" class=\"btn btn-outline-secondary btn-sm ms-auto\" id=\"hontas-account-logout\">Se d\u00e9connecter<\/button>\n                    <\/div>\n\n                    <ul class=\"nav nav-tabs mb-3\" id=\"hontas-account-tabs\" role=\"tablist\">\n                        <li class=\"nav-item\" role=\"presentation\">\n                            <button class=\"nav-link active\" id=\"hontas-tab-reservations\" data-bs-toggle=\"tab\" data-bs-target=\"#hontas-tabpane-reservations\" type=\"button\" role=\"tab\" aria-controls=\"hontas-tabpane-reservations\" aria-selected=\"true\">\n                                Mes r\u00e9servations                            <\/button>\n                        <\/li>\n                        <li class=\"nav-item\" role=\"presentation\">\n                            <button class=\"nav-link\" id=\"hontas-tab-invoices\" data-bs-toggle=\"tab\" data-bs-target=\"#hontas-tabpane-invoices\" type=\"button\" role=\"tab\" aria-controls=\"hontas-tabpane-invoices\" aria-selected=\"false\">\n                                Factures                            <\/button>\n                        <\/li>\n                        <li class=\"nav-item\" role=\"presentation\">\n                            <button class=\"nav-link\" id=\"hontas-tab-profile\" data-bs-toggle=\"tab\" data-bs-target=\"#hontas-tabpane-profile\" type=\"button\" role=\"tab\" aria-controls=\"hontas-tabpane-profile\" aria-selected=\"false\">\n                                Mes informations personnelles                            <\/button>\n                        <\/li>\n                    <\/ul>\n\n                    <div class=\"tab-content\" id=\"hontas-account-tabs-content\">\n                        <div class=\"tab-pane fade show active\" id=\"hontas-tabpane-reservations\" role=\"tabpanel\" aria-labelledby=\"hontas-tab-reservations\">\n                            <div id=\"hontas-account-reservations-body\" class=\"row g-2\">\n                                <div class=\"col-12\">\n                                    <p class=\"text-muted mb-0\">Aucune r\u00e9servation pour le moment.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"tab-pane fade\" id=\"hontas-tabpane-invoices\" role=\"tabpanel\" aria-labelledby=\"hontas-tab-invoices\">\n                            <div id=\"hontas-account-invoices-body\" class=\"row g-2\">\n                                <div class=\"col-12\">\n                                    <p class=\"text-muted mb-0\">Aucune facture pour le moment.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"tab-pane fade\" id=\"hontas-tabpane-profile\" role=\"tabpanel\" aria-labelledby=\"hontas-tab-profile\">\n                            <form id=\"hontas-account-profile-form\">\n                                <div class=\"row\" style=\"width: 100%\">\n                                    <div class=\"col-md-6\">\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\" for=\"hontas-account-firstname\">Pr\u00e9nom<\/label>\n                                            <input type=\"text\" class=\"form-control form-control-sm\" id=\"hontas-account-firstname\" name=\"firstname\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"col-md-6\">\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\" for=\"hontas-account-lastname\">Nom<\/label>\n                                            <input type=\"text\" class=\"form-control form-control-sm\" id=\"hontas-account-lastname\" name=\"lastname\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"col-md-6\">\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\" for=\"hontas-account-email-display\">Email<\/label>\n                                            <input type=\"email\" class=\"form-control form-control-sm\" id=\"hontas-account-email-display\" name=\"email_display\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"col-md-6\">\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\" for=\"hontas-account-phone\">T\u00e9l\u00e9phone<\/label>\n                                            <input type=\"text\" class=\"form-control form-control-sm\" id=\"hontas-account-phone\" name=\"phone\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"col-md-12\">\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\" for=\"hontas-account-address\">Adresse<\/label>\n                                            <input type=\"text\" class=\"form-control form-control-sm\" id=\"hontas-account-address\" name=\"address\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"col-md-4\">\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\" for=\"hontas-account-postcode\">Code postal<\/label>\n                                            <input type=\"text\" class=\"form-control form-control-sm\" id=\"hontas-account-postcode\" name=\"postcode\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"col-md-8\">\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\" for=\"hontas-account-city\">Ville<\/label>\n                                            <input type=\"text\" class=\"form-control form-control-sm\" id=\"hontas-account-city\" name=\"city\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"col-md-12\">\n                                        <div class=\"mb-2\">\n                                            <div class=\"alert alert-success d-none mt-2\" id=\"hontas-account-profile-success\"><\/div>\n                                            <div class=\"alert alert-danger d-none mt-2\" id=\"hontas-account-profile-error\"><\/div>\n\n                                            <button type=\"submit\" class=\"btn btn-primary btn-sm mt-2\">\n                                                Mettre \u00e0 jour mes informations                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/form>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"modal fade\" id=\"hontasAccountNoticeModal\" tabindex=\"-1\" aria-hidden=\"true\">\n        <div class=\"modal-dialog modal-dialog-centered\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\">Pr\u00e9avis de d\u00e9part<\/h5>\n                    <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Fermer\"><\/button>\n                <\/div>\n                <div class=\"modal-body\">\n                    <p class=\"mb-2\">La r\u00e9servation prendra fin 15 jours apr\u00e8s la validation de la r\u00e9siliation.<\/p>\n                    <p class=\"mb-2\">\n                        Date de r\u00e9f\u00e9rence (aujourd\u2019hui + 15 jours) :                        <strong id=\"hontas-account-notice-reference-date\">\u2014<\/strong>\n                    <\/p>\n                    <p class=\"mb-2\">\n                        Date r\u00e9elle de r\u00e9siliation (fin du mois) :                        <strong id=\"hontas-account-notice-effective-date\">\u2014<\/strong>\n                    <\/p>\n                    <p class=\"mb-0\">Tout mois entam\u00e9 est d\u00fb.<\/p>\n                    <div class=\"alert alert-success d-none mt-3 mb-0\" id=\"hontas-account-notice-success\"><\/div>\n                    <div class=\"alert alert-danger d-none mt-3 mb-0\" id=\"hontas-account-notice-error\"><\/div>\n                <\/div>\n                <div class=\"modal-footer\">\n                    <button type=\"button\" class=\"btn btn-outline-secondary\" data-bs-dismiss=\"modal\">Annuler<\/button>\n                    <button type=\"button\" class=\"btn btn-danger\" id=\"hontas-account-notice-confirm\">Confirmer la r\u00e9siliation<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hontasbox.fr\/reservation\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hontasbox.fr\/reservation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hontasbox.fr\/reservation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hontasbox.fr\/reservation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hontasbox.fr\/reservation\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/hontasbox.fr\/reservation\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/hontasbox.fr\/reservation\/wp-json\/wp\/v2\/pages\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/hontasbox.fr\/reservation\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}