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

{% block body %}
<h1 class="page-header">
CONFIGURATIONS
</h1>

{% if auditUse and (access=="admin" or access=="audit") %}
<a class="btn btn-secondary float-end" href="{{ path("app_"~access~"_audit_render",{entityname:"Config"}) }}"><i class="fas fa-eye fa-fw"></i> Audit</a>
<br><br>
{% endif %}   

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">Générale</div>
            {{ render(path("app_admin_config_render",{category:"site"})) }}
        </div>
    </div>

    <div class="col-md-6">
        <div class="card mt-4">
            <div class="card-header">Logo</div>
            {{ render(path("app_admin_config_render",{category:"logo"})) }}
        </div>

        <div class="card mt-4">
            <div class="card-header">Couleurs des fonds de page</div>
            {{ render(path("app_admin_config_render",{category:"colorbgbody"})) }}
        </div>

        <div class="card mt-4">
            <div class="card-header">Couleurs des titres </div>
            {{ render(path("app_admin_config_render",{category:"colorfttitle"})) }}
        </div>

        <div class="card mt-4">
            <div class="card-header">Pied de Page </div>
            {{ render(path("app_admin_config_render",{category:"footer"})) }}
        </div>
    </div>

    <div class="col-md-6">
        <div class="card mt-4">
            <div class="card-header">Polices</div>
            {{ render(path("app_admin_config_render",{category:"font"})) }}   
        </div> 

        <div class="card mt-4">
            <div class="card-header">Couleurs de la police </div>
            {{ render(path("app_admin_config_render",{category:"colorftbody"})) }}
        </div>

        <div class="card mt-4">
            <div class="card-header">Bannière</div>
            {{ render(path("app_admin_config_render",{category:"header"})) }}
        </div>
    </div>
</div>






 

     
{% endblock %}

{% block localjavascript %}
    $(document).ready(function() {
        $('#dataTables').DataTable({
            columnDefs: [ { "targets": "no-sort", "orderable": false }, { "targets": "no-string", "type" : "num" } ],
            responsive: true,
            iDisplayLength: 100,
            order: [[ 1, "asc" ]]
        });
    });
{% endblock %}