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