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

{% block title %} HOME {% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        .modal-backdrop{ z-index: 1020; }
        .modal{ z-index: 1030; }
    </style>

{% endblock stylesheets %}

{% block breadcrumbs %}

    <div class="container-fluid">
        <br>
    </div>

{% endblock %}

{% block body %}

    <div class="row ">
        <div class="col-sm-12">
            <div class="card">
{#                <div class="card-header">#}
{#                    <h5 class="text-primary">Home</h5>#}
{#                </div>#}
                <div class="card-body">
                    <div class="row">

                        {# colone 01 #}
                        <div class="col-xs-12 col-md-8  col-lg-8 container-btn-gihsn-database">
                            <a href="{{ path('data_list') }}" class="btn-gihsn-database">
                                <div style="position: absolute; left: 50%; top:50%;">
                                    <div class="container-titre" style="position: relative; left: -50%; top:-100px;">
                                        <i class="fa-solid fa-database" style="font-size:70px; "></i> <br>
                                        <span>GIHSN Database Query</span> <i class="fa-solid fa-angles-right" style="font-size: 30px;"></i>
                                    </div>
                                </div>
                            </a>
                        </div>

                        {# colone 02 #}
                        <div class="col-xs-12 col-md-4  col-lg-4">

                            {% if app.user and app.user.manager %}
                            <a href="{{ path('data_file_list') }}" class="boutonbleuclair">
                                <div class="card box-acmf pointer">
                                    <div class="bg-primary b-r-4 card-body">
                                        <div class="media static-top-widget">
                                            <div class="align-self-center text-center"><i data-feather="file"></i>
                                            </div>
                                            <div class="media-body">
                                                <h5 class="mb-0 pointer">File management</h5><i class="icon-bg" data-feather="file"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>

                            <a href="{{ path('historic_list') }}" class="boutonbleuclair">
                                <div class="card box-acmf pointer">
                                    <div class="bg-primary b-r-4 card-body">
                                        <div class="media static-top-widget">
                                            <div class="align-self-center text-center"><i data-feather="archive"></i>
                                            </div>
                                            <div class="media-body">
                                                <h5 class="mb-0 pointer">Historic</h5><i class="icon-bg" data-feather="archive"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            {% endif %}

                            <a href="{% if app.user and app.user.visitor %}{{ path('user_demand_list') }} {% else %} {{ path('admin_demand_list') }}{% endif %}" class="boutonbleuclair">
                                <div class="card box-acmf pointer">
                                    <div class="bg-primary b-r-4 card-body">
                                        <div class="media static-top-widget">
                                            <div class="align-self-center text-center"><i data-feather="download"></i>
                                            </div>
                                            <div class="media-body">
                                                <h5 class="mb-0 pointer">Export queries list</h5><i class="icon-bg" data-feather="download"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            {% if app.user and app.user.manager %}
                                <a href="{{ path('statistics_page') }}" class="boutonbleuclair">
                                    <div class="card box-acmf pointer">
                                        <div class="bg-primary b-r-4 card-body">
                                            <div class="media static-top-widget">
                                                <div class="align-self-center text-center"><i data-feather="pie-chart"></i>
                                                </div>
                                                <div class="media-body">
                                                    <h5 class="mb-0 pointer">Statistics</h5><i class="icon-bg" data-feather="pie-chart"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            {% endif %}

                            <a href="{{ path('data_detail') }}" class="boutonbleufoncersmall">
                                <div class="card box-acmf pointer">
                                    <div class="bg-primary b-r-4 card-body">
                                        <div class="media static-top-widget">
                                            <div class="align-self-center text-center"><i data-feather="info"></i>
                                            </div>
                                            <div class="media-body">
                                                <h5 class="mb-0 pointer text-plus-petit">Data dictionary</h5>
{#                                                <i class="icon-bg" data-feather="info"></i>#}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="{{ path('season_list') }}" class="boutonbleufoncersmall">
                                <div class="card box-acmf pointer">
                                    <div class="bg-primary b-r-4 card-body">
                                        <div class="media static-top-widget">
                                            <div class="align-self-center text-center"><i data-feather="file-text"></i>
                                            </div>
                                            <div class="media-body">
                                                <h5 class="mb-0 pointer text-plus-petit"> Questionnaires and protocols</h5>
{#                                                <i class="icon-bg" data-feather="file-text"></i>#}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



{% endblock %}

{% block javascripts %}

    {{ parent() }}

    {% include 'global/modal/validate_cgu.html.twig' %}
    <script>
        $(document).ready(function () {
            {% if (app.user.visitor) and (not app.user.visitor.validateCgu) %}
                $('#validate_cgu_modal').modal('show');
            {% endif %}
        });

        $(document).on('click','.validate-cgu-action',function(){
            if($('.general-condition').is(":checked")){
                $.ajax({
                    url: "{{ path('validate_cgu_ajax') }}",
                    method: 'POST',
                    success: function (response) {
                        if (response.status === 200) {
                            $('#validate_cgu_modal').modal('hide');
                            showNotify('Success', response.message, "info");
                        } else {
                            showNotify("Error", 'Thank you for contacting the admin!', 'danger');
                        }
                    }
                });
            } else{
                showNotify("Error", 'You must accept the terms and conditions and the privacy policy!', 'danger');
            }

        });
    </script>

{% endblock %}