@extends('layouts.app')

@section('style')

<style>
    .ibox-tools{
        float:right;
    }
</style>
@endsection

@section('content')
@include('shared.messages')
<div class="row">
    <div class="col-md-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>{{__('texte.dashboard.dashboard')}}</h5>
            </div>

            <div class="row" style="margin-top:30px">
                @if(auth()->user()->hasRole('Администратор') || auth()->user()->hasRole('Super Admin'))
                <div class="col-lg-3">
                    <div class="ibox ">
                        <div class="ibox-title">
                            <div class="ibox-tools">
                                <span class="label label-success float-right">{{__('texte.dashboard.months')}}</span>
                            </div>
                            <h5>{{__('texte.dashboard.income')}}</h5>
                        </div>
                        <div class="ibox-content">
                            <h1 class="no-margins">{{number_format($last_year_orders->sum('total_amount'),2,',',' ')}}</h1>
                            <div class="stat-percent font-bold text-success">{{$previous_year_orders->sum('total_amount')!=0 ? number_format($last_year_orders->sum('total_amount')*100/$previous_year_orders->sum('total_amount'),0) : 100}}% <i class="fa fa-bolt"></i></div>
                            <small>{{__('texte.dashboard.total_income')}}</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="ibox ">
                        <div class="ibox-title">
                            <div class="ibox-tools">
                                <span class="label label-info float-right">{{__('texte.dashboard.months')}}</span>
                            </div>
                            <h5>{{__('texte.dashboard.statistics')}}</h5>
                        </div>
                        <div class="ibox-content">
                            <h1 class="no-margins">{{number_format(count($last_year_orders),0,',',' ')}}</h1>
                            <div class="stat-percent font-bold text-info">{{count($previous_year_orders)!=0 ? number_format(count($last_year_orders)*100/count($previous_year_orders),0) : 100}}% <i class="fa fa-level-{{count($last_year_orders)>=count($previous_year_orders) ? 'up' : 'down'}}"></i></div>
                            <small>{{__('texte.dashboard.total_orders')}}</small>
                        </div>
                    </div>
                </div>
                @endif
                <div class="col-lg-3">
                    <div class="ibox ">
                        <div class="ibox-title">
                            <div class="ibox-tools">
                                <span class="label label-primary float-right">{{date('d.m.Y')}}</span>
                            </div>
                            <h5>{{__('texte.dashboard.date_time')}}</h5>
                        </div>
                        <div class="ibox-content">
                            <h1 class="no-margins">{{date('H:i:s')}}</h1>
                            <div class="stat-percent font-bold text-navy"><i class="fa fa-clock-o"></i></div>
                            <small>{{mb_ucfirst(Carbon\Carbon::now()->translatedFormat('l d ')).mb_ucfirst(Carbon\Carbon::now()->translatedFormat('F Y'))}}</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="ibox ">
                        <div class="ibox-title">
                            <div class="ibox-tools">
                                <span class="label label-danger float-right">{{__('texte.dashboard.data')}}</span>
                            </div>
                            <h5>{{__('texte.dashboard.last_login')}}</h5>
                        </div>
                        <div class="ibox-content">
                            <h1 class="no-margins">{{__('texte.dashboard.ip')}}: {{auth()->user()->last_login_ip}}</h1>
                            <div class="stat-percent font-bold text-danger"><i class="fa fa-sign-out"></i></div>
                            <small>{{date('d.m.Y H:i:s', strtotime(auth()->user()->last_login))}}</small>
                        </div>
                    </div>
                </div>                
            </div>
            @if(auth()->user()->hasRole('Администратор') || auth()->user()->hasRole('Super Admin'))
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox ">
                        <div class="ibox-title">
                            <h5>{{__('texte.dashboard.statistics')}}</h5>
                            <div class="ibox-tools">
                                <div class="btn-group">
                                    <span class="label label-primary float-right">{{__('texte.dashboard.current_month')}}</span>                                    
                                </div>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="row">
                            <div class="col-lg-9">
                                <div id="flot-dashboard-chart" class='flot-chart'></div>
                            </div>
                            <div class="col-lg-3">
                                <ul class="stat-list">
                                    <li>
                                        <h2 class="no-margins">{{number_format(count($month_orders),0,',',' ')}}</h2>
                                        <small>{{__('texte.dashboard.current_mont_orders')}}</small>
                                        <div class="stat-percent">{{count($previous_month_orders)!=0 ? number_format(count($month_orders)*100/count($previous_month_orders),0) : 100}}% <i class="fa fa-level-{{count($month_orders)>=count($previous_month_orders) ? 'up' : 'down'}} text-navy"></i></div>
                                        <div class="progress progress-mini">
                                            <div style="width: {{count($previous_month_orders)!=0 ? number_format(count($month_orders)*100/count($previous_month_orders),0) : 100}}%;" class="progress-bar"></div>
                                        </div>
                                    </li>
                                    <li>
                                        <h2 class="no-margins ">{{number_format(count($previous_month_orders),0,',',' ')}}</h2>
                                        <small>{{__('texte.dashboard.last_month_orders')}}</small>
                                        <div class="stat-percent">{{count($last_to_previous_month_orders)!=0 ? number_format(count($previous_month_orders)*100/count($last_to_previous_month_orders),0) : 100}}% <i class="fa fa-level-{{count($previous_month_orders)>=count($last_to_previous_month_orders) ? 'up' : 'down'}} text-navy"></i></div>
                                        <div class="progress progress-mini">
                                            <div style="width: {{count($last_to_previous_month_orders)!=0 ? number_format(count($previous_month_orders)*100/count($last_to_previous_month_orders),0) : 100}}%;" class="progress-bar"></div>
                                        </div>
                                    </li>
                                    <li>
                                        <h2 class="no-margins ">{{number_format($month_orders->sum('total_amount'),0,',',' ')}}</h2>
                                        <small>{{__('texte.dashboard.current_month_income')}}</small>
                                        <div class="stat-percent">{{$previous_month_orders->sum('total_amount')!=0 ? number_format($month_orders->sum('total_amount')*100/$previous_month_orders->sum('total_amount'),0) : 100}}% <i class="fa fa-bolt text-navy"></i></div>
                                        <div class="progress progress-mini">
                                            <div style="width: {{$previous_month_orders->sum('total_amount')!=0 ? number_format($month_orders->sum('total_amount')*100/$previous_month_orders->sum('total_amount'),0) : 100}}%;" class="progress-bar"></div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox ">
                        <div class="ibox-title">
                            <h5>{{__('texte.dashboard.last_orders')}}</h5>
                        </div>
                        <div class="ibox-content table-responsive">
                            <table class="table table-hover no-margins">
                                <thead>
                                <tr>
                                    <th>{{__('texte.dashboard.number')}}</th>
                                    <th>{{__('texte.dashboard.client')}}</th>
                                    <th>{{__('texte.dashboard.obect')}}</th>
                                    <th>{{__('texte.dashboard.amount')}}</th>
                                    <th>{{__('texte.dashboard.delivery')}}</th>
                                    <th>{{__('texte.dashboard.order_date')}}</th>
                                    <th>{{__('texte.dashboard.status')}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @foreach($last_orders as $order)
                                    <tr>
                                        <td>{{$order->id}}</td>
                                        <td>{{$order->object->client->name}}</td>
                                        <td>{{$order->object->name}}</td>
                                        <td>{{number_format($order->total_amount,2,',','')}}</td>
                                        <td>{{date('d.m.Y',strtotime($order->delivery_date))}}</td>
                                        <td>{{date('d.m.Y',strtotime($order->created_at))}}</td>
                                        <td>{{__('texte.order_status_arr')[$order->status]}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            @endif
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox ">
                        <div class="ibox-content">
                        @include('includes.dashboard')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('js/flot/jquery.flot.js') }}"></script>
