templates/app/haft-form.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% use 'dropZone.html.twig' %}
  4. {% block javascripts %}
  5.     {{ encore_entry_script_tags('person') }}
  6.     {{ encore_entry_script_tags('form') }}
  7. {% endblock %}
  9. {% block body %}
  10. <div class="container">
  11.     <h1>Schadenanzeige Haftpflichtversicherung</h1>
  13.     {{ form_start(form) }}
  15.     <div class="row">
  16.         <div class="col-sm-12 col-lg-4">
  17.             {{ form_row(form.department) }}
  18.         </div>
  19.     </div>
  21.     <div class="border mb-2 px-1">
  22.         <div class="row">
  23.             <div class="col-sm-12 col-lg-3">
  24.                 {{ form_row(form.claimDate) }}
  25.             </div>
  26.             <div class="col-sm-12 col-lg-5">
  27.                 {{ form_row(form.claimAddress) }}
  28.             </div>
  29.         </div>
  30.     </div>
  32.     <div class="border mb-2 px-1">
  33.         <div class="row">
  34.             <div class="col-md-12">
  35.                 {{ form_row(form.claimDescription) }}
  36.             </div>
  37.         </div>
  38.     </div>
  40.     <div class="border mb-2 px-1">
  41.         <div class="row">
  42.             <div class="col-md-12">
  43.                 {{ form_row(form.damageCosts) }}
  44.             </div>
  45.         </div>
  46.     </div>
  48.     <div class="border mb-2 px-1">
  49.         <div class="row">
  50.             <div class="col-sm-12 col-lg-5">
  51.                 {{ form_row(form.damageBy) }}
  52.             </div>
  53.         </div>
  54.     </div>
  56.     <div class="border mb-2 px-1">
  57.         <div class="row">
  58.             <div class="col-sm-12 col-lg-5">
  59.                 {{ form_row(form.policeReport) }}
  60.             </div>
  61.         </div>
  62.     </div>
  64.     <div class="border mb-2 px-1">
  65.         <div class="row">
  66.             <div class="col-sm-12 col-lg-5">
  67.                 {{ form_row(form.injuredPerson) }}
  68.             </div>
  69.         </div>
  70.     </div>
  72.     <div class="border mb-2 px-1">
  73.         <div class="row">
  74.             <div class="col-sm-12 col-lg-5">
  75.                 {{ form_row(form.damagedItem) }}
  76.             </div>
  77.         </div>
  78.     </div>
  80.     <div class="border mb-2 px-1">
  81.         <div class="row">
  82.             <div class="col-md-12">
  83.                 <label>Beteiligte Personen</label>
  84.                 <table class="col-md-12">
  85.                     <thead>
  86.                     <tr>
  87.                         <th class="align-top">Name</th>
  88.                         <th class="align-top">Telefon</th>
  89.                         <th class="align-top">Email</th>
  90.                         <th class="align-top ml-2"></th>
  91.                     </tr>
  92.                     </thead>
  93.                     <tbody id="persons" data-widget-counter="{{ form.persons|length }}"
  94.                            data-prototype='<tr id="items__item__"><td>{{ form_widget(form.persons.vars.prototype.name) }}</td><td>{{ form_widget(form.persons.vars.prototype.phone) }}</td><td>{{ form_widget(form.persons.vars.prototype.email) }}</td><td><button type="button" class="btn btn-danger btn-sm remove-item" data-action="delete" data-row="items__item__"><i class="fas fa-trash"></i></button></td></tr>'
  95.                     >
  96.                     {% for person in form.persons %}
  97.                         <tr>
  98.                             <td>{{ form_widget(person.name) }}</td>
  99.                             <td>{{ form_widget(person.phone) }}</td>
  100.                             <td>{{ form_widget(person.email) }}</td>
  101.                             <td>
  102.                                 <button type="button" class="btn btn-danger btn-sm remove-person" data-action="delete">
  103.                                     <i class="fas fa-trash"></i>
  104.                                 </button>
  105.                             </td>
  106.                         </tr>
  107.                     {% endfor %}
  108.                     </tbody>
  109.                 </table>
  110.                 <button class="btn btn-sm btn-secondary my-md-1" id="add-person" data-list-selector="#persons">Weitere Person hinzufügen</button>
  111.             </div>
  112.         </div>
  113.     </div>
  115.     <div class="border mb-2 px-1">
  116.         <div class="row">
  117.             <div class="col-md-12">
  118.                 {{ form_row(form.remark) }}
  119.             </div>
  120.         </div>
  121.     </div>
  123.     <div class="border mb-2 px-1">
  124.         <div class="row">
  125.             <div class="col-sm-12 col-lg-5">
  126.                 <label class="form-label required">Gemeldet durch</label>
  127.                 <div class="row">
  128.                     <div class="col-md-12">
  129.                         {{ form_row(form.name) }}
  130.                         {{ form_row(form.email) }}
  131.                     </div>
  132.                 </div>
  133.             </div>
  134.             <div class="col-sm-12 col-lg-5">
  135.                 <label class="form-label">Kopie an:</label>
  136.                 <div class="row">
  137.                     <div class="col-md-12">
  138.                         {{ form_row(form.ccEmail) }}
  139.                     </div>
  140.                 </div>
  141.             </div>
  142.         </div>
  143.     </div>
  145.     <div class="border mb-2 px-1">
  146.         {% block dropZone %}
  147.             {{ parent() }}
  148.         {% endblock %}
  149.     </div>
  151.     <div class="row justify-content-between">
  152.         <div class="col-md-4">
  153.             {{ form_widget(form.submit) }}
  154.         </div>
  155.         <div class="col-md-4">
  156.             <a href="{{ url('home') }}" class="btn btn-danger float-end">Zurück</a>
  157.         </div>
  158.     </div>
  159.     {{ form_end(form) }}
  160. </div>
  161. {% endblock %}