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

{% block stylesheets %}
	{{ parent() }}
        <link rel="stylesheet" href="{{ asset('static/css/schedrep.css?v=20210331') }}">
{% endblock %}

{% block body_id 'schedrep' %}
    {% block header %}
    {% endblock %}
    {% block body %}

        <div id="content" class="col-md-12" style="overflow: hidden; outline: none;">

            <div id="wrap">
                <div class="row">

                    <section class="tile transparent" id="id-search-block" style="margin-top: 55px;">
                        <!-- tile widget -->


                        <div class="tile-widget color transparent-black rounded-top-corners">
                            <div class="block-menu-filter menu-start">
                                <div class="btn-group btn-w100">
                                    <h1>
                                        <a href="{{ path('app_schedrep') }}"><i class="fab fa-whmcs"></i></a>
                        {% if scelta == 1 %}
                                            {{ 'C4RGO Activity & Report'|trans }}
                        {% elseif scelta == 2 %}
                                            {{ 'Statistics'|trans }}
                        {% else %}
                                            {{ 'Scheduling Management'|trans }}
                        {% endif %}
                                    </h1>
                                </div>
                            </div>
                            <div class="block-menu-filter menu-center">
                                <div class="btn-group btn-w100">
                                </div>
                            </div>
                            <div class="block-menu-filter menu-end">
                                <div class="btn-group">
                                    <a class="on-close-btn" href="javascript:window.history.back();" title="Back"><div class="user-close"><i class="fas fa-chevron-circle-left"></i></div></a>
                                </div>
                            </div>
                        </div>

                    </section>          


                    {% if scelta == 0 %}
                        <section id="main-block" class="tile transparent">
                            <div class="bg-transparent-black-3">
                                <div class="row " style="width: 90%; margin: auto;">
					
                                    <div class="col-md-2">
                                        <section class="tile color transparent-black text-center">
                                        </section>
                                    </div>

                                    <div class="col-md-3">
                                        <section class="tile color transparent-black text-center">
                                            <a href="{{ path('app_schedrep', {'scelta':1}) }}">

                                                <div class="tile-header">
                                                    <div class="tile-header" style="display: inline-block;">
                                                        <i class="fa fa-tasks" aria-hidden="true" style="font-size: 6em;"></i>
                                                    </div>
                                                    <div class="tile-header" style="display: inline-block; text-align: left;">
                                                        <h1 class="title-1">{{ 'C4RGO'|trans }}</h1><br />
                                                        <h2 class="title-2">{{ 'Activity & Report'|trans }}</h2>
                                                    </div>
                                                </div>
                                            </a>
                                        </section>
                                    </div>
                                    <div class="col-md-2">
                                        <section class="tile color transparent-black text-center">
                                        </section>
                                    </div>
                                    <div class="col-md-3">
                                        <!-- tile -->
                                        <section class="tile color transparent-black text-center">
                                            <a href="{{ path('app_schedrep', {'scelta':2}) }}">
                                                <div class="tile-header">
                                                    <div class="tile-header" style="display: inline-block;">
                                                        <i class="fa fa-bar-chart" aria-hidden="true" style="font-size: 6em;"></i>
                                                    </div>
                                                    <div class="tile-header" style="display: inline-block; text-align: left;">
                                                        <h1 class="title-1">{{ 'Statistics'|trans }}</h1><br />
                                                        <h2 class="title-2">{{ ''|trans }}</h2>
                                                    </div>
                                                </div>
                                            </a>
                                        </section>
                                    </div>
                                    <div class="col-md-2">
                                        <section class="tile color transparent-black text-center">
                                        </section>
                                    </div>

                                </div>
                            </div>
                        </section>           
                    {% elseif scelta > 0 %}
                        <section class="tile transparent">
                            <div class="bg-transparent-black-3">
                                <div class="row " style="width: 90%; margin: auto;">
                                    {% for query in queries %}
                                        <div class="col-md-12">
                                            <section class="tile color transparent-black text-center" onclick="javascript:gotoPage(4);">
                                                <a href="{{ path('scheduler_list', {'id':query.id}) }}">

                                                    <div class="tile-header" style="text-align: left;">
                                                        <div class="tile-header" style="display: inline-block;">
                                                            <i class="fa fa-file fa-4x"></i>
                                                        </div>
                                                        <div class="tile-header" style="display: inline-block; text-align: left;">
                                                            <h1 class="title-1">{{ query.description|trans }}</h1><br />
                                                        </div>
                                                    </div>
                                                </a>
                                            </section>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </section>                        
                    {% endif %}
                </div>
            </div>   
        </div>






    {% endblock %}
    {% block footer %}
    {% endblock %}
    {% block javascripts %}
        {{ parent() }}
        <script>
            $(document).ready(function () {
            })
        </script>
    {% endblock %}