templates/bundles/SyliusAdminBundle/Doctor/_form.html.twig line 1

Open in your IDE?
  1. {% form_theme form '@SyliusUi/Form/imageTheme.html.twig' %}
  2. {% form_theme form.reductionTaxons '@SyliusUi/Form/customAutocompleteTheme.html.twig' %}
  3. {% form_theme form.reductionProducts '@SyliusUi/Form/customAutocompleteTheme.html.twig' %}
  4. {% form_theme form.doctor.programs '@SyliusUi/Form/customAutocompleteTheme.html.twig' %}
  6. {{ form_errors(form) }}
  8. <div class="ui two column stackable grid">
  9.     <div class="column">
  10.         <div class="ui segment">
  11.             <h4 class="ui dividing header">{{ 'sylius.ui.customer_details'|trans }}</h4>
  12.             <div class="two fields">
  13.                 {{ form_row(form.firstName) }}
  14.                 {{ form_row(form.lastName) }}
  15.             </div>
  16.             {{ form_row(form.email) }}
  17.             {{ form_row(form.doctor.attachedClinicalManager) }}
  18.             {{ form_row(form.doctor.requiresValidationByClinicalManager) }}
  19.             {{ form_row(form.attachedPDM) }}
  20.             {{ form_row(form.doctor.sendTransactionalEmails) }}
  21.             <div class="field" id="add-avatar">
  22.                 <label>{{ 'app.ui.avatar_with_recommended_size'|trans }}</label>
  23.                 {{ form_row(form.image, {'label': false}) }}
  24.             </div>
  25.         </div>
  26.         <div class="ui segment">
  27.             <h4 class="ui dividing header">{{ 'sylius.ui.extra_information'|trans }}</h4>
  28.             {{ form_row(form.birthday) }}
  29.             {{ form_row(form.phoneNumber) }}
  30.             {{ form_row(form.subscribedToNewsletter) }}
  31.             <div class="two fields">
  32.                 {{ form_row(form.company) }}
  33.                 {{ form_row(form.socialReason) }}
  34.             </div>
  35.             {{ form_row(form.interCommunityTvaNumber) }}
  36.             <div class="two fields">
  37.                 {{ form_row(form.city) }}
  38.                 {{ form_row(form.country) }}
  39.             </div>
  40.             {{ form_row(form.secondaryEmails) }}
  41.         </div>
  42.     </div>
  43.     <div class="column">
  44.         {#
  45.         <div class="ui segment">
  46.             <h4 class="ui dividing header">{{ 'app.ui.appointment_management'|trans }}</h4>
  47.             {{ form_row(form.doctor.makesAppointmentsOnExternalPlatform) }}
  48.             {{ form_row(form.doctor.externalPlatformName) }}
  49.             {{ form_row(form.doctor.externalPlatformLink) }}
  50.         </div>
  51.         #}
  53.         <div class="ui segment">
  54.             <h4 class="ui dividing header">{{ 'app.ui.programs'|trans }}</h4>
  55.             {{ form_row(form.doctor.programs) }}
  56.         </div>
  58.         <div class="ui segment">
  59.             <h4 class="ui dividing header">
  60.                 <i class="mobile alternate icon"></i>
  61.                 {{ 'app.ui.seriderm_360'|trans }}
  62.             </h4>
  63.             <div class="ui info message" style="margin-bottom: 1rem;">
  64.                 <i class="info circle icon"></i>
  65.                 {{ 'app.ui.seriderm_360_access_hint'|trans }}
  66.             </div>
  67.             {{ form_row(form.doctor.appAccessSeriderm360) }}
  68.         </div>
  70.         <div class="ui segment">
  71.             <h4 class="ui dividing header">{{ 'sylius.ui.account_credentials'|trans }}</h4>
  72.             {% if customer.user is empty or customer.user.id is null %}
  73.                 <div class="field">
  74.                     <div class="ui toggle checkbox" style="display: none;">
  75.                         {{ form_row(form.createUser) }}
  76.                     </div>
  77.                 </div>
  78.             {% endif %}
  79.             {% if form.user is defined %}
  80.                 <div id="user-form" {% if form.user.vars.data.id is not defined %} style="display: none" {% endif %}>
  81.                     {{ form_row(form.user.plainPassword, {'attr': {'autocomplete': 'new-password'}}) }}
  82.                     {{ form_row(form.user.enabled) }}
  83.                     {{ form_row(form.user.locked) }}
  84.                 </div>
  85.             {% endif %}
  86.         </div>
  88.         <div class="ui segment">
  89.             <h4 class="ui dividing header">{{ 'sylius.ui.shipping_address'|trans }}</h4>
  90.             {% if form.shippingAddress.vars.data is not null %}
  91.                 {% include '@SyliusShop/Common/_address.html.twig' with {'address': form.shippingAddress.vars.data} %}
  92.             {% endif %}
  93.         </div>
  95.         <div class="ui segment">
  96.             <h4 class="ui dividing header">{{ 'sylius.ui.billing_address'|trans }}</h4>
  97.             {% if form.billingAddress.vars.data is not null %}
  98.                 {% include '@SyliusShop/Common/_address.html.twig' with {'address': form.billingAddress.vars.data} %}
  99.             {% endif %}
  100.         </div>
  102.         <div class="ui segment">
  103.             <h4 class="ui dividing header">{{ 'app.ui.reduction_taxons'|trans }}</h4>
  104.             {{ form_row(form.reductionTaxons) }}
  105.         </div>
  107.         <div class="ui segment">
  108.             <h4 class="ui dividing header">{{ 'app.ui.reduction_products'|trans }}</h4>
  109.             {{ form_row(form.reductionProducts) }}
  110.         </div>
  111.     </div>
  112. </div>
  114. {% block javascripts %}
  115.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  117.     <script>
  118.         (function () {
  119.             // Edit form action
  120.             const formEl = document.querySelector('form[name="sylius_customer"]');
  121.             formEl.setAttribute('action', "{{ app.request.pathInfo }}");
  123.             document.querySelectorAll('.taxon-selects').forEach(function(selectEl,index){
  124.                 selectEl.addEventListener('change', (event) => {
  125.                     $('#sylius_customer_reductionProducts_'+index+'_products').parent().dropdown('clear');
  126.                 });
  127.             });
  129.             const addButtonEl = document.querySelector('#sylius_customer_reductionProducts > [data-form-collection="add"]');
  131.             addButtonEl.addEventListener("click", function (e) {
  132.                 setTimeout(() => {
  133.                     document.querySelectorAll('.taxon-selects').forEach(function(selectEl,index){
  134.                         selectEl.addEventListener('change', (event) => {
  135.                             $('#sylius_customer_reductionProducts_'+index+'_products').parent().dropdown('clear');
  136.                         });
  137.                     });
  138.                 }, '1')
  139.             });
  141.             document.addEventListener('DOMContentLoaded', function() {
  142.                 document.querySelectorAll('form').forEach(function(form) {
  143.                     form.setAttribute('autocomplete', 'off');
  144.                 });
  145.             });
  146.         })();
  147.     </script>
  149.     <script>
  150.         // Display / hide requiresValidationByClinicalManager field depending on attachedClinicalManager value
  151.         const attachedClinicalManagerEl = document.querySelector('#sylius_customer_doctor_attachedClinicalManager');
  152.         const requiresValidationByClinicalManagerEl = document.querySelector('#sylius_customer_doctor_requiresValidationByClinicalManager');
  154.         const toggleRequiresValidationByClinicalManager = () => {
  155.             if (attachedClinicalManagerEl.value !== '') {
  156.                 requiresValidationByClinicalManagerEl.closest('.field').style.display = 'block';
  157.             } else {
  158.                 requiresValidationByClinicalManagerEl.closest('.field').style.display = 'none';
  159.                 requiresValidationByClinicalManagerEl.checked = false;
  160.             }
  161.         };
  163.         attachedClinicalManagerEl.addEventListener('change', toggleRequiresValidationByClinicalManager);
  165.         toggleRequiresValidationByClinicalManager();
  166.     </script>
  168.     <script>
  169.         // Display / hide externalPlatformNameEl, externalPlatformLinkEl fields depending on makesAppointmentsOnExternalPlatform value
  170.         const makesAppointmentsOnExternalPlatformEl = document.querySelector('#sylius_customer_doctor_makesAppointmentsOnExternalPlatform');
  171.         const externalPlatformNameEl = document.querySelector('#sylius_customer_doctor_externalPlatformName');
  172.         const externalPlatformLinkEl = document.querySelector('#sylius_customer_doctor_externalPlatformLink');
  174.         const toggleMakesAppointmentsOnExternalPlatform = () => {
  175.             if (makesAppointmentsOnExternalPlatformEl.checked) {
  176.                 externalPlatformNameEl.closest('.field').style.display = 'block';
  177.                 externalPlatformLinkEl.closest('.field').style.display = 'block';
  178.             } else {
  179.                 externalPlatformNameEl.value = '';
  180.                 externalPlatformLinkEl.value = '';
  181.                 externalPlatformNameEl.closest('.field').style.display = 'none';
  182.                 externalPlatformLinkEl.closest('.field').style.display = 'none';
  183.             }
  184.         };
  186.         if (makesAppointmentsOnExternalPlatformEl !== null) {
  187.             makesAppointmentsOnExternalPlatformEl.addEventListener('change', toggleMakesAppointmentsOnExternalPlatform);
  188.             toggleMakesAppointmentsOnExternalPlatform();
  189.         }
  190.     </script>
  192.     <script>
  193.         window.addEventListener('DOMContentLoaded', () => {
  194.             // Check the createUser checkbox when the page is loaded
  195.             const createUserEl = document.querySelector('#sylius_customer_createUser');
  196.             if (createUserEl) {
  197.                 createUserEl.checked = true;
  198.                 const userFormEl = document.querySelector('#user-form');
  199.                 if (userFormEl) {
  200.                     userFormEl.style.display = 'block';
  201.                 }
  202.             }
  203.         });
  204.     </script>
  205. {% endblock %}