templates/pages/blocks/form/checkbox.html.twig line 1

Open in your IDE?
  1.     {# {% set options = row.field_values|split('\n') %}
  3.     {% for option in options %}
  5.     {% if row.field_required %}
  6.     <div class="input-group mt-4 required">
  7.     {% endif %}
  9.         <div class="radio-block relative">
  10.             <input class="radio-input" type="checkbox" id="{{ row.field_name~'_'~option|replace({' & ': '_', '&amp;': '_' ,' ':'_','/':''})|lower}}" 
  11.             value="{{ option }}"
  12.             name="{{ row.field_name }}[]"
  13.        
  14.             
  15.             />
  16.             <label for="{{ row.field_name~'_'~option|replace({' & ': '_', '&amp;': '_' ,' ':'_' ,'/':''})|lower}}">{{ option }}</label>
  17.         </div>
  18.     
  19.     {% if row.field_required %}
  20.     </div>
  21.     {% endif %}
  22.     
  23.     {% endfor %} #}
  26. {# <input-checkbox v-model="getInTouch.terms"
  27.               :error-show="getInTouchErrors.terms"
  28.               name="terms"
  29.               required
  30.               error-text="This field is required">
  31.               <p class="text-sm text-blue">
  32.                 I agree to the <a class="whitespace-nowrap underline"
  33.                   target="blank"
  34.                   href="#">Terms and Conditions</a> and <a class="whitespace-nowrap underline"
  35.                   target="blank"
  36.                   href="./privacy-policy">Privacy Policy</a>
  37.               </p>
  38.             </input-checkbox> #}
  40. {% set currentLocale = app.request.locale %}
  42. {% if currentLocale == 'fr' %}
  43.   {% set policyUrl = './politique-de-confidentialit' %}
  44. {% endif %}
  46. {% if currentLocale == 'en' %}
  47.   {% set policyUrl = './privacy-policy' %}
  48. {% endif %}
  50. <div class="flex flex-col gap-4">
  51.     <div class="flex gap-[10px]">
  52.         <label class="checkbox-wrapp relative block block">
  53.         <span class="block relative w-5 h-5 cursor-pointer">
  54.         <input type="checkbox" name="terms" required="required" class="absolute inset-0 opacity-0 peer" value=""> 
  55.         <span class="checkbox-border absolute inset-0 block border rounded-[3px] shadow-transparent duration-200 border-blue peer-focus-visible:border-blue/50"></span> 
  56.         <span class="checkbox-checked absolute inset-0 flex items-center justify-center opacity-0 duration-200 peer-checked:opacity-100 bg-blue text-white">
  57.         <svg class="w-3 h-2 stroke-2">
  58.         <use xlink:href="#icon-check"></use>
  59.         </svg>
  60.         </span>
  61.         </span> <!---->
  62.         </label> 
  63.         <p class="text-sm text-blue">{{ "I agree to the Terms and Conditions and" | trans }} <a target="blank" href="{{policyUrl}}" class="whitespace-nowrap underline"> {{ "Privacy Policy" | trans }}</a></p>
  64.     </div> <!---->
  65. </div>