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

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