{include file=$header_admin h1='Административная панель' title='Админка'}

<div class="row" style="padding: 10px;">
    <div class="col-lg-4">

        <div id="text-popup" class="white-popup mfp-hide">
            <h2>Создать задачу</h2>
            <textarea class="form-control" style="height: 300px; margin-top: 20px;" id="task-txt"></textarea>
            <input class="form-control" placeholder="Срок" style="margin-top: 10px;" id="task-srok">
            <input class="form-control" placeholder="Модуль" style="margin-top: 10px;" id="task-module">
            <select name="hero" class="form-select form-control" style="margin-top: 10px;" id="task-prioritet">
                <option value="0">Простая задача</option>
                <option value="1">Важная</option>
                <option value="2">ППЦ срочная</option>
            </select>
            <button id="save-task" class="btn btn-info btn-sm" style="margin-top: 10px;">Сохранить</button>
            </div>


        <div class="ibox">
            <div class="ibox-head">
                <div class="ibox-title">Задачи</div>
                <div>
                    <a class="btn btn-info btn-sm popup-content" href="#text-popup">Создать</a>
                </div>
            </div>
            <div class="ibox-body">
                <ul class="list-group list-group-divider list-group-full tasks-list">
                    {section name=customer loop=$tasks}
                    <li class="list-group-item task-item">
                        <div>
                            <label class="ui-checkbox ui-checkbox-gray ui-checkbox-success">
                                <input type="checkbox" {if $tasks[customer].status==1} checked=""{/if} id="taskStatus" data-id="{$tasks[customer].id}">
                                <span class="input-span"></span>
                                <span class="task-title"><b><a href="/mod-edit/{$tasks[customer].mod}">{$tasks[customer].mod}</a>:</b> {$tasks[customer].task|br}</span>
                                {if $tasks[customer].prioritet==0}
                                <i class="fa-solid fa-circle" style="font-size: 12pt;" title="Простая задача"></i>
                                {/if}
                                {if $tasks[customer].prioritet==1}
                                <i class="fa-solid fa-circle" style="font-size: 12pt; color: orange;" title="Важная задача"></i>
                                {/if}
                                {if $tasks[customer].prioritet==2}
                                <i class="fa-solid fa-circle" style="font-size: 12pt; color: red;" title="ППЦ Срочная задача"></i>
                                {/if}
                            </label>
                        </div>
                        <div class="task-data"><small class="text-muted">{$tasks[customer].t|t} - {$tasks[customer].srok}</small></div>
                        <div class="task-actions">
                            <a href="javascript:;"><i class="fa fa-edit text-muted m-r-10"></i></a>
                            <a href="javascript:;"><i class="fa fa-trash text-muted"></i></a>
                        </div>
                    </li>
                    {/section}
                </ul>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="ibox p-3">
        <textarea class="form-control" style="min-height: 250px;" id="admin_zametki">{$zametka}</textarea>
    </div>
    </div>


    <!--div class="col-lg-4">
        <div class="ibox p-3">
            <h4>Сервисные функции</h4>

            <p>Количество товара без картинок: {$tovarBezImg}</p>

            <button type="button" class="btn btn-secondary" id="clearimg">Удалить не используемые изображения товаров</button>

        </div>
    </div-->



    <div class="col-lg-4">
        <div class="ibox p-3">
            <h4>Документация</h4>
            <ul>
                <li><a href="https://git.yurecnt.ru/yurec/core/wiki/RSS" target="_blank">RSS + Яндекс.Турбо</a></li>
            </ul>
        </div>
    </div>


<col-md-4>
<div id="myfirstchart" style="height: 250px;"></div>

</col-md-4>



    

    <!--div class="col-lg">

        {literal}
        <script>
            window.onload = function () {
            
            var options = {
                exportEnabled: false,
                animationEnabled: true,
                title:{
                    text: "Замеры скоростей"
                },
                subtitles: [{
                    text: "Среднее по дням"
                }],
                axisX: {
                    title: "Время"
                },
                axisY: {
                    title: "Скорость",
                    titleFontColor: "#4F81BC",
                    lineColor: "#4F81BC",
                    labelFontColor: "#4F81BC",
                    tickColor: "#4F81BC"
                },
                axisY2: {
                    title: "",
                    titleFontColor: "#C0504E",
                    lineColor: "#C0504E",
                    labelFontColor: "#C0504E",
                    tickColor: "#C0504E"
                },
                toolTip: {
                    shared: false
                },
                legend: {
                    cursor: "pointer",
                    itemclick: toggleDataSeries
                },
                data: [{
                    type: "spline",
                    name: "tovar_show",
                    showInLegend: true,
                    xValueFormatString: "YYYY.MM.DD",
                    yValueFormatString: "#,##0 сек.",
                    dataPoints: [
                    {/literal}
                    {$g_tovar_show}
                    {literal}                        
                    ]
                },
                {
                    type: "spline",
                    name: "tovar_cat",
                   // axisYType: "secondary",
                    showInLegend: true,
                    xValueFormatString: "YYYY.MM.DD",
                    yValueFormatString: "#,##0 сек.",
                    dataPoints: [
                    {/literal}
                    {$g_tovar_cat}
                    {literal}
                    ]
                },
                
                {
                    type: "spline",
                    name: "main",
                   // axisYType: "secondary",
                    showInLegend: true,
                    xValueFormatString: "YYYY.MM.DD",
                    yValueFormatString: "#,##0 сек.",
                    dataPoints: [
                    {/literal}
                    {$g_main}
                    {literal}
                    ]
                },
                {
                    type: "spline",
                    name: "ajax",
                   // axisYType: "secondary",
                    showInLegend: true,
                    xValueFormatString: "YYYY.MM.DD",
                    yValueFormatString: "#,##0 сек.",
                    dataPoints: [
                    {/literal}
                    {$g_ajax}
                    {literal}
                    ]
                },
                {
                    type: "spline",
                    name: "admin",
                   // axisYType: "secondary",
                    showInLegend: true,
                    xValueFormatString: "YYYY.MM.DD",
                    yValueFormatString: "#,##0 сек.",
                    dataPoints: [
                    {/literal}
                    {$g_admin}
                    {literal}
                    ]
                },
                {
                    type: "spline",
                    name: "sitemap",
                   // axisYType: "secondary",
                    showInLegend: true,
                    xValueFormatString: "YYYY.MM.DD",
                    yValueFormatString: "#,##0 сек.",
                    dataPoints: [
                    {/literal}
                    {$g_sitemap}
                    {literal}
                    ]
                },
                {
                    type: "spline",
                    name: "rss",
                   // axisYType: "secondary",
                    showInLegend: true,
                    xValueFormatString: "YYYY.MM.DD",
                    yValueFormatString: "#,##0 сек.",
                    dataPoints: [
                    {/literal}
                    {$g_rss}
                    {literal}
                    ]
                },
                {
                    type: "spline",
                    name: "robots",
                   // axisYType: "secondary",
                    showInLegend: true,
                    xValueFormatString: "YYYY.MM.DD",
                    yValueFormatString: "#,##0 сек.",
                    dataPoints: [
                    {/literal}
                    {$g_robots}
                    {literal}
                    ]
                },
                {
                    type: "spline",
                    name: "find",
                   // axisYType: "secondary",
                    showInLegend: true,
                    xValueFormatString: "YYYY.MM.DD",
                    yValueFormatString: "#,##0 сек.",
                    dataPoints: [
                    {/literal}
                    {$g_find}
                    {literal}
                    ]
                },
                {
                    type: "spline",
                    name: "page",
                   // axisYType: "secondary",
                    showInLegend: true,
                    xValueFormatString: "YYYY.MM.DD",
                    yValueFormatString: "#,##0 сек.",
                    dataPoints: [
                    {/literal}
                    {$g_page}
                    {literal}
                    ]
                }]
            };
            $("#chartContainer").CanvasJSChart(options);
            
            function toggleDataSeries(e) {
                if (typeof (e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
                    e.dataSeries.visible = false;
                } else {
                    e.dataSeries.visible = true;
                }
                e.chart.render();
            }
            
            }
            </script>

{/literal}





    <div id="chartContainer" style="height: 300px; width: 100%;"></div>
</div-->
</div>






{include file=$footer_admin plugins='
<link rel="stylesheet" href="/api/jquery/plugins/morris.js/0.5.1/morris.css">
<script src="/api/jquery/plugins/morris.js/0.5.1/raphael-min.js"></script>
<script src="/api/jquery/plugins/morris.js/0.5.1/morris.min.js"></script>
<script src="/api/jquery/plugins/canvasjs/canvasjs-chart-3.10.1/jquery.canvasjs.min.js"></script>

'}