{% extends "base.html" %}

{% block content %}
<script src="{{ urlsoftware }}/resources/dist/{{ resource('maps.js') }}"></script>
<br>
<img alt="VVF" src="./resources/images/owner.png" width="150"
  style="display: block; margin-left: auto; margin-right: auto;">
<br>
<p style="text-align: center;">
  <a id='add' class="pjax_disable" href="edit_service.php?add">{{ 'Add service'|t }}</a>
</p>
<br>
<div id="list" class="table-responsive">
  <table id="table" class="table table-striped table-bordered dt-responsive nowrap">
    <thead>
      <tr>
        <th>{{ 'Date'|t }}</th>
        <th>{{ 'code'|t|capitalize }}</th>
        <th>{{ 'Start time'|t }}</th>
        <th>{{ 'End time'|t }}</th>
        <th>{{ 'Chief'|t }}</th>
        <th>{{ 'Drivers'|t }}</th>
        <th>{{ 'Crew'|t }}</th>
        <th>{{ 'Place'|t }}</th>
        <th>{{ 'Notes'|t }}</th>
        <th>{{ 'Type'|t }}</th>
        {% if option('service_edit') %}
        <th>{{ 'Edit'|t }}</th>
        {% endif %}
        {% if option('service_remove') %}
        <th>{{ 'Remove'|t }}</th>
        {% endif %}
      </tr>
    </thead>
    <tbody id="table_body">
    </tbody>
  </table>
  <script>
    loadTable({tablePage: "services", interval: 120000});
  </script>
</div>
<br>
<br>
{% endblock %}