{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Dashboard{% endblock %}

{% block breadcrumbLinks %}
    - Calculando ...
{% endblock %}
{% block pagetitle %}DASHBOARD{% endblock %}

{% block content %}

<style>
    .breadcrumb-line{
        display: none;
    }

    .page-header{
        display: none;
    }
</style>

<div class="content">
    <div class="panel panel-flat">

        <!-- ADMIN DASHBOARD -->
        {% if roleRight == true %}

            <div class="tabbable">
                <ul class="nav nav-tabs nav-tabs-bottom nav-justified" id="statsDashboardGlobalTabs">
                    <li class="active"><a href="#bottom-justified-tab1" data-toggle="tab">PUNTO DE VENTA</a></li>
                    <li><a href="#bottom-justified-tab2" data-toggle="tab">CAJAS</a></li>
                    <li><a href="#bottom-justified-tab4" data-toggle="tab" onclick="dashboardTabOnline()">ONLINE</a></li>
                    <li><a href="#bottom-justified-tab3" data-toggle="tab">PLANTILLAS DE INFORMES</a></li>
                </ul>

                <div class="tab-content">


                        <!-- DASHBOARD -->
                        <div class="tab-pane active" id="bottom-justified-tab1">
                            {{ render(controller('CoreBundle:Stats:dashboard_group')) }}
                        </div>

                        <!-- MANAGE CASHPOINT -->
                        <div class="tab-pane" id="bottom-justified-tab2">
                            <div class="panel-body">
                                <div class="row">
                                    {% for cashpoint in cashpoints %}
                                        {{ render(controller('CoreBundle:ManageCashpoint:getLatestManageCashpoint', { 'cashpoint' : cashpoint })) }}
                                    {% endfor %}
                                </div>
                            </div>
                        </div>


                        <!-- ONLINE -->
                        <div class="tab-pane" id="bottom-justified-tab4">
                            <div class="panel-body" id="tabOnlineDashboard"></div>
                        </div>

                        <!-- TEMPLATE REPORT -->
                        <div class="tab-pane" id="bottom-justified-tab3">
                            <div class="panel-body">
                                {{ render(controller('CoreBundle:Report:renderReportListSaved' )) }}
                            </div>
                        </div>


                </div>
            </div>
        {% else %}
            <div class="tabbable">
                <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
                    {% if user.rightDashboardInShops %}
                        <li class=""><a href="#bottom-justified-tab1" data-toggle="tab">PUNTO DE VENTA</a></li>
                    {% endif %}
                    <li class="active"><a href="#bottom-justified-tab2" data-toggle="tab">CAJAS</a></li>
                </ul>

                <div class="tab-content">

                    <!-- DASHBOARD -->
                    {% if user.rightDashboardInShops %}
                        <div class="tab-pane" id="bottom-justified-tab1">
                            {{ render(controller('CoreBundle:Stats:dashboard_seller')) }}
                        </div>
                    {% endif %}

                    <div class="tab-pane active" id="bottom-justified-tab2">
                        <div class="panel-body">
                            <div class="row">
                                {% for cashpoint in cashpoints %}
                                    {{ render(controller('CoreBundle:ManageCashpoint:getLatestManageCashpoint', { 'cashpoint' : cashpoint })) }}
                                {% endfor %}
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        {% endif %}

    </div>
</div>

{% endblock%}