templates/dashboard/registration.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Enregistrement
  4. {% endblock %}
  6. {% block body %}
  9.     <div class="d-flex flex-row justify-content-center m-5">
  11.         <h2>Enregistrement</h2>
  13.     </div>
  14.     <div class="container col-md-6">
  15.         <div class="col-xs-12 ">
  16.             {{ form_start(registrationMedecinG) }}
  19.             <div class="row">
  22.                 <div class="form-group col-md-6">
  24.                     {{form_label(registrationMedecinG.Specialite)}}
  25.                     {{form_widget(registrationMedecinG.Specialite)}}
  26.                     {{form_errors(registrationMedecinG.Specialite)}}
  28.                     <br>
  30.                     {{form_label(registrationMedecinG.nomMedecinFr, 'Nom Complet de Medecin en Fr')}}
  31.                     {{form_widget(registrationMedecinG.nomMedecinFr, {'attr': {'class':'form-control'}})}}
  32.                     {#{form_errors(registrationMedecinG.nomMedecinFr)}#}
  34.                     <br>
  36.                     {{form_label(registrationMedecinG.nomMedcinAr, 'Nom Complet de Medecinen Ar')}}
  37.                     {{form_widget(registrationMedecinG.nomMedcinAr, {'attr': {'class':'form-control'}})}}
  38.                     {#{form_errors(registrationMedecinG.nomMedcinAr)}#}
  41.                     <div id="buttons-container"></div>
  42.                     <hr>
  44.                     {{form_label(registrationMedecinG.sexe, 'Sexe')}}
  45.                     {{form_widget(registrationMedecinG.sexe, {'attr': {'class':'form-control'}})}}
  46.                     {#{form_errors(registrationMedecinG.sexe)}#}
  48.                     <br>
  50.                     {{form_label(registrationMedecinG.experience, 'Expérience')}}
  51.                     {{form_widget(registrationMedecinG.experience, {'attr': {'class':'form-control'}})}}
  52.                     {#{form_errors(registrationMedecinG.experience)}#}
  54.                     <br>
  56.                     {{form_label(registrationMedecinG.prix_consultation, 'Prix_Consultation')}}
  57.                     {{form_widget(registrationMedecinG.prix_consultation, {'attr': {'class':'form-control'}})}}
  58.                     {#{form_errors(registrationMedecinG.prix_consultation)}#}
  60.                     <br>
  62.                     {{form_label(registrationMedecinG.telephone1, 'Numéro de Téléphone')}}
  63.                     {{form_widget(registrationMedecinG.telephone1, {'attr': {'class':'form-control'}})}}
  64.                     {#{form_errors(registrationMedecinG.telephone1)}#}
  66.                     {{form_widget(registrationMedecinG.telephone2, {'attr': {'class':'form-control', 'required':false}})}}
  67.                     {#{form_errors(registrationMedecinG.telephone2)}#}
  69.                     {{form_widget(registrationMedecinG.telephone3, {'attr': {'class':'form-control'}})}}
  70.                     {#{form_errors(registrationMedecinG.telephone3)}#}
  72.                     <hr>
  73.                     <div class="alert alert-warning">
  74.                         {{form_label(registrationMedecinG.avecRDV, 'Gestion des patients avec RDV')}}
  75.                         {{form_widget(registrationMedecinG.avecRDV )}}
  76.                         {#{form_errors(registrationMedecinG.avecRDV)}#}
  77.                     </div>
  78.                 </td>
  79.             </tr>
  80.         </tbody>
  81.     </div>
  82.     <div class="form-group col-md-6">{{form_label(registrationMedecinG.email, 'Email')}}{{form_widget(registrationMedecinG.email, {'attr': {'class':'form-control'}})}}{#{form_errors(registrationMedecinG.email)}#}<br>
  85.         {{ form_label(registrationMedecinG.password.pass, "Password :") }}
  86.         {{ form_widget(registrationMedecinG.password.pass) }}
  88.         {{ form_label(registrationMedecinG.password.confirm, "Confirm :") }}
  89.         {{ form_widget(registrationMedecinG.password.confirm) }}
  92.         <hr>
  93.         {{form_label(registrationMedecinG.longitude, 'Adresse du Cabinet' )}}
  94.         {{form_widget(registrationMedecinG.region, {'id': 'region', 'attr': {'class':'form-control'}})}}
  95.         <hr>
  96.         {{form_label(registrationMedecinG.longitude, 'Adresse du Cabinet Ar' )}}
  97.         {{form_widget(registrationMedecinG.regionAr, {'id': 'regionAr', 'attr': {'class':'form-control'}})}}
  98.         <div id="buttons-container2"></div>
  100.         <div id="mapid" style="margin-top:15px; height: 350px">
  101.             <button id="geohtmldr" type="input" name="geohtmldr" class="btn btn-default hidden-lg hidden-md" style="position:absolute; background-color:white; right:10px; bottom: 150px; z-index:901; border-radius:50px;">
  102.                 <i class='fa fa-location-arrow' aria-hidden='true'></i>
  103.             </button>
  104.         
  105.         {{form_widget(registrationMedecinG.longitude, {'id': 'longitudeCabinet', 'attr': {'class':'form-control'}})}}
  106.         </div>
  107.         <p class="alert-info" style="text-align: justify;  text-justify: inter-word; padding: 10px ">Cliquer sur le bouton de gélocalisation <i class="fa fa-location-arrow"></i> , et glisser le marqueur <i class="fa fa-location-dot"></i> si besoin afin de le bien positionner à l'adresse de votre cabinet.</p>
  108.         <div style="visibility:hidden">{{form_errors(registrationMedecinG.longitude)}}{{form_widget(registrationMedecinG.latitude, {'id': 'latitudeCabinet', 'attr': {'class':'form-control'}})}}{{form_errors(registrationMedecinG.latitude)}}
  109.         </div>
  110.     </div>
  111.     <div id='workdays' class='col-xs-12 col-md-12' style='margin-top:15px'>
  112.         <table class='table  table-striped table-condensed'>
  113.             <thead>
  115.                 <td>
  116.                     Jours d'acceuil</td>
  117.                 <td>
  118.                     Heure d'ouverture
  119.                 </td>
  120.                 <td>
  121.                     Heure de fermiture
  122.                 </td>
  123.                 <td>
  124.                     Repos
  125.                 </td>
  126.             </thead>
  127.             <tr>
  128.                 <td>Vendredi
  129.                 </td>
  130.                 <td id="tdvendredisoir">
  131.                     {{form_widget(registrationMedecinG.VendredistartTime, {'attr': {'class':''}})}}</td>
  132.                 <td id="tdvendredimatin">
  133.                     {{form_widget(registrationMedecinG.VendrediendTime, {'attr': {'class':''}})}}
  134.                 </td>
  135.                 <td>{{form_widget(registrationMedecinG.ReposVendredi, {'attr': {'class':''}})}}</td>
  136.             </tr>
  137.             <tr>
  138.                 <td>Samedi</td>
  139.                 <td id="tdsamedisoir">
  140.                     {{form_widget(registrationMedecinG.SamedistartTime, {'attr': {'class':''}})}}</td>
  141.                 <td id="tdsamedimatin">
  142.                     {{form_widget(registrationMedecinG.SamediendTime, {'attr': {'class':''}})}}
  143.                 </td>
  144.                 <td>{{form_widget(registrationMedecinG.ReposSamedi, {'attr': {'class':''}})}}</td>
  145.             </tr>
  146.             <tr>
  147.                 <td>Dimanche</td>
  148.                 <td id="tddimanchesoir">
  149.                     {{form_widget(registrationMedecinG.DimanchestartTime, {'attr': {'class':''}})}}</td>
  151.                 <td id="tddimanchematin">
  152.                     {{form_widget(registrationMedecinG.DimancheendTime, {'attr': {'class':''}})}}</td>
  153.                 <td>{{form_widget(registrationMedecinG.ReposDimanche, {'attr': {'class':''}})}}</td>
  154.             </tr>
  155.             <tr>
  156.                 <td>Lundi</td>
  157.                 <td id="tdlundisoir">
  158.                     {{form_widget(registrationMedecinG.LundistartTime, {'attr': {'class':''}})}}</td>
  160.                 <td id="tdlundimatin">
  161.                     {{form_widget(registrationMedecinG.LundiendTime, {'attr': {'class':''}})}}</td>
  162.                 <td>{{form_widget(registrationMedecinG.ReposLundi, {'attr': {'class':''}})}}</td>
  163.             </tr>
  164.             <tr>
  165.                 <td>Mardi</td>
  166.                 <td id="tdmardisoir">
  167.                     {{form_widget(registrationMedecinG.MardistartTime, {'attr': {'class':''}})}}
  168.                 </td>
  169.                 <td id="tdmardimatin">{{form_widget(registrationMedecinG.MardiendTime, {'attr': {'class':''}})}}</td>
  170.                 <td>{{form_widget(registrationMedecinG.ReposMardi, {'attr': {'class':''}})}}</td>
  171.             </tr>
  172.             <tr>
  173.                 <td>Mercredi</td>
  174.                 <td id="tdmercredisoir">{{form_widget(registrationMedecinG.MercredistartTime, {'attr': {'class':''}})}}</td>
  175.                 <td id="tdmercredimatin">{{form_widget(registrationMedecinG.MercrediendTime, {'attr': {'class':''}})}}</td>
  176.                 <td>{{form_widget(registrationMedecinG.ReposMercredi, {'attr': {'class':''}})}}</td>
  177.             </tr>
  178.             <tr>
  179.                 <td>Jeudi</td>
  180.                 <td id="tdjeudisoir">{{form_widget(registrationMedecinG.JeudistartTime, {'attr': {'class':''}})}}</td>
  181.                 <td id="tdjeudimatin">{{form_widget(registrationMedecinG.JeudiendTime, {'attr': {'class':''}})}}</td>
  182.                 <td>{{form_widget(registrationMedecinG.ReposJeudi, {'attr': {'class':''}})}}</td>
  183.             </tr>
  184.         </table>
  185.         <div style="visibility:hidden; height:0px">{{form_widget(registrationMedecinG.vendrediTravail, {'id': 'dfvendrediTravail', 'attr': {'class':'form-control'}})}}{{form_widget(registrationMedecinG.samediTravail, {'id': 'dfsamediTravail' , 'attr': {'class':'form-control'}})}}{{form_widget(registrationMedecinG.dimancheTravail, {'id': 'dfdimancheTravail', 'attr': {'class':'form-control'}})}}{{form_widget(registrationMedecinG.lundiTravail, {'id': 'dflundiTravail', 'attr': {'class':'form-control'}})}}{{form_widget(registrationMedecinG.mardiTravail, {'id': 'dfmardiTravail', 'attr': {'class':'form-control'}})}}{{form_widget(registrationMedecinG.mercrediTravail, {'id': 'dfmercrediTravail', 'attr': {'class':'form-control'}})}}{{form_widget(registrationMedecinG.jeudiTravail, {'id': 'dfjeudiTravail', 'attr': {'class':'form-control'}})}}</div>
  186.      <button class="btn btn-primary" >{{ button_label|default('Enregistrement') }}</button>
  187.     </div>
  188. </div>
  189. {{form_end(registrationMedecinG)}}</div></div><script>var mapboxAttrib = 'Map data © <a href="http://osm.org/copyright">OpenStreetMap</a> contributors. Tiles from <a href="https://www.google.com">googlemap</a>.';
  192. var mapbox = L.tileLayer('https://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', {
  193. maxZoom: 20,
  194. subdomains: [
  195. 'mt0', 'mt1', 'mt2', 'mt3'
  196. ],
  197. attribution: mapboxAttrib
  199. });
  202. var map = new L.Map('mapid', {
  203. layers: [mapbox],
  204. center: [
  205. 36.896061, 7.759376
  206. ],
  207. zoom: 14,
  208. zoomControl: true
  210. });
  213. var clickegeo = true;
  214. var markercp = [];
  215. // for database
  216. document.getElementById('geohtmldr').addEventListener('click', function (e) {
  217. e.preventDefault();
  220. if (clickegeo) {
  221. clickegeo = false;
  222. document.getElementById("geohtmldr").style.backgroundColor = "#1f79c8";
  223. document.getElementById("geohtmldr").style.color = "white";
  226. map.locate({watch: false, setView: true, maxZoom: 16}).on('locationfound', (e) => {
  228. if (markercp != undefined) {
  229. map.removeLayer(markercp);
  230. };
  232. markercp = L.marker([
  233. e.latitude, e.longitude
  234. ], {draggable: 'true'}).bindPopup('Mon Cabinet');
  235. map.addLayer(markercp);
  237. document.getElementById("latitudeCabinet").value = (e.latlng.lat);
  238. document.getElementById("longitudeCabinet").value = (e.latlng.lng);
  241. markercp.on('dragend', function (event) {
  242. var position = markercp.getLatLng();
  243. markercp.setLatLng(position, {draggable: 'true'})
  244. document.getElementById("latitudeCabinet").value = (position.lat);
  245. document.getElementById("longitudeCabinet").value = (position.lng);
  246. });
  249. latitudecp = e.latlng.lat;
  250. longitudecp = e.latlng.lng;
  253. }).on('locationerror', function (e) {
  254. swal("error", "Location access denied.");
  255. });
  257. } else {
  258. clickegeo = true;
  260. // mymap.stoplocate();
  261. if (markercp != undefined) {
  262. map.removeLayer(markercp);
  263. };
  265. markercp = [];
  266. document.getElementById("geohtmldr").style.backgroundColor = "white";
  267. document.getElementById("geohtmldr").style.color = "black";
  270. }
  273. }, false);</script>{% endblock %}