<script src="{{ asset('js/flot/jquery.flot.tooltip.min.js') }}"></script> 
<script src="{{ asset('js/flot/jquery.flot.spline.js') }}"></script>
<script src="{{ asset('js/flot/jquery.flot.resize.js') }}"></script>
<script src="{{ asset('js/flot/jquery.flot.pie.js') }}"></script> 
<script src="{{ asset('js/flot/jquery.flot.symbol.js') }}"></script> 
<script src="{{ asset('js/flot/jquery.flot.time.js') }}"></script> 



<script>
    var chart_orders = {!! isset($chart_orders) ? json_encode($chart_orders) : [] !!};
    console.log(chart_orders[0].year);
    var data2 = [];
    var data3 = [];
    
        $(document).ready(function() {
            
            if(chart_orders!=0){
                for(var i in chart_orders){
                    data2[i] = [gd(chart_orders[i].year,chart_orders[i].month, chart_orders[i].day), chart_orders[i].daily_amount];
                    data3[i] = [gd(chart_orders[i].year,chart_orders[i].month, chart_orders[i].day), chart_orders[i].count_orders];
                }
            }            
            
            console.log(data2);


            var dataset = [
                {
                    label: "Брой поръчки",
                    data: data3,
                    color: "#1ab394",
                    bars: {
                        show: true,
                        align: "center",
                        barWidth: 24 * 60 * 60 * 600,
                        lineWidth:0
                    }

                }, {
                    label: "Приход",
                    data: data2,
                    yaxis: 2,
                    color: "#1C84C6",
                    lines: {
                        lineWidth:1,
                            show: true,
                            fill: true,
                        fillColor: {
                            colors: [{
                                opacity: 0.2
                            }, {
                                opacity: 0.4
                            }]
                        }
                    },
                    splines: {
                        show: false,
                        tension: 0.6,
                        lineWidth: 1,
                        fill: 0.1
                    },
                }
            ];


            var options = {
                xaxis: {
                    mode: "time",
                    tickSize: [3, "day"],
                    tickLength: 0,
                    axisLabel: "Date",
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Arial',
                    axisLabelPadding: 10,
                    color: "#d5d5d5"
                },
                yaxes: [{
                    position: "left",
                    color: "#d5d5d5",
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Arial',
                    axisLabelPadding: 3
                }, {
                    position: "right",
                    clolor: "#d5d5d5",
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: ' Arial',
                    axisLabelPadding: 67
                }
                ],
                legend: {
                    noColumns: 1,
                    labelBoxBorderColor: "#000000",
                    position: "nw"
                },
                grid: {
                    hoverable: false,
                    borderWidth: 0
                }
            };

            function gd(year, month, day) {
                return new Date(year, month - 1, day).getTime();
            }

            var previousPoint = null, previousLabel = null;

            $.plot($("#flot-dashboard-chart"), dataset, options);

            
        });
    
    </script>
@endsection