{% extends '@Commercial/commercial/layout.html.twig' %}

{% block commercial_title %}Nouvelle indemnité kilométrique{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block commercial_content %}
<div class="mileage-form-page">
    <header class="mileage-form-page-heading">
        <div class="d-flex align-items-start gap-3">
            <a class="btn btn-outline-secondary" href="{{ path('commercial_mileage_index') }}"><i class="ti ti-arrow-left"></i></a>
            <div><div class="d-flex align-items-center gap-2 flex-wrap"><h1>Nouvelle indemnité kilométrique</h1><span class="mileage-draft-pill"><i></i>Brouillon</span></div><p>Saisissez les informations du déplacement pour générer l'indemnité.</p></div>
        </div>
        <span class="mileage-active-rate"><i class="ti ti-info-circle-filled"></i>Barème actif : {{ form_view.active_rate|number_format(3, ',', ' ') }} €/km</span>
    </header>
    {% include '@Commercial/commercial/mileage/_form.html.twig' %}
</div>
{% endblock %}