{% extends 'admin/layouts/base.html.twig' %}

{% block title %} Admin - {{ app.user ? app.user.username : company_name }} - {{ title }} {% endblock %}
{% block pageheader %}
    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><i class="icon-users mr-2"></i>
                    <span class="font-weight-semibold">Charges</span>
                </h4>
                <a href="javascript:" class="header-elements-toggle text-default d-md-none">
                    <i class="icon-more"></i>
                </a>
            </div>
            <div class="header-elements d-none">
                <div class="d-flex justify-content-center">
                    {% include 'admin/partials/_action_global_btn.html.twig' %}
                    <a data-toggle="tooltip" title="{{ libelle_liste }}"
                       href="{{ path('admin.charges.index') }}" class="btn btn-outline-primary btn-sm btn-icon ml-5">
                        <i class="icon-list"></i>
                    </a>
                </div>
            </div>
        </div>

        <div class="breadcrumb-line breadcrumb-line-light header-elements-md-inline">
            {{ fil_arial(title, 'Charges') }}
        </div>
    </div>
{% endblock %}
{% block body %}
    <div class="row">
        <div class="col-md-8 offset-2">
            <div class="card">
                <div class="card-header header-elements-inline">
                    <h6 class="card-title"><i class="icon-plus22"></i> {{ title }}</h6>
                </div>

                <div class="card-body">
                    {{ include('admin/properties/charges/_form.html.twig') }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
   
    <script src="{{ asset('js/modules/charges_form.js') }}"></script>
{% endblock %}