{% extends 'admin/admin_base.html.twig' %}


{% set page_title = "Sipariş İstatistikleri" %}
{% set q_type = app.request.get('type') %}

{% block title %}{{ page_title }}{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/admin/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css') }}">
{% endblock %}

{% block breadcrumb %}
    {% set fields = [ { 'name': page_title }] %}
    {% include 'admin/Common/_breadcrumb.html.twig' %}
{% endblock %}


{% block body %}

    <div class="tabs">
        <div class="card">
            <div class="card-body pb-0">
                <ul class="nav nav-tabs">
                    <li class="nav-item ">
                        <a class="nav-link {{ q_type == 'generalstatus' ? 'active' : '' }}" href="{{ path("admin_report_order_statistic") }}?type=generalstatus" >
                            <i class="fa fa-list-ul"></i> Genel Durum İsatistikleri</a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link {{ q_type == 'orderbyproduct' ? 'active' : '' }}" href="{{ path("admin_report_order_statistic") }}?type=orderbyproduct" >
                            <i class="fa fa-list-ul"></i> Ürün Sipariş İstatistikleri</a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link {{ q_type == 'customer' ? 'active' : '' }}" href="{{ path("admin_report_order_statistic") }}?type=customer" >
                            <i class="fa fa-list-ul"></i> Müşteri Sipariş İstatistikleri</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="tab-content">
            <div id="popular" class="tab-pane active">

                {% if q_type == 'generalstatus' %}
                    {% include 'admin/Main/Report/OrderStatistic/_tab_general_status.html.twig' %}
                {% elseif q_type == 'orderbyproduct' %}
                    {% include 'admin/Main/Report/OrderStatistic/_tab_product_order.html.twig' %}
                {% elseif q_type == 'customer' %}
                    {% include 'admin/Main/Report/OrderStatistic/_tab_customer_order.html.twig' %}
                {% endif %}




            </div>

        </div>
    </div>



{% endblock %}


{% block javascripts  %}

    <script src="{{ asset('assets/admin/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js') }}"></script>

    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://www.yapi-marketim.com/web/assets/admin-tema/vendor/highcharts/exporting.js?version=v5"></script>
    <script src="http://code.highcharts.com/modules/export-data.js"></script>

    <script src="{{ asset('assets/admin/app-assets/vendors/js/charts/flot/jquery.flot.js') }}"></script>
    <script src="{{ asset('assets/admin/app-assets/vendors/js/charts/flot.tooltip/flot.tooltip.js') }}"></script>
    <script src="{{ asset('assets/admin/app-assets/vendors/js/charts/flot/jquery.flot.categories.js') }}"></script>
    <script src="{{ asset('assets/admin/app-assets/vendors/js/charts/flot/jquery.flot.resize.min.js') }}"></script>
    <script src="{{ asset('assets/admin/app-assets/vendors/js/charts/flot/jquery.flot.pie.js') }}"></script>
    <script src="{{ asset('assets/admin/app-assets/vendors/js/jquery-sparkline/jquery-sparkline.js') }}"></script>


    <script src="{{ asset('assets/admin/app-assets/vendors/js/snap.svg/snap.svg.js') }}"></script>
    <script src="{{ asset('assets/admin/app-assets/vendors/js/liquid-meter/liquid.meter.js') }}"></script>




    <script src="{{ asset('assets/admin/js/widget.js') }}"></script>

    <script>
        $().ready(function () {



        })
    </script>

{% endblock %}