{% extends 'AdminBundle:Admin:adminLayout.html.twig' %}

{% set tabularData = report.getDataTabular() %}
{% set barData = report.getDataBar() %}
{% set pieData = report.getDataPie() %}

{% block breadcrumb %}
    {{ backendHelpers.breadcrumb({ 
        ("reportviewer.titles.reports"|trans) : (path(paths.home)),
        (report.getTitle()) : ''
    }) }}
{% endblock %}

{% block head %}
    {{ parent() }}
    {% if tabularData is not null%}
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/reportviewer/js/datatables/css/jquery.dataTables.min.css') }}">
    {% endif %}
{% endblock %}

{% block js_files %}
    {{ parent() }}
    {% if tabularData is not null%}
        .script('{{ asset('bundles/reportviewer/js/datatables/js/jquery.dataTables.min.js') }}')
    {% endif %}
    {% if (barData is not null) or (pieData is not null) %}
        .script('{{ asset('bundles/reportviewer/js/highcharts/js/highcharts-all.js') }}')
    {% endif %}
{% endblock %}

{#{% block bottomScripts %}#}
{% block js_document_ready %}
    {{ parent() }}
    {% if barData is not null %}
        {% include 'ReportViewerBundle:Report:_bar.html.twig' %}
    {% endif %}
    
    {% if pieData is not null %}
        {% include 'ReportViewerBundle:Report:_pie.html.twig' %}
    {% endif %}

    {% if tabularData is not null%}
        jQuery(function($) {
        $('#tabularData').DataTable({
        paging: false,
        searching: false,
        autoWidth: false,
        info: false
        });
        });
    {% endif %}
{% endblock %}


{% block gridFilter %}
    {{ backendHelpers.gridFilter(
        filterDefinition,
        filterValues, 
        path(paths.report,{'mode':'filter', 'service_alias':reportService.getAlias(), 'report_alias':report.getAlias() }),
        path(paths.report, {'service_alias':reportService.getAlias(), 'report_alias':report.getAlias() })) 
    }}
{% endblock %}

{% block content %}
{{ backendHelpers.pageTitle( report.getTitle() ) }}

{% if (tabularData is not null) or (barData is not null) or (pieData is not null) %}
<div class="row">
    <div class="col-xs-12">
        <div class="tabbable">
            <ul class="nav nav-tabs" id="myTab">
                {% if tabularData is not null%}
                <li class="active">
                    <a data-toggle="tab" href="#tabular">
                        <i class="green icon-table bigger-110"></i>
                        {{ "reportviewer.titles.tabular"|trans }}
                    </a>
                </li>
                {% endif %}
                {% if barData is not null%}
                <li>
                    <a data-toggle="tab" href="#bar">
                        <i class="green icon-bar-chart bigger-110"></i>
                        {{ "reportviewer.titles.bar"|trans }}
                    </a>
                </li>
                {% endif %}
                {% if pieData is not null%}
                <li>
                    <a data-toggle="tab" href="#pie">
                        <i class="green icon-pie-chart bigger-110"></i>
                        {{ "reportviewer.titles.pie"|trans }}
                    </a>
                </li>
                {% endif %}
            </ul>

            <div class="tab-content">
                {% if tabularData is not null%}
                <div id="tabular" class="tab-pane in active">
                    {% include 'ReportViewerBundle:Report:_tabular.html.twig' %}
                </div>
                {% endif %}

                {% if barData is not null%}
                <div id="bar" class="tab-pane" dir="ltr">
                    <div id="barChart" style="width: 70%; height: {{ (200 + barData.getCategories()|length * 25)|round }}px;"></div>
                </div>
                {% endif %}
                
                {% if pieData is not null%}
                <div id="pie" class="tab-pane" dir="ltr">
                    <div id="pieChart" style="width: 70%; height: 600px;"></div>
                </div>
                {% endif %}

            </div>
        </div>
    </div>
</div>
{% else %}
    {{ "reportviewer.messages.no_data_to_display"|trans }}
{% endif %}
{% endblock %}