{% extends "view/layout.html.twig" %}
{% block title %} History | CRM BIVTeam {% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('bootstrap-4.4.1/css/select2.min.css') }}" rel="stylesheet"/>
{% endblock %}
{% block body %}
    <div class="container-fluid mt-2">
        {% set titleHelp = "navbar.history.title"|trans %}
        {% include 'view/header/_help.html.twig' %}
    </div>
    <div data-step="1" data-intro="{{ "help.history.step1"|trans }}">
        <div class="container-fluid" data-step="2" data-intro="{{ "help.history.step2"|trans }}">
            <div class="content-box content-lighten text-center">
                <h3 class="mt-3"> {{ "history.date.filter" | trans }} </h3>
                <div class="row text-center">
                    <div class="col-md-12">
                        {{ form_start(searchForm) }}
                        <div class="row">
                            <div class="col-md-3">
                                {{ form_row(searchForm.startDate) }}
                            </div>
                            <div class="col-md-3">
                                {{ form_row(searchForm.endDate) }}
                            </div>
                            <div class="col-md-auto pt-3">
                                {{ form_row(searchForm.submit) }}
                            </div>
                        </div>
                        {{ form_end(searchForm) }}
                    </div>
                </div>
                <div>
                    <div class="row">
                        <div class="col-md-12 text-right">
                            <button title="Exporter en csv" id="exportCsvHistory" type="button"
                                    class="btn btn-outline-success m-1">
                                <i class="fa fa-file-csv"></i>
                            </button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 p-2">
                            <div id="historyTable" class="ag-theme-quartz" style="height: 650px"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}
    {% block javascripts %}
        {{ parent() }}
        <script src="{{ asset('bootstrap-4.4.1/js/select2.min.js') }}"></script>
        <script src="{{ asset('js/signaletique/history/history.js') }}"></script>
    {% endblock %}