{% extends 'base.html.twig' %}

{% block title %}iService - Dev Documentation{% endblock %}

{% block stylesheets %}
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
{% endblock %}

{% block body %}
    <div class="container-fluid">
        <header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom bg-dark text-white">
            <div class="container">
                <div class="d-flex flex-wrap align-items-center justify-content-center">
                    <a href="{{ path('documentation_index', {'filename':'index.md'}) }}" class="d-flex align-items-center me-lg-auto mb-2 mb-lg-0 text-white text-decoration-none justify-content-lg-start">
                        <img src="http://getisa.iserviceauto.com/wp-content/uploads/2021/04/iService-logo-300x82.png" />
                    </a>

                    <ul class="nav col-12 col-lg-auto mb-2 justify-content-center mb-md-0">
                        <li><a href="{{ path('documentation_index', {'filename':'index.md'}) }}" class="nav-link px-2 text-white">Overview</a></li>
                        <li><a href="{{ path('documentation_index', {'filename':'coding-standards.md'}) }}" class="nav-link px-2 text-white">Coding-Standards</a></li>
                        <li><a href="{{ path('documentation_index', {'filename':'examples.md'}) }}" class="nav-link px-2 text-white">Examples</a></li>
                        <li><a href="{{ path('documentation_index', {'filename':'input-validation.md'}) }}" class="nav-link px-2 text-white">Input-Validation</a></li>
                        <li><a href="{{ path('documentation_index', {'filename':'response-codes.md'}) }}" class="nav-link px-2 text-white">Response-Codes</a></li>
                        <li><a href="{{ path('documentation_index', {'filename':'dms.md'}) }}" class="nav-link px-2 text-white">DMS</a></li>
                        <li><a href="{{ path('documentation_index', {'filename':'dms-clients.md'}) }}" class="nav-link px-2 text-white">DMS-Clients</a></li>
                        <li><a href="{{ path('documentation_index', {'filename':'logging.md'}) }}" class="nav-link px-2 text-white">Logging</a></li>
                        <li><a href="{{ path('documentation_index', {'filename':'reporting.md'}) }}" class="nav-link px-2 text-white">Reporting</a></li>
                    </ul>
                </div>
            </div>
        </header>
    </div>
    <div class="container">
        {% block documentation %}
        {% endblock %}
    </div>
{% endblock %}

{% block javascripts %}
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
{% endblock %}