title = "Home"
url = "/:year"
layout = "platform_main"
is_hidden = 0
==
<?php
function onStart(){
    
    $year = $this->param("year");
    $this["year"] = $this->param("year");
    
}
?>
==
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h3 class="mb-0">GOK BAKJA</h3>
<!--
            <div class="page-title-right">
                <form action="/year/dynamic" class="search" method="POST">
                    <input type="text" class="form-control" type="number" name="year" placeholder="Введите год"
                        aria-label="Введите год">
                </form>
            </div> -->

        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">


    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">Statistika hasabat {{year}} ýyl </h4>

                <div id="line_chart_datalabel" class="apex-charts" dir="ltr"></div>
            </div>
        </div>
        <!--end card-->
    </div>

    <!-- end col -->
</div><!-- end col -->

{% put scripts %}

<!-- apexcharts -->
<script src="{{'assets/libs/apexcharts/apexcharts.min.js'|theme}}"></script>

<script>
    var options = {
        chart: {
            height: 380,
            type: "line",
            zoom: {
                enabled: !1
            },
            toolbar: {
                show: !1
            }
        },
        colors: ["#6fbe36", "#ff5d5d"],
        dataLabels: {
            enabled: !1
        },
        stroke: {
            width: [3, 3],
            curve: "straight"
        },
        series: [{
            name: "Öndürilen Önüm ",
            data: ['{{ordersAccept1}}', '{{ordersAccept2}}', '{{ordersAccept3}}', '{{ordersAccept4}}', '{{ordersAccept5}}', '{{ordersAccept6}}', '{{ordersAccept7}}', '{{ordersAccept8}}', '{{ordersAccept9}}', '{{ordersAccept10}}', '{{ordersAccept11}}', '{{ordersAccept12}}']
        }, {
            name: "Brak Önüm ",
            data: ['{{ordersCancel1}}', '{{ordersCancel2}}', '{{ordersCancel3}}', '{{ordersCancel4}}', '{{ordersCancel5}}', '{{ordersCancel6}}', '{{ordersCancel7}}', '{{ordersCancel8}}', '{{ordersCancel9}}', '{{ordersCancel10}}', '{{ordersCancel11}}', '{{ordersCancel12}}']
        }],
        title: {
            text: "Hasabat",
            align: "left"
        },
        grid: {
            row: {
                colors: ["transparent", "transparent"],
                opacity: .2
            },
            borderColor: "#f1f1f1"
        },
        markers: {
            style: "inverted",
            size: 6
        },
        xaxis: {
            categories: ['Yanwar', 'Fewral', 'Mart', 'Aprel', 'May', 'Iyun', 'Iyul', 'Awgust', 'Sentyabr', 'Oktyabr', 'Noyabr', 'Dekabr'],
            title: {
                text: "Aýlar"
            }
        },
        yaxis: {
            title: {
                text: ""
            }
        },
        legend: {
            position: "top",
            horizontalAlign: "right",
            floating: !0,
            offsetY: -25,
            offsetX: -5
        },
        responsive: [{
            breakpoint: 600,
            options: {
                chart: {
                    toolbar: {
                        show: !1
                    }
                },
                legend: {
                    show: !1
                }
            }
        }]
    },
        chart = new ApexCharts(document.querySelector("#line_chart_datalabel"), options);
    chart.render();
</script>
{% endput %}