templates/app/sach-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 Sachversicherung</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.sachOwner) }}
  52.             </div>
  53.             <div class="col-sm-12 col-lg-5">
  54.                 {{ form_row(form.damageBy) }}
  55.             </div>
  56.         </div>
  57.     </div>
  59.     <div class="border mb-2 px-1">
  60.         <div class="row">
  61.             <div class="col-sm-12 col-lg-4">
  62.                 {{ form_row(form.policeReport) }}
  63.             </div>
  64.             <div class="col-sm-12 col-lg-4">
  65.                 {{ form_row(form.policeReportDate) }}
  66.             </div>
  67.         </div>
  68.     </div>
  70.     <div class="border mb-2 px-1">
  71.         <div class="row">
  72.             <div class="col-md-12">
  73.                 <label>Beteiligte / Zeugen</label>
  74.                 <table class="col-md-12">
  75.                     <thead>
  76.                     <tr>
  77.                         <th class="align-top">Name</th>
  78.                         <th class="align-top">Telefon</th>
  79.                         <th class="align-top">Email</th>
  80.                         <th class="align-top ml-2"></th>
  81.                     </tr>
  82.                     </thead>
  83.                     <tbody id="persons" data-widget-counter="{{ form.persons|length }}"
  84.                            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>'
  85.                     >
  86.                     {% for person in form.persons %}
  87.                         <tr>
  88.                             <td>{{ form_widget(person.name) }}</td>
  89.                             <td>{{ form_widget(person.phone) }}</td>
  90.                             <td>{{ form_widget(person.email) }}</td>
  91.                             <td>
  92.                                 <button type="button" class="btn btn-danger btn-sm remove-person" data-action="delete">
  93.                                     <i class="fas fa-trash"></i>
  94.                                 </button>
  95.                             </td>
  96.                         </tr>
  97.                     {% endfor %}
  98.                     </tbody>
  99.                 </table>
  100.                 <button class="btn btn-sm btn-secondary my-md-1" id="add-person" data-list-selector="#persons">Weitere Person hinzufügen</button>
  101.             </div>
  102.         </div>
  103.     </div>
  105.     <div class="border mb-2 px-1">
  106.         <div class="row">
  107.             <div class="col-md-12">
  108.                 {{ form_row(form.remark) }}
  109.             </div>
  110.         </div>
  111.     </div>
  113.     <div class="border mb-2 px-1">
  114.         <div class="row">
  115.             <div class="col-sm-12 col-lg-5">
  116.                 <label class="form-label required">Gemeldet durch</label>
  117.                 <div class="row">
  118.                     <div class="col-md-12">
  119.                         {{ form_row(form.name) }}
  120.                         {{ form_row(form.email) }}
  121.                     </div>
  122.                 </div>
  123.             </div>
  124.             <div class="col-sm-12 col-lg-5">
  125.                 <label class="form-label">Kopie an:</label>
  126.                 <div class="row">
  127.                     <div class="col-md-12">
  128.                         {{ form_row(form.ccEmail) }}
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         </div>
  133.     </div>
  135.     <div class="border mb-2 px-1">
  136.         {% block dropZone %}
  137.             {{ parent() }}
  138.         {% endblock %}
  139.     </div>
  141.     <div class="row justify-content-between">
  142.         <div class="col-md-4">
  143.             {{ form_widget(form.submit) }}
  144.         </div>
  145.         <div class="col-md-4">
  146.             <a href="{{ url('home') }}" class="btn btn-danger float-end">Zurück</a>
  147.         </div>
  148.     </div>
  149.     {{ form_end(form) }}
  150. </div>
  151. {% endblock %}