templates/v2/form.html.twig line 1

Open in your IDE?
  1. {% extends 'v2/base.html.twig' %}
  3. {% block title %}Property inspections Form{% endblock %}
  4. {% block pagetitle %}Property inspections Form <a class="float-right" href="{{ path('v2_list') }}">Back to list</a>{% endblock %}
  6. {% block body %}
  8.     <style>
  9.         .v2 legend, .v2 label {
  10.             font-weight: bold;
  11.         }
  12.         .v2 .custom-file-label {
  13.             font-weight: normal;
  14.         }
  15.         .v2 .form-group {
  16.             margin-bottom: 2rem;
  17.         }
  18.         .v2 .form-check-inline {
  19.             display: flex;
  20.             flex-wrap: wrap;
  21.             gap: 4px 1rem;
  22.         }
  23.         .v2 .form-check-inline .form-check {
  24.             flex-grow: 1;
  25.             padding: 0;
  26.         }
  27.         .v2 .form-check-inline label {
  28.             border: 1px solid #ccc;
  29.             padding: 0.4rem 0;
  30.             width: 100%;
  31.             border-radius: 0.25rem;
  32.             font-weight: normal;
  33.         }
  34.         .v2 .form-check-inline .form-check-text {
  35.              flex-grow: 0;
  36.         }
  37.         .v2 .form-check-inline .form-check-text label {
  38.             border: 0;
  39.         }
  40.         .v2 .form-check-inline .form-check-input {
  41.             display: block;
  42.             visibility: hidden;
  43.             width: 0px; height: 0px;
  44.             text-indent: -9999px;
  45.         }
  46.         .v2 .form-check-inline .form-check-input:checked + label {
  47.             background-color: #A3BA38;
  48.             border: 1px solid #A3BA38;
  49.             font-weight: normal;
  50.             color: white;
  51.         }
  52.         .v2 .form-check-inline .form-check-text .form-check-input:checked + label {
  53.             background-color: white;
  54.             color: #565656;
  55.             border: 0;
  56.         }
  57.         .v2 .has-error,
  58.         .v2 .has-error label {
  59.             border-color: red;
  60.         }
  61.         .v2 .nav-item .has-error {
  62.             /*background-color: #fcc;*/
  63.             /*color: #565656;*/
  64.             color: red;
  65.         }
  66.         .v2 .nav-item .has-error.active {
  67.             background-color: red;
  68.             color: white;
  69.         }
  70.         .v2 .alert-danger {
  71.             margin-top: 2rem;
  72.             margin-bottom: -1rem;
  73.             color: red;
  74.             background-color: white;
  75.             border-color: red;
  76.         }
  77.         @media (max-width: 767px) {
  78.             .form-check-inline .form-check {
  79.                 width: 100%;
  80.                 text-align: center;
  81.             }
  82.         }
  83.         .v2 hr {
  84.             margin-top: 4rem;
  85.             margin-bottom: 3rem;
  86.         }
  87.     </style>
  89.     <form method="post" id="form_form" enctype="application/x-www-form-urlencoded">
  91.         <input type="hidden" id="form_uuid" name="form[uuid]" value="{{ uuid ?? '' }}">
  92.         <input type="hidden" id="form_version" name="form[version]" value="0">
  94.         <div class="row v2">
  95.             <div class="col-md-12 col-12">
  97.                 <ul class="nav nav-pills mb-3" id="myTab" role="tablist">
  98.                     <li class="nav-item">
  99.                         <a class="nav-link active" id="home-tab" data-toggle="pill" href="#home" role="tab" aria-controls="home" aria-selected="true">Property Details</a>
  100.                     </li>
  101.                     <li class="nav-item">
  102.                         <a class="nav-link" id="exterior-tab" data-toggle="pill" href="#exterior" role="tab" aria-controls="exterior" aria-selected="false">Exterior</a>
  103.                     </li>
  104.                     <li class="nav-item">
  105.                         <a class="nav-link" id="general-tab" data-toggle="pill" href="#general" role="tab" aria-controls="general" aria-selected="false">General</a>
  106.                     </li>
  107.                     <li class="nav-item">
  108.                         <a class="nav-link" id="public-tab" data-toggle="pill" href="#public" role="tab" aria-controls="public" aria-selected="false">Public areas</a>
  109.                     </li>
  110.                     <li class="nav-item">
  111.                         <a class="nav-link" id="kitchen-tab" data-toggle="pill" href="#kitchen" role="tab" aria-controls="kitchen" aria-selected="false">Kitchen</a>
  112.                     </li>
  113.                     <li class="nav-item">
  114.                         <a class="nav-link" id="bedrooms-tab" data-toggle="pill" href="#bedrooms" role="tab" aria-controls="bedrooms" aria-selected="false">Bedrooms</a>
  115.                     </li>
  116.                     <li class="nav-item">
  117.                         <a class="nav-link" id="bathrooms-tab" data-toggle="pill" href="#bathrooms" role="tab" aria-controls="bathrooms" aria-selected="false">Bathrooms</a>
  118.                     </li>
  119.                     <li class="nav-item">
  120.                         <a class="nav-link" id="safety-tab" data-toggle="pill" href="#safety" role="tab" aria-controls="safety" aria-selected="false">Safety</a>
  121.                     </li>
  122.     {#                <li class="nav-item ml-auto">#}
  123.     {#                    <button type="submit" class="btn btn-primary">Save</button>#}
  124.     {#                </li>#}
  125.                 </ul>
  126.                 <div id="errors"></div>
  127.                 <div class="tab-content my-5 mx-3" id="myTabContent">
  128.                     <div class="tab-pane room-tab fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
  130.                         <div class="form-group">
  131.                             <label for="forms_date" class="required">Date</label>
  132.                             <input type="date" id="forms_date" name="forms[date]" required="required" class="form-control">
  133.                         </div>
  134.                         <div class="form-group">
  135.                             <label for="forms_propname" class="required">Property name</label>
  136.                             <input type="text" id="forms_propname" name="forms[propname]" required="required" class="form-control">
  137.                         </div>
  139.                         <div class="form-group">
  140.                             <label for="forms_totalScore">Total Score</label>
  141.                             <input type="text" id="forms_totalScore" name="forms[totalScore]" disabled="disabled" class="col-2 form-control">
  142.                         </div>
  143.                         <div class="form-group">
  144.                             <label for="forms_stars">Star rating</label>
  145.                             <input type="text" id="forms_stars" name="forms[stars]" disabled="disabled" class="col-2 form-control">
  146.                         </div>
  148.                     </div>
  149.                     <div class="tab-pane room-tab fade" id="exterior" role="tabpanel" aria-labelledby="exterior-tab">
  151.                         {% include "v2/_score.html.twig" with { label: 'Appearance of building',  name: 'extbuildappear', required: true } %}
  152.                         {% include "v2/_score.html.twig" with { label: 'Parking, garden and additional facilities',  name: 'extparkfacility', required: true } %}
  153.                         {% include "v2/_score.html.twig" with { label: 'Environment and setting',  name: 'extsiding', required: true } %}
  155.                         {% include "v2/_subtotal.html.twig" with { label: 'Exterior Total',  name: 'exteriorTotal' } %}
  156.                         <hr>
  158.                         {% include "v2/_yesno.html.twig" with { label: 'Property Sign',  name: 'extpropertysign' } %}
  159.                         {% include "v2/_yesno.html.twig" with { label: 'Key Safe',  name: 'extkeysafe' } %}
  160.                         {% include "v2/_yesno.html.twig" with { label: 'Emergency Key Safe',  name: 'extemergencykeysafe' } %}
  161.                         {% include "v2/_yesno.html.twig" with { label: 'Exterior Lighting',  name: 'extlighting' } %}
  162.                         {% include "v2/_yesno.html.twig" with { label: 'Gates',  name: 'extgates', 'na': true } %}
  163.                         {% include "v2/_yesno.html.twig" with { label: 'Garden Furniture',  name: 'extgardenfurniture', 'na': true } %}
  164.                         {% include "v2/_yesno.html.twig" with { label: 'Barbecue',  name: 'extbarbecue', 'na': true } %}
  166.                         <hr>
  167.                         {% include "v2/_text.html.twig" with { label: 'Notes',  name: 'extnotes' } %}
  168.                         {% include "v2/_file.html.twig" with { label: 'Picture 1',  name: 'extpic1' } %}
  169.                         {% include "v2/_file.html.twig" with { label: 'Picture 2',  name: 'extpic2' } %}
  170.                         {% include "v2/_file.html.twig" with { label: 'Picture 3',  name: 'extpic3' } %}
  171.                         {% include "v2/_file.html.twig" with { label: 'Picture 4',  name: 'extpic4' } %}
  173.                     </div>
  174.                     <div class="tab-pane room-tab fade" id="general" role="tabpanel" aria-labelledby="general-tab">
  176.                         {% include "v2/_score.html.twig" with { label: 'Information Pack',  name: 'generalinformationpack', required: true, notes: 'Including rubbish instructions' } %}
  177.                         {% include "v2/_score.html.twig" with { label: 'Welcome Pack',  name: 'generalwelcomepack', required: true } %}
  178.                         {% include "v2/_score.html.twig" with { label: 'Wi-Fi',  name: 'generalwifi', required: true, notes: '0-5 Poor/5-10 Satisfactory/10-20 Good/20-50 Very good/50+ Excellent (Mbps)' } %}
  179.                         {% include "v2/_text.html.twig" with { label: 'Wi-Fi Login info and speed',  name: 'generalwifilogininfoandspeed' } %}
  180.                         {% include "v2/_score.html.twig" with { label: 'Space and ease of use',  name: 'generalspaceandeaseofuse', required: true } %}
  181.                         {% include "v2/_score.html.twig" with { label: 'Accessories and personal touches',  name: 'generalaccessories', required: true } %}
  182.                         {% include "v2/_score.html.twig" with { label: 'Cleanliness',  name: 'generalcleanliness', required: true } %}
  184.                         {% include "v2/_subtotal.html.twig" with { label: 'General Total',  name: 'generalTotal' } %}
  185.                         <hr>
  187.                         {% include "v2/_yesno.html.twig" with { label: 'Cot',  name: 'generalcot' } %}
  188.                         {% include "v2/_yesno.html.twig" with { label: 'High-chair',  name: 'generalhighchair' } %}
  189.                         {% include "v2/_yesno.html.twig" with { label: 'Stair gate',  name: 'generalstairgate', 'na': true } %}
  190.                         {% include "v2/_yesno.html.twig" with { label: 'Vacuum',  name: 'generalvacuum' } %}
  191.                         {% include "v2/_yesno.html.twig" with { label: 'Ironing board and iron',  name: 'generaliron' } %}
  192.                         {% include "v2/_yesno.html.twig" with { label: 'Washing machine',  name: 'generalwashingmachine' } %}
  193.                         {% include "v2/_yesno.html.twig" with { label: 'Tumble dryer',  name: 'generaltumbledryer' } %}
  195.                         <hr>
  196.                         {% include "v2/_text.html.twig" with { label: 'Notes',  name: 'generalnotes' } %}
  197.                         {% include "v2/_file.html.twig" with { label: 'Picture 1',  name: 'generalpic1' } %}
  198.                         {% include "v2/_file.html.twig" with { label: 'Picture 2',  name: 'generalpic2' } %}
  199.                         {% include "v2/_file.html.twig" with { label: 'Picture 3',  name: 'generalpic3' } %}
  200.                         {% include "v2/_file.html.twig" with { label: 'Picture 4',  name: 'generalpic4' } %}
  203.                     </div>
  204.                     <div class="tab-pane room-tab fade" id="public" role="tabpanel" aria-labelledby="public-tab">
  206.                         {% include "v2/_score.html.twig" with { label: 'Decoration',  name: 'publicdecoration', required: true } %}
  207.                         {% include "v2/_score.html.twig" with { label: 'Furniture and soft furnishings',  name: 'publicfurniture', required: true } %}
  208.                         {% include "v2/_score.html.twig" with { label: 'Flooring',  name: 'publicflooring', required: true } %}
  209.                         {% include "v2/_score.html.twig" with { label: 'Lighting and heating',  name: 'publiclighting', required: true } %}
  211.                         {% include "v2/_subtotal.html.twig" with { label: 'Public Total',  name: 'publicTotal' } %}
  212.                         <hr>
  214.                         {% include "v2/_yesno.html.twig" with { label: 'Curtains/blinds',  name: 'publiccurtains' } %}
  215.                         {% include "v2/_yesno.html.twig" with { label: 'Dining table',  name: 'publicdiningtable' } %}
  216.                         {% include "v2/_yesno.html.twig" with { label: 'Coffee table',  name: 'publiccoffeetable' } %}
  217.                         {% include "v2/_yesno.html.twig" with { label: 'Lamps',  name: 'publiclamps' } %}
  218.                         {% include "v2/_yesno.html.twig" with { label: 'TV',  name: 'publictv', 'notes': 'If you do not already provide a Smart TV, we highly recommend one is provided' } %}
  219.                         {% include "v2/_yesno.html.twig" with { label: 'Fireproof bin (if fireplace)',  name: 'publicfireproofbin' } %}
  221.                         <hr>
  222.                         {% include "v2/_text.html.twig" with { label: 'Notes',  name: 'publicnotes' } %}
  223.                         {% include "v2/_file.html.twig" with { label: 'Picture 1',  name: 'publicpic1' } %}
  224.                         {% include "v2/_file.html.twig" with { label: 'Picture 2',  name: 'publicpic2' } %}
  225.                         {% include "v2/_file.html.twig" with { label: 'Picture 3',  name: 'publicpic3' } %}
  226.                         {% include "v2/_file.html.twig" with { label: 'Picture 4',  name: 'publicpic4' } %}
  229.                     </div>
  230.                     <div class="tab-pane room-tab fade" id="kitchen" role="tabpanel" aria-labelledby="kitchen-tab">
  232.                         {% include "v2/_score.html.twig" with { label: 'Decoration',  name: 'kitchendecoration', required: true } %}
  233.                         {% include "v2/_score.html.twig" with { label: 'Furniture and fittings',  name: 'kitchenfurniture', required: true } %}
  234.                         {% include "v2/_score.html.twig" with { label: 'Flooring',  name: 'kitchenflooring', required: true } %}
  235.                         {% include "v2/_score.html.twig" with { label: 'Lighting, heating and ventilation',  name: 'kitchenlighting', required: true } %}
  236.                         {% include "v2/_score.html.twig" with { label: 'Electrical and gas equipment',  name: 'kitchenequipment', required: true } %}
  237.                         {% include "v2/_score.html.twig" with { label: 'Crockery, cutlery and glassware',  name: 'kitchencrockerycutleryglassware', required: true } %}
  238.                         {% include "v2/_score.html.twig" with { label: 'Pots, pans and utensils',  name: 'kitchenpots', required: true } %}
  240.                         {% include "v2/_subtotal.html.twig" with { label: 'Kitchen Total',  name: 'kitchenTotal' } %}
  241.                         <hr>
  243.                         {% include "v2/_yesno.html.twig" with { label: 'Cooker',  name: 'kitchencooker' } %}
  244.                         {% include "v2/_yesno.html.twig" with { label: 'Fridge',  name: 'kitchenfridge' } %}
  245.                         {% include "v2/_yesno.html.twig" with { label: 'Freezer/ice box',  name: 'kitchenfreezer' } %}
  246.                         {% include "v2/_yesno.html.twig" with { label: 'Dishwasher',  name: 'kitchendishwasher' } %}
  247.                         {% include "v2/_yesno.html.twig" with { label: 'Microwave',  name: 'kitchenmicrowave' } %}
  248.                         {% include "v2/_yesno.html.twig" with { label: 'Toaster',  name: 'kitchentoaster' } %}
  249.                         {% include "v2/_yesno.html.twig" with { label: 'Kettle',  name: 'kitchenkettle' } %}
  250.                         {% include "v2/_yesno.html.twig" with { label: 'Saucepans',  name: 'kitchensaucepans' } %}
  251.                         {% include "v2/_yesno.html.twig" with { label: 'Frying pans',  name: 'kitchenfryingpans' } %}
  252.                         {% include "v2/_yesno.html.twig" with { label: 'Cookware',  name: 'kitchencookware' } %}
  253.                         {% include "v2/_yesno.html.twig" with { label: 'Utensils',  name: 'kitchenutensils' } %}
  254.                         {% include "v2/_yesno.html.twig" with { label: 'Crockery',  name: 'kitchencrockery' } %}
  255.                         {% include "v2/_yesno.html.twig" with { label: 'Cutlery',  name: 'kitchencutlery' } %}
  256.                         {% include "v2/_yesno.html.twig" with { label: 'Glasses',  name: 'kitchenglasses' } %}
  257.                         {% include "v2/_yesno.html.twig" with { label: 'Table mats',  name: 'kitchentablemats' } %}
  258.                         {% include "v2/_yesno.html.twig" with { label: 'Salt and pepper',  name: 'kitchensaltandpepper' } %}
  259.                         {% include "v2/_yesno.html.twig" with { label: 'Washing up bowl',  name: 'kitchenwashingupbowl' } %}
  260.                         {% include "v2/_yesno.html.twig" with { label: 'Cleaning materials',  name: 'kitchencleaningmaterials' } %}
  262.                         <hr>
  263.                         {% include "v2/_text.html.twig" with { label: 'Notes',  name: 'kitchennotes' } %}
  264.                         {% include "v2/_file.html.twig" with { label: 'Picture 1',  name: 'kitchenpic1' } %}
  265.                         {% include "v2/_file.html.twig" with { label: 'Picture 2',  name: 'kitchenpic2' } %}
  266.                         {% include "v2/_file.html.twig" with { label: 'Picture 3',  name: 'kitchenpic3' } %}
  267.                         {% include "v2/_file.html.twig" with { label: 'Picture 4',  name: 'kitchenpic4' } %}
  269.                     </div>
  270.                     <div class="tab-pane room-tab fade" id="bedrooms" role="tabpanel" aria-labelledby="bedrooms-tab">
  272.                         <ul class="nav nav-pills mb-3" id="bedTab" role="tablist">
  273.                             <li class="nav-item">
  274.                                 <a class="nav-link active" id="bedroom_1-tab" data-toggle="pill" href="#bedroom_1" role="tab" aria-controls="bedroom_1" aria-selected="true">Bedroom 1</a>
  275.                             </li>
  276.                             <li class="nav-item">
  277.                                 <button class="btn" id="btn_add_bedroom" data-rooms="1">+ Add new bedroom</button>
  278.                             </li>
  279.                         </ul>
  281.                         <div class="tab-content my-5 mx-3" id="bedTabContent">
  282.                             <div class="tab-pane fade show active" id="bedroom_1" role="tabpanel" aria-labelledby="bedroom_1-tab">
  283.                                 {% include "v2/_bedroom.html.twig" with { id: 1 } %}
  284.                             </div>
  285.                         </div>
  287.                         {% include "v2/_subtotal.html.twig" with { label: 'Bedrooms Total',  name: 'bedroomsTotal' } %}
  289.                         {% include "v2/_text.html.twig" with { label: 'Notes',  name: 'bedroomsnotes' } %}
  290.                         {% include "v2/_file.html.twig" with { label: 'Picture 1',  name: 'bedroomspic1' } %}
  291.                         {% include "v2/_file.html.twig" with { label: 'Picture 2',  name: 'bedroomspic2' } %}
  292.                         {% include "v2/_file.html.twig" with { label: 'Picture 3',  name: 'bedroomspic3' } %}
  293.                         {% include "v2/_file.html.twig" with { label: 'Picture 4',  name: 'bedroomspic4' } %}
  295.                     </div>
  296.                     <div class="tab-pane room-tab fade" id="bathrooms" role="tabpanel" aria-labelledby="bathrooms-tab">
  298.                         <ul class="nav nav-pills mb-3" id="bathTab" role="tablist">
  299.                             <li class="nav-item">
  300.                                 <a class="nav-link active" id="bathroom_1-tab" data-toggle="pill" href="#bathroom_1" role="tab" aria-controls="bathroom_1" aria-selected="true">Bathroom 1</a>
  301.                             </li>
  302.                             <li class="nav-item">
  303.                                 <button class="btn" id="btn_add_bathroom" data-rooms="1">+ Add new bathroom</button>
  304.                             </li>
  305.                         </ul>
  307.                         <div class="tab-content my-5 mx-3" id="bathTabContent">
  308.                             <div class="tab-pane fade show active" id="bathroom_1" role="tabpanel" aria-labelledby="bathroom_1-tab">
  309.                                 {% include "v2/_bathroom.html.twig" with { id: 1 } %}
  310.                             </div>
  311.                         </div>
  313.                         {% include "v2/_subtotal.html.twig" with { label: 'Bathrooms Total',  name: 'bathroomsTotal' } %}
  315.                         {% include "v2/_text.html.twig" with { label: 'Notes',  name: 'bathroomsnotes' } %}
  316.                         {% include "v2/_file.html.twig" with { label: 'Picture 1',  name: 'bathroomspic1' } %}
  317.                         {% include "v2/_file.html.twig" with { label: 'Picture 2',  name: 'bathroomspic2' } %}
  318.                         {% include "v2/_file.html.twig" with { label: 'Picture 3',  name: 'bathroomspic3' } %}
  319.                         {% include "v2/_file.html.twig" with { label: 'Picture 4',  name: 'bathroomspic4' } %}
  321.                     </div>
  322.                     <div class="tab-pane room-tab fade" id="safety" role="tabpanel" aria-labelledby="safety-tab">
  324.                         {% include "v2/_yesno.html.twig" with { label: 'Fire risk assessment',  name: 'safetyfire', notes: 'Review annually', required: true, date: true } %}
  325.                         {% include "v2/_yesno.html.twig" with { label: 'Boiler safety certificate',  name: 'safetyboiler', 'na': true, required: true, date: true } %}
  326.                         {% include "v2/_yesno.html.twig" with { label: 'PAT',  name: 'safetypat', required: true, date: true } %}
  327.                         {% include "v2/_yesno.html.twig" with { label: 'EICR',  name: 'safetyeicr', required: true, date: true } %}
  328.                         {% include "v2/_yesno.html.twig" with { label: 'Legionella checklist',  name: 'safetylegionella', notes: 'Review annually', required: true, date: true } %}
  329.                         {% include "v2/_yesno.html.twig" with { label: 'Public liability insurance',  name: 'safetypublicliability', required: true, date: true } %}
  330.                         {% include "v2/_yesno.html.twig" with { label: 'Chimney sweep certificate',  name: 'safetychimney', 'na': true, required:true, date: true } %}
  332. {#                        {% include "v2/_subtotal.html.twig" with { label: 'Safety Total',  name: 'safetyTotal' } %}#}
  333.                         <input type="hidden" id="forms_safetyTotal" name="forms[safetyTotal]">
  334.                         <hr>
  336.                         {% include "v2/_yesno.html.twig" with { label: 'Fire alarms',  name: 'safetyfirealarms', notes: 'The guidance is that the property has mains wired interlinked smoke alarms throughout the property and a heat alarm in the kitchen. The guidance is that there should be a smoke alarm in every hallway and room.' } %}
  337.                         {% include "v2/_yesno.html.twig" with { label: 'Carbon Monoxide alarms',  name: 'safetyco', notes: 'In appropriate places and in date', 'na': true } %}
  338.                         {% include "v2/_yesno.html.twig" with { label: 'Fire extinguishers on each floor',  name: 'safetyfireextinguishers', notes: 'The guidance is that fire extinguishers are located in a visible and easily accessible location, that there is at least one per floor, and that they are serviced regularly.' } %}
  339.                         {% include "v2/_yesno.html.twig" with { label: 'Fire blanket',  name: 'safetyfireblanket', notes: 'The guidance is that the fire blanket is located in a visible and easily accessible location and that it is mounted on the wall.' } %}
  340.                         {% include "v2/_yesno.html.twig" with { label: 'Emergency lighting',  name: 'safetyemergencylighting', notes:  'The guidance is that you have emergency lighting sources in suitable places' } %}
  341.                         {% include "v2/_yesno.html.twig" with { label: 'Fire action sign in place',  name: 'safetyfireactionsign', notes: 'Fire action notice in place (with address)' } %}
  342.                         {% include "v2/_yesno.html.twig" with { label: 'Blind cords secured',  name: 'safetybindcords', 'na': true } %}
  343.                         {% include "v2/_yesno.html.twig" with { label: 'Exit door keyless escape access',  name: 'exitdoorkeylessescape', notes: 'The guidance is that all exit doors should have keyless escape access' } %}
  345.                         <hr>
  346.                         {% include "v2/_text.html.twig" with { label: 'Notes',  name: 'safetynotes' } %}
  347.                         {% include "v2/_file.html.twig" with { label: 'Picture 1',  name: 'safetypic1' } %}
  348.                         {% include "v2/_file.html.twig" with { label: 'Picture 2',  name: 'safetypic2' } %}
  349.                         {% include "v2/_file.html.twig" with { label: 'Picture 3',  name: 'safetypic3' } %}
  350.                         {% include "v2/_file.html.twig" with { label: 'Picture 4',  name: 'safetypic4' } %}
  352.                     </div>
  353.                 </div>
  355.                 <div class="m-3 d-flex justify-content-between align-items-baseline">
  356.                     <span>
  357.                         <button type="submit" class="btn btn-primary" formnovalidate title="Check for missing fields and save">Save</button>
  358.                         <button id="btn-save-draft" class="btn btn-outline-primary ml-2" formnovalidate title="Save incomplete inspection">{{ button_label|default('Save Draft') }}</button>
  359.                     </span>
  360.                     <a id="scrollToTop" href="#top">&#8593; Top</a>
  361.                 </div>
  363.             </div>
  364.         </div>
  366.     </form>
  368. {% endblock %}
  370. {% block javascripts %}
  371.     {{ parent() }}
  372. {% endblock %}