templates/Medecin/index.html.twig line 1

Open in your IDE?
  1. {% extends "layout.html.twig" %}
  3. {% block headerCss %}{% endblock %}
  4. {% block navContact %} selected{% endblock %}
  5. {% block navContactHamburger %} active{% endblock %}
  6. {% block classHome %} class="visite step1 home" id="top"{% endblock %}
  7. {% block canonicals %}<link rel="canonical" href="{{ app.request.uri }}" />{% endblock %}
  9. {% block contenu %}
  10.     <section class="subheader--highlight">
  11.         <div class="subheader--highlight-content">
  12.             <h1 class="subheader--highlight-heading">
  13.                 Rejoignez-Nous : Essayez gratuitement Urgence Docteurs
  14.             </h1>
  15.             <ul class="subheader--highlight-heading-list">
  16.                 <li class="subheader--highlight-heading-item">
  17.                     <strong>Votre cabinet dans votre poche</strong> : Installation et
  18.                     accompagnement administratif <strong>gratuit</strong>.
  19.                 </li>
  20.                 <li class="subheader--highlight-heading-item"></li>
  21.                 <strong>Flexible</strong> : Consultez quand vous la souhaitez.</li>
  22.                 <li class="subheader--highlight-heading-item"></li>
  23.                 <strong>Sans engagement</strong> : Vous êtes libre d’arrêter Urgence
  24.                 Docteurs à tout moment
  25.                 </li>
  26.             </ul>
  27.         </div>
  28.     </section>
  30.     <section class="step">
  32.         {{ form_start(form) }}
  34.             <div class="form--error-message">
  35.                 {{ form_errors(form) }}
  36.             </div>
  38.             <div class="form--wrapper">
  39.                 <div class="doctor-form">
  40.                     <h2 class="heading--form step1">Vos informations</h2>
  41.                     <div class="appointment--form-genre">
  42.                         <label class="form--radio-label input-genre">
  43.                             <input class="form--input-radio" type="radio" name="genre" checked/>
  44.                             <span class="form--radio-text">Monsieur</span>
  45.                         </label>
  46.                         <label class="form--radio-label input-genre">
  47.                             <input class="form--input-radio" type="radio" name="genre"/>
  48.                             <span class="form--radio-text">Madame</span>
  49.                         </label>
  50.                     </div>
  51.                     <div class="">
  52.                         <label class="form--label">Votre spécialité</label>
  53.                         <div class="form--select" style="margin-top: 20px">
  54.                             {{ form_widget(form.docteur.specialite) }}
  55.                         </div>
  56.                     </div>
  57.                     <div class="appointment--form-id">
  58.                         <label class="form--label">{{ form_label(form.firstname) }}</label>
  59.                         {{ form_widget(form.firstname) }}
  60.                         <label class="form--label">{{ form_label(form.lastname) }}</label>
  61.                         {{ form_widget(form.lastname) }}
  62.                         <label class="form--label">{{ form_label(form.docteur.dateInfo) }}</label>
  63.                         {{ form_widget(form.docteur.dateInfo) }}
  65.                     </div>
  66.                     <h2 class="heading--form step2">Vos coordonnées</h2>
  67.                     <div class="appointment--form-id">
  68.                         <label class="form--label">{{ form_label(form.email) }}</label>
  69.                         {{ form_widget(form.email) }}
  70.                         <label class="form--label">Mot de passe</label>
  71.                         {{ form_widget(form.plainPassword) }}
  72.                         <label class="form--label">{{ form_label(form.phone) }}</label>
  73.                         {{ form_widget(form.phone) }}
  74.                         <label class="form--label">{{ form_label(form.docteur.adresse) }}</label>
  75.                         {{ form_widget(form.docteur.adresse) }}
  76.                         <label class="form--label">{{ form_label(form.docteur.codePostal) }}</label>
  77.                         {{ form_widget(form.docteur.codePostal) }}
  78.                         <label class="form--label">{{ form_label(form.docteur.identifiant) }}</label>
  79.                         {{ form_widget(form.docteur.identifiant) }}
  81.                     </div>
  83.                 </div>
  86.             </div>
  88.             <div class="form--submit">
  89.                 <label for="agree" class="form--submit-label">
  90.                     <input class="form--input-agree" type="checkbox" name="agree" id="agree" required/> &nbsp;&nbsp;&nbsp;&nbsp;
  91.                    <a href="{{ path('condition_homepage') }}">conditions
  92.                     générales d'utilisation</a>
  93.                 </label>
  94.                 <div class="form--error-message">
  95.                     Un ou plusieurs champs ont mal été remplis
  96.                 </div>
  97.                 <div class="form--submit-button">
  98.                     <button type="submit" class="button--main">
  99.                         Envoyer ma demande
  100.                     </button>
  101.                 </div>
  102.             </div>
  103.             {{ form_end(form) }}
  104.     </section>
  106.     <style>
  107.         #user_phone {
  108.             margin-top: 15px;
  109.         }
  110.         .step {
  111.             grid-row-gap: 40px;
  112.             background: #fff;
  113.             border-radius: 4px;
  114.             box-shadow: 0 12px 28px rgb(4 25 71 / 6%);
  115.             display: grid;
  116.             grid-template-rows: repeat(2,auto);
  117.             height: fit-content;
  118.             justify-self: center;
  119.             max-width: 608px;
  120.             padding: 40px 56px;
  121.             width: 100%;
  122.             margin: 50px auto auto auto;
  123.             margin-bottom: 20px;
  124.         }
  125.         .forms input {
  126.             border: 1px solid #D7D7E5;
  127.             box-sizing: border-box;
  128.             border-radius: 4px;
  129.             height: 40px;
  130.             padding: 8px 8px 8px 16px;
  131.         }
  134.         .app_commande_visio .step1 .forms input, .app-commande-domicile .step1 .forms input, .app-commande-step2 .step1 .forms input, .app_commande_step3 .step1 .forms input {
  135.             border: 1px solid #D7D7E5;
  136.             box-sizing: border-box;
  137.             border-radius: 4px;
  138.             height: 40px;
  139.             padding: 8px 8px 8px 16px;
  140.         }
  142.         .form--submit-button .button--main{
  143.             width: 100%;
  144.             height: fit-content;
  145.             padding: 16px;
  146.             background: #03045E;
  147.             border-radius: 8px;
  148.             display: flex;
  149.             justify-content: center;
  150.             align-items: center;
  151.             color: #fff;
  152.         }
  154.         input[type=text], input[type=email], input[type=password] {
  155.             background-color: #fff;
  157.             color: #434242;
  158.             border: 1px solid #D7D7E5;
  159.             box-sizing: border-box;
  160.             border-radius: 4px;
  161.             height: 40px;
  162.             padding: 8px 8px 8px 16px;
  163.             width: 100%;
  164.             font-size: 1.6rem;
  166.         }
  167.         select {
  168.             background: #FFFFFF;
  169.             border: 1px solid #D7D7E5!important;
  170.             box-sizing: border-box;
  171.             border-radius: 4px;
  172.             padding: 8px 8px 8px 16px;
  173.             font-family: 'Work Sans';
  174.             font-style: normal;
  175.             font-weight: 400;
  176.             font-size: 16px;
  177.             line-height: 24px;
  178.             letter-spacing: -0.02em;
  179.             color: black;
  180.             margin-bottom: 0;
  181.         }
  182.         .subheader--highlight-heading-list {
  183.             list-style: none;
  184.         }
  185.     </style>
  186. {% endblock %}
  188. {% block javascripts %}
  189.     {{ parent() }}
  191.     <script type="text/javascript">
  192.         $(document).ready(function () {
  193.             $('#contact_medecin_genre').val('Monsieur');
  195.             $('.input-genre').click(function () {
  196.                 $('#contact_medecin_genre').val($(this)[0].innerText);
  197.             });
  199.         });
  200.     </script>
  201. {% endblock %}