templates/app/mf-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 für Kantonale Dienstfahrzeuge</h1>
  12.     {{ form_start(form) }}
  14.     <div class="row">
  15.         <div class="col-sm-12 col-lg-3">
  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.mfType) }}
  24.             </div>
  25.             <div class="col-sm-12 col-lg-3">
  26.                 {{ form_row(form.mfModel) }}
  27.             </div>
  28.             <div class="col-sm-12 col-lg-3">
  29.                 {{ form_row(form.mfPlate) }}
  30.             </div>
  31.         </div>
  32.     </div>
  34.     <div class="border mb-2 px-1">
  35.         <div class="row">
  36.             <div class="col-sm-12 col-lg-3">
  37.                 {{ form_row(form.claimDate) }}
  38.             </div>
  39.             <div class="col-sm-12 col-lg-5">
  40.                 {{ form_row(form.claimAddress) }}
  41.             </div>
  42.         </div>
  43.     </div>
  45.     <div class="border mb-2 px-1">
  46.         <div class="row">
  47.             <div class="col-sm-12 col-lg-8">
  48.                 {{ form_row(form.claimDescription) }}
  49.             </div>
  50.             <div class="col-sm-12 col-lg-4">
  51.                 {{ form_row(form.policeReport) }}
  52.             </div>
  53.             <div class="col-sm-12 col-lg-4">
  54.                 {{ form_row(form.responsible) }}
  55.             </div>
  56.         </div>
  57.     </div>
  59.     <div class="border mb-2 px-1">
  60.         <label>Angaben zum Schaden</label>
  61.         <div class="row">
  62.             <div class="col-sm-12 col-lg-3">
  63.                 {{ form_row(form.claimDamageCause) }}
  64.             </div>
  65.             <div class="col-sm-12 col-lg-3">
  66.                 {{ form_row(form.claimDamage) }}
  67.             </div>
  68.             <div class="col-sm-12 col-lg-3">
  69.                 {{ form_row(form.damageCosts) }}
  70.             </div>
  71.         </div>
  72.     </div>
  74.     <div class="border mb-2 px-1">
  75.         <label>Fremde Sachen</label>
  76.         <div class="row">
  77.             <div class="col-sm-12 col-lg-3">
  78.                 {{ form_row(form.foreignDeductible) }}
  79.             </div>
  80.             <div class="col-sm-12 col-lg-3">
  81.                 {{ form_row(form.foreignDamageCosts) }}
  82.             </div>
  83.         </div>
  84.     </div>
  86.     <div class="border mb-2 px-1">
  87.         <div class="row">
  88.             <div class="col-sm-12 col-lg-5">
  89.                 <div class="row">
  90.                     <div class="col-md-12">
  91.                         {{ form_row(form.driver) }}
  92.                     </div>
  93.                 </div>
  94.                 <div class="row">
  95.                     <div class="col-md-12">
  96.                         {{ form_row(form.driverBirthdate) }}
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.             <div class="col-sm-12 col-lg-5">
  101.                 <div class="row">
  102.                     <div class="col-md-12">
  103.                         {{ form_row(form.mfLicense) }}
  104.                     </div>
  105.                 </div>
  106.             </div>
  107.         </div>
  108.     </div>
  110.     <div class="border mb-2 px-1">
  111.         <div class="row">
  112.             <label>Beteiligte Person</label>
  113.             <div class="col-sm-12 col-lg-5">
  114.                 <div class="row">
  115.                     <div class="col-md-12">
  116.                         {{ form_row(form.involvedPerson.involvedPersonSex)}}
  117.                         {{ form_row(form.involvedPerson.involvedPersonLastname) }}
  118.                         {{ form_row(form.involvedPerson.involvedPersonFirstname) }}
  119.                         {{ form_row(form.involvedPerson.involvedPersonAddress) }}
  120.                         {{ form_row(form.involvedPerson.involvedPersonPostcode) }}
  121.                         {{ form_row(form.involvedPerson.involvedPersonCity) }}
  122.                     </div>
  123.                 </div>
  124.             </div>
  125.             <div class="col-sm-12 col-lg-5">
  126.                 <div class="row">
  127.                     <div class="col-md-12">
  128.                         {{ form_row(form.involvedPerson.involvedCarAssurance) }}
  129.                         {{ form_row(form.involvedPerson.involvedPersonPhone) }}
  130.                         {{ form_row(form.involvedPerson.involvedCarTyp) }}
  131.                         {{ form_row(form.involvedPerson.involvedCarNr) }}
  132.                     </div>
  133.                 </div>
  134.             </div>
  135.         </div>
  136.     </div>
  138.     <div class="border mb-2 px-1">
  139.         <div class="row">
  140.             <div class="col-md-12">
  141.                 <label>Beteiligte / Zeugen</label>
  142.                 <table class="col-md-12">
  143.                     <thead>
  144.                     <tr>
  145.                         <th class="align-top">Name</th>
  146.                         <th class="align-top">Telefon</th>
  147.                         <th class="align-top">Email</th>
  148.                         <th class="align-top ml-2"></th>
  149.                     </tr>
  150.                     </thead>
  151.                     <tbody id="persons" data-widget-counter="{{ form.persons|length }}"
  152.                            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>'
  153.                     >
  154.                     {% for person in form.persons %}
  155.                         <tr>
  156.                             <td>{{ form_widget(person.name) }}</td>
  157.                             <td>{{ form_widget(person.phone) }}</td>
  158.                             <td>{{ form_widget(person.email) }}</td>
  159.                             <td>
  160.                                 <button type="button" class="btn btn-danger btn-sm remove-person" data-action="delete">
  161.                                     <i class="fas fa-trash"></i>
  162.                                 </button>
  163.                             </td>
  164.                         </tr>
  165.                     {% endfor %}
  166.                     </tbody>
  167.                 </table>
  168.                 <button class="btn btn-sm btn-secondary my-md-1" id="add-person" data-list-selector="#persons">Weitere Person hinzufügen</button>
  169.             </div>
  170.         </div>
  171.     </div>
  173.     <div class="border mb-2 px-1">
  174.         <div class="row">
  175.             <div class="col-md-12">
  176.                 {{ form_row(form.remark) }}
  177.             </div>
  178.         </div>
  179.     </div>
  181.     <div class="border mb-2 px-1">
  182.         <div class="row">
  183.             <div class="col-sm-12 col-lg-5">
  184.                 <label class="form-label required">Gemeldet durch</label>
  185.                 <div class="row">
  186.                     <div class="col-md-12">
  187.                         {{ form_row(form.name) }}
  188.                         {{ form_row(form.email) }}
  189.                     </div>
  190.                 </div>
  191.             </div>
  192.             <div class="col-sm-12 col-lg-5">
  193.                 <label class="form-label">Kopie an:</label>
  194.                 <div class="row">
  195.                     <div class="col-md-12">
  196.                         {{ form_row(form.ccEmail) }}
  197.                     </div>
  198.                 </div>
  199.             </div>
  200.         </div>
  201.     </div>
  203.     <div class="border mb-2 px-1">
  204.         {{ form_row(form.claimFiles) }}
  205.         <div id="fileList"></div>
  206.     </div>
  208.     <div class="row justify-content-between">
  209.         <div class="col-md-4">
  210.             {{ form_widget(form.submit) }}
  211.         </div>
  212.         <div class="col-md-4">
  213.             <a href="{{ url('home') }}" class="btn btn-danger float-end">Zurück</a>
  214.         </div>
  215.     </div>
  216.     {{ form_end(form) }}
  217. </div>
  218. {% endblock %}