{% extends "AppBundle::layout_backend.html.twig" %}

{% block title 'Auditoría'|trans %}

{% block stylesheets2nd %}

    {% stylesheets %}
        <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %} 

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
    
{% endblock %}

{% block bootstrap_stylesheets %}
    <link 
        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" 
        rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" 
        crossorigin="anonymous"
    >
{% endblock %}

{% block bootstrap_javascript %}
    <script 
        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" 
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" 
        crossorigin="anonymous">
    </script>
{% endblock %}

{% block content %}
    {% stylesheets 
        'bundles/app/css/new-boostrap-common-styles.css'
        'bundles/app/css/views/Audit/index.css' 
        filter='cssrewrite' 
    %}
        <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %}

    <div class="row">

        {% include 'AppBundle:Audit:filters.html.twig' %}
        {% include 'AppBundle:Audit:table.html.twig' %}


    </div>
    {% include 'AppBundle:Audit:filter_off_canvas.html.twig' with { 'entities': entityTranslations, 'eventsType': eventTypeTranslations } %}
    {% include 'AppBundle:Audit:details_off_canvas.html.twig' %}

    <div class="position-fixed bottom-0 end-0 p-3" id="toast-container" style="z-index: 200000">
    </div>

{% endblock %}

{% block javascripts2nd %}

    {% javascripts
        '@AppBundle/Resources/public/js/Toast/toast.js'
        '@AppBundle/Resources/public/js/Audit/index.js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}