{"id":36,"date":"2025-03-27T15:14:39","date_gmt":"2025-03-27T15:14:39","guid":{"rendered":"https:\/\/media.mytinyshop.fr\/?page_id=36"},"modified":"2025-03-28T11:53:11","modified_gmt":"2025-03-28T11:53:11","slug":"inscription","status":"publish","type":"page","link":"https:\/\/media.mytinyshop.fr\/index.php\/inscription\/","title":{"rendered":"Inscription"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Cr\u00e9er un compte<\/title>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\n\n  <style>\n    :root {\n      --primary-color: #238c88;\n      --primary-hover: #1e7975;\n      --border-color: #e5e7eb;\n      --text-color: #374151;\n      --label-color: #4b5563;\n      --background-start: #eff6ff;\n      --background-end: #eef2ff;\n      --icon-color: #17b0ab;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: \"Segoe UI\", Roboto, Arial, sans-serif;\n      background: linear-gradient(135deg, var(--background-start), var(--background-end));\n      color: var(--text-color);\n      padding: 3rem 1rem;\n      min-height: 100vh;\n    }\n\n    .container {\n      max-width: 48rem;\n      margin: 0 auto;\n    }\n\n    .form-container {\n      background: rgba(255, 255, 255, 0.9);\n      backdrop-filter: blur(6px);\n      border-radius: 1rem;\n      padding: 2rem;\n      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n    }\n\n    .form-header {\n      text-align: center;\n      margin-bottom: 1rem;\n    }\n\n    .form-header i {\n      font-size: 2.5rem;\n      color: var(--icon-color);\n      margin-bottom: 0.5rem;\n    }\n\n    h1 {\n      font-size: 2rem;\n      font-weight: bold;\n    }\n\n    .subtitle {\n      text-align: center;\n      color: var(--label-color);\n      margin-bottom: 2rem;\n    }\n\n    .form-group {\n      margin-bottom: 1.5rem;\n    }\n\n    .form-row {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 1.5rem;\n    }\n\n    @media (min-width: 640px) {\n      .form-row {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n\n    .label {\n      display: block;\n      font-size: 0.875rem;\n      font-weight: 500;\n      margin-bottom: 0.5rem;\n      color: var(--label-color);\n    }\n\n    .input-group {\n      position: relative;\n    }\n\n    .input-group i {\n      position: absolute;\n      left: 0.75rem;\n      top: 50%;\n      transform: translateY(-50%);\n      color: var(--icon-color);\n      font-size: 1rem;\n      pointer-events: none;\n    }\n\n    .input-group input,\n    .input-group select,\n    .input-group textarea {\n      width: 100%;\n      height: 3rem;\n      padding: 0.5rem 0.75rem 0.5rem 2.5rem;\n      border: 2px solid var(--border-color);\n      border-radius: 0.5rem;\n      font-size: 0.875rem;\n      background-color: white;\n      transition: all 0.2s;\n    }\n\n    .input-group textarea {\n      height: auto;\n      min-height: 5rem;\n    }\n\n    .input-group input:focus,\n    .input-group select:focus,\n    .input-group textarea:focus {\n      border-color: var(--primary-color);\n      outline: none;\n      box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);\n    }\n\n    .radio-group {\n      display: flex;\n      gap: 1rem;\n    }\n\n    .radio-label {\n      display: flex;\n      align-items: center;\n      padding: 0.75rem 1.5rem;\n      background: white;\n      border: 2px solid var(--border-color);\n      border-radius: 0.5rem;\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .radio-label:hover {\n      border-color: var(--primary-color);\n    }\n\n    .radio-label input[type=\"radio\"] {\n      margin-right: 0.5rem;\n    }\n\n    button {\n      width: 100%;\n      height: 3rem;\n      background-color: var(--primary-color);\n      color: white;\n      border: none;\n      border-radius: 0.5rem;\n      font-size: 1rem;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s;\n      margin-top: 1rem;\n    }\n\n    button:hover {\n      background-color: var(--primary-hover);\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    select {\n      appearance: none;\n      padding-right: 2rem;\n    }\n\n    input[type=\"date\"]::-webkit-calendar-picker-indicator {\n      opacity: 0.4;\n      cursor: pointer;\n    }\n\n    input[type=\"date\"]::-webkit-calendar-picker-indicator:hover {\n      opacity: 0.6;\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <div class=\"container\">\n    <div class=\"form-container\">\n      <div class=\"form-header\">\n        <i class=\"fas fa-id-card\"><\/i>\n        <h1>Cr\u00e9er un compte<\/h1>\n      <\/div>\n      <p class=\"subtitle\">Rejoignez notre communaut\u00e9 de commer\u00e7ants<\/p>\n\n      <form action=\"\/wp-admin\/admin-post.php\" method=\"post\">\n\n        <input type=\"hidden\" name=\"action\" value=\"traitement_formulaire_inscription\">\n\n        <!-- Titre -->\n        <div class=\"form-group\">\n          <label class=\"label\">Titre<\/label>\n          <div class=\"radio-group\">\n            <label class=\"radio-label\">\n              <input type=\"radio\" name=\"title\" value=\"Mme\" checked \/> Mme\n            <\/label>\n            <label class=\"radio-label\">\n              <input type=\"radio\" name=\"title\" value=\"M\" \/> M.\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- Pr\u00e9nom et Nom -->\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label class=\"label\" for=\"firstName\">Pr\u00e9nom<\/label>\n            <div class=\"input-group\">\n              <i class=\"fas fa-user\"><\/i>\n              <input type=\"text\" id=\"firstName\" name=\"firstName\" required \/>\n            <\/div>\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"label\" for=\"lastName\">Nom<\/label>\n            <div class=\"input-group\">\n              <i class=\"fas fa-user\"><\/i>\n              <input type=\"text\" id=\"lastName\" name=\"lastName\" required \/>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Date de naissance -->\n        <div class=\"form-group\">\n          <label class=\"label\" for=\"dateOfBirth\">Date de naissance<\/label>\n          <div class=\"input-group\">\n            <i class=\"fas fa-calendar-alt\"><\/i>\n            <input type=\"date\" id=\"dateOfBirth\" name=\"dateOfBirth\" required \/>\n          <\/div>\n        <\/div>\n\n        <!-- Email -->\n        <div class=\"form-group\">\n          <label class=\"label\" for=\"email\">Email<\/label>\n          <div class=\"input-group\">\n            <i class=\"fas fa-envelope\"><\/i>\n            <input type=\"email\" id=\"email\" name=\"email\" required \/>\n          <\/div>\n        <\/div>\n\n        <!-- T\u00e9l\u00e9phone -->\n        <div class=\"form-group\">\n          <label class=\"label\" for=\"phone\">T\u00e9l\u00e9phone<\/label>\n          <div class=\"input-group\">\n            <i class=\"fas fa-phone\"><\/i>\n            <input type=\"tel\" id=\"phone\" name=\"phone\" required \/>\n          <\/div>\n        <\/div>\n\n        <!-- Nom de l'enseigne -->\n        <div class=\"form-group\">\n          <label class=\"label\" for=\"businessName\">Nom de l&#8217;enseigne<\/label>\n          <div class=\"input-group\">\n            <i class=\"fas fa-store\"><\/i>\n            <input type=\"text\" id=\"businessName\" name=\"businessName\" required \/>\n          <\/div>\n        <\/div>\n\n        <!-- Adresse -->\n        <div class=\"form-group\">\n          <label class=\"label\" for=\"address\">Adresse<\/label>\n          <div class=\"input-group\">\n            <i class=\"fas fa-location-dot\"><\/i>\n            <input type=\"text\" id=\"address\" name=\"address\" required \/>\n          <\/div>\n        <\/div>\n\n        <!-- Code postal -->\n        <div class=\"form-group\">\n          <label class=\"label\" for=\"postalCode\">Code postal<\/label>\n          <div class=\"input-group\">\n            <i class=\"fas fa-map-marker-alt\"><\/i>\n            <input type=\"text\" id=\"postalCode\" name=\"postalCode\" required \/>\n          <\/div>\n        <\/div>\n\n        <!-- Type d'entreprise -->\n        <div class=\"form-group\">\n          <label class=\"label\" for=\"companyType\">Type d&#8217;entreprise<\/label>\n          <div class=\"input-group\">\n            <i class=\"fas fa-building\"><\/i>\n            <select id=\"companyType\" name=\"companyType\" required>\n              <option value=\"\" disabled selected>S\u00e9lectionnez<\/option>\n              <option value=\"SAS\">SAS<\/option>\n              <option value=\"SARL\">SARL<\/option>\n              <option value=\"SA\">SA<\/option>\n              <option value=\"EURL\">EURL<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <!-- Description -->\n        <div class=\"form-group\">\n          <label class=\"label\" for=\"businessDescription\">Description de l&#8217;activit\u00e9<\/label>\n          <div class=\"input-group\">\n            <i class=\"fas fa-file-lines\"><\/i>\n            <textarea id=\"businessDescription\" name=\"businessDescription\" rows=\"4\" required><\/textarea>\n          <\/div>\n        <\/div>\n\n        <button type=\"submit\">Cr\u00e9er mon compte<\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Cr\u00e9er un compte Cr\u00e9er un compte Rejoignez notre communaut\u00e9 de commer\u00e7ants Titre Mme M. Pr\u00e9nom Nom Date de naissance Email T\u00e9l\u00e9phone Nom de l&#8217;enseigne Adresse Code postal Type d&#8217;entreprise S\u00e9lectionnezSASSARLSAEURL Description de l&#8217;activit\u00e9 Cr\u00e9er mon compte<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/media.mytinyshop.fr\/index.php\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/media.mytinyshop.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/media.mytinyshop.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/media.mytinyshop.fr\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/media.mytinyshop.fr\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":9,"href":"https:\/\/media.mytinyshop.fr\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":148,"href":"https:\/\/media.mytinyshop.fr\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions\/148"}],"wp:attachment":[{"href":"https:\/\/media.mytinyshop.fr\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}