templates/child/_form.html.twig line 1

Open in your IDE?
  2. <div class="w3-row-padding w3-hover-green w3-hover-teal w3-hover-text-sand w3-round w3-round-large w3-animate-opacity">
  3. {{ form_start(form) }}
  5. <div class="w3-third w3-padding w3-panel w3-hover-green w3-animate-left">
  6. <h3 class="w3-panel w3-red w3-round-large w3-hover-green w3-animate-zoom">{% trans %}Generals informations{% endtrans %}</h3>
  7. {{ form_row(form.sex) }}
  8. {{ form_row(form.dateOfBirth) }}
  9. {{ form_row(form.hospital) }}
  10. {{ form_row(form.otherContact) }}
  12. </div>
  16. <div class="w3-third w3-padding w3-panel w3-hover-red w3-round w3-animate-input w3-animate-top" >
  17. <h3 class="w3-panel w3-red w3-round-large w3-hover-green w3-animate-left">{% trans %}Father Informations{% endtrans %}</h3>
  18. {{ form_row(form.nameOfTheFather) }}
  19. {{ form_row(form.fatherContact) }}
  20. {{ form_row(form.fatherSEmail) }}
  21. {{ form_row(form.fatherSResidence) }}
  23. </div>
  32. <div class="w3-third w3-padding w3-panel w3-hover-yellow w3-round-large w3-animate-right" >
  33. <h3 class="w3-panel w3-red w3-round-large w3-hover-green w3-animate-bottom">{% trans %}Mother Informations{% endtrans %}</h3>
  34. {{ form_row(form.nameOfTheMother) }}
  35. {{ form_row(form.motherContact) }}
  36. {{ form_row(form.motherSEmail) }}
  37. {{ form_row(form.motherSResidence) }}
  39. </div>
  43. </div>
  45. <div class='w3-row'>
  46. <div class='w3-half w3-hover-teal w3-round-large w3-padding'>
  47. <label for='temoin'>{% trans %}Single{% endtrans %}</label>
  48. <input type='checkbox' onclick="myFunction('Demo1')">
  49. <span class="w3-text w3-text-light-gray ">{% trans %}Do not check if you are married{% endtrans %}</span>
  50. </div>
  52. <div class='w3-half w3-padding w3-hover-teal w3-round-large'>
  53. <label for='temoin'>{% trans %}Complete certificate{% endtrans %}</label>
  54. <input type='checkbox' onclick="myFunction('demo2')">
  55. <span class="w3-text w3-text-light-gray ">{% trans %}Check only if you have furthers
  56. informations about certificate{% endtrans %}</span>
  57. </div> <br>
  59. <div class="w3- w3-padding w3-panel w3-hover-red w3-round w3-animate-input w3-animate-top w3-container w3-hide" id="Demo1">
  60. <h3 class="w3-panel w3-red w3-round-large w3-hover-green w3-animate-left">{% trans %}Birth Witnesses(Only if not Married){% endtrans %}</h3>
  61. <div class='w3-half w3-padding'>
  62. {{ form_row(form.firstWitness) }}
  63. {{ form_row(form.firstWitnessNic) }}
  64. {{ form_row(form.firstWitnessPhoneNumber) }}
  65. </div>
  66. <div class='w3-half w3-padding'>
  67. {{ form_row(form.secondWitness) }}
  68. {{ form_row(form.secondWitnessNic) }}
  69. {{ form_row(form.secondWitnessPhoneNumber) }}
  70. </div>
  71. </div>
  72. </div>
  78. <div class="w3-hide" id="demo2">
  79. <div >
  81. {% set i=0 %}
  82. {% for item in form %}
  83. {% if i%3==0 %}
  84. </div>
  85. <div class='row w3-padding'>
  86. {% endif %}
  87. {% if item.rendered==0 and item.vars.name!='token' %}
  88. <div class="w3-third w3-padding w3-hover-teal w3-round-large w3-animate-right" >
  89. {{ form_row(item) }}
  90. {% set i= i+1 %}
  91. </div>
  92. {% endif %}
  94. {% endfor %}
  97. </div>
  98. </div>
  99. {% if app.request.attributes.get('_route') == 'child_dec' %}
  100. <button class="w3-btn w3-center w3-large ">{{ button_label|default('Save'|trans) }}</button>
  102. {% endif %}
  103. {#{ form_widget(form) }#}
  104. <button class="w3-btn w3-center w3-large ">{{ button_label|default('Save a birth certificate'|trans) }}</button>
  105. {{ form_end(form) }}
  108. <script>
  109. function myFunction(id) {
  110. var x = document.getElementById(id);
  111. if (x.className.indexOf("w3-show") == -1) {
  112. x.className += " w3-show";
  113. } else {
  114. x.className = x.className.replace(" w3-show", "");
  115. }
  116. }
  117. </script>