@extends('layouts.adminLayouts')

@section('head')

@stop

@section('content-header')
    <section class="content-header">
        <h1>
            داشبورد
            <small>پنل مدیریتی {{get_option('site_title') != null ? get_option('site_title') : 'اترک وب'}}</small>
        </h1>

        {{ Breadcrumbs::render('admin') }}

    </section>
@stop


@section('content')

    @if(get_option('sms_status') < 1 )
            <div class="alert-site">
                <span class="icon-alert warning">
                    <i class="fa fa-info"></i>
                </span>
                <p class="message">{{get_option('sms_message')}}</p>
                @if(get_option('sms_status') == -2)
                <p class="text-left"><a href="https://digilara.ir/dashboard">شارژ حساب</a></p>
                @endif
                <button class="close-alert"><i class="fa fa-close"></i></button>
            </div>
    @endif
    <!-- Info boxes -->
    <div class="row">
        <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="info-box">
                <a href="{{url('/admin/contacts')}}"><span class="info-box-icon bg-aqua"><i class="fa fa-comment-o"></i></span></a>

                <div class="info-box-content">
                    <span class="info-box-text">پیام جدید</span>
                    <span class="info-box-number">{{number_format(\App\Admin::newContact())}}</span>
                </div>
                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>

        <!-- fix for small devices only -->
        <div class="clearfix visible-sm-block"></div>

        <!-- /.col -->
        <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-yellow"><i class="ion ion-ios-people-outline"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">کاربران جدید (امروز)</span>
                    <span
                        class="info-box-number">{{\App\User::where('created_at','>',\Illuminate\Support\Carbon::today())->count()}}</span>
                </div>
                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->

    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">گزارش ماهانه</h3>

                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove"><i
                                class="fa fa-times"></i></button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="chart">
                                <!-- Sales Chart Canvas -->
                                <div id="container2"
                                     style="min-width: 310px; height: 400px; margin: 0 auto;direction:ltr"></div>
                            </div>
                            <!-- /.chart-responsive -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.box-footer -->
            </div>
            <!-- /.box -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->

    <!-- Main row -->
    <div class="row">
        <!-- Left col -->
        <div class="col-md-8">
            <!-- TABLE: LATEST ORDERS -->
            <div class="box box-info">
                <div class="box-header with-border">
                    <h3 class="box-title">آخرین پیام ها</h3>

                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove"><i
                                class="fa fa-times"></i></button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="table-responsive">
                        <table class="table no-margin">
                            <thead>
                            <tr>
                                <th>کد پیگیری</th>
                                <th>نوع پیام</th>
                                <th>شهروند</th>
                                <th>تاریخ ثبت</th>
                                <th>دسته</th>
                                <th>وضعیت</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($contacts as $contact)
                                <tr>
                                    <td><a href="{{url('/admin/contacts/'.$contact->id)}}">{{$contact->code}}</a></td>
                                    <td>
                                        @if($contact->type == 'contact')
                                            <span class="label label-info">تماس با ما</span>
                                        @else
                                            <span class="label label-success">سامانه 137</span>
                                        @endif
                                    </td>
                                    <td>{{$contact->name}}</td>
                                    <td>{{\Morilog\Jalali\Jalalian::forge($contact->created_at)->format('h:i d F y')}}</td>
                                    <td>{{$contact->subject->title}}</td>
                                    <td>
                                        @if($contact->status == 0)
                                            <span class="label label-info">درصف بررسی</span>
                                        @elseif($contact->status == 1)
                                            <span class="label label-success">حل شده</span>
                                        @elseif($contact->status == 2)
                                            <span class="label label-primary">در دست بررسی</span>
                                        @elseif($contact->status == -1)
                                            <span class="label label-danger">هرزنامه</span>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->
                </div>
                <!-- /.box-body -->
                <div class="box-footer clearfix">
                    <a href="{{url('admin/contacts')}}" class="btn btn-sm btn-default btn-flat pull-right">نمایش همه</a>
                </div>
                <!-- /.box-footer -->
            </div>
            <!-- /.box -->

            <div class="box box-info">
                <div class="box-header with-border">
                    <h3 class="box-title">وضعیت پیام ها</h3>

                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove"><i
                                class="fa fa-times"></i></button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="chart-responsive">
                        <div id="container4" style="min-width: 310px; height: 400px;direction:ltr"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.col -->

        <div class="col-md-4">

            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">آمار تحلیلی</h3>

                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove"><i
                                class="fa fa-times"></i></button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="chart-responsive">
                                <div id="container3" style="min-width: 310px; height: 400px;direction:ltr"></div>
                            </div>
                            <!-- ./chart-responsive -->
                        </div>
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.box-body -->
                <div class="box-footer no-padding">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="#">تعداد کل بازدید سایت
                                <span class="pull-left text-red">{{number_format($total_view)}} بازدید</span></a></li>
                        <li><a href="#">تعداد کل بازدید سایت (این ماه)
                                <span class="pull-left text-red">{{number_format($total_view_of_month)}} بازدید</span></a></li>

                    </ul>
                </div>
                <!-- /.footer -->
            </div>
            <!-- /.box -->

            <!-- PRODUCT LIST -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">آخرین نوشته ها</h3>

                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove"><i
                                class="fa fa-times"></i></button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <ul class="products-list product-list-in-box">
                        @foreach (\App\Post::latest()->take(5)->get() as $post)
                            <li class="item">
                                <div class="product-img">
                                    <img src="{{url('/assets/post').'/'.$post->image}}" height="50px"
                                         alt="Product Image">
                                </div>
                                <div class="product-info">
                                    <a href="javascript:void(0)"
                                       class="product-title">{{ str_limit($post->fa_name,45)}}
                                    <span class="product-description">
                                        {{($post->subject ? $post->subject->label : 'بدون دسته بندی')}}
                                    </span>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
                <!-- /.box-body -->
                <div class="box-footer text-center">
                    <a href="{{url('/admin/products')}}" class="uppercase">نمایش همه</a>
                </div>
                <!-- /.box-footer -->
            </div>
            <!-- /.box -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->
@stop

@section('footer')
    <!-- Sparkline -->
    <script src="{{url('/assets/admin/bower_components/jquery-sparkline/dist/jquery.sparkline.min.js')}}"></script>
    <!-- jvectormap  -->
    <script src="{{url('/assets/admin/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js')}}"></script>
    <script src="{{url('/assets/admin/plugins/jvectormap/jquery-jvectormap-world-mill-en.js')}}"></script>
    <!-- SlimScroll -->
    <script src="{{url('/assets/admin/bower_components/jquery-slimscroll/jquery.slimscroll.min.js')}}"></script>
    <script type="text/javascript" src="{{ url('assets/js/highcharts.js') }}"></script>


    <script>
        Highcharts.chart('container2', {
            chart: {
                type: 'line',
                style: {
                    fontFamily: 'iranyekan'
                }
            },
            title: {
                text: 'نمودار آمار بازید این ماه سایت'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: [@foreach($dates as $date) "{{$date}}", @endforeach]
            },
            yAxis: {
                title: {
                    text: ''
                }
            },
            legend: {
                verticalAlign: 'top',
                y: 30
            },
            tooltip: {},
            series: [{
                name: 'تعداد کل بازدید',
                data: [@foreach($dates as $date){{\App\Visitor::where('created_at','<=',implode('-',\Morilog\Jalali\CalendarUtils::toGregorian(explode('-',$date)[0], explode('-',$date)[1], explode('-',$date)[2])).' 23:59:59')->where('created_at','>',implode('-',\Morilog\Jalali\CalendarUtils::toGregorian(explode('-',$date)[0], explode('-',$date)[1], explode('-',$date)[2])).' 00:00:00')->sum('clicks')}}, @endforeach],
                color: 'red'
            }, {
                name: 'بازدید یکتا',
                data: [@foreach($dates as $date){{\App\Visitor::where('created_at','<=',implode('-',\Morilog\Jalali\CalendarUtils::toGregorian(explode('-',$date)[0], explode('-',$date)[1], explode('-',$date)[2])).' 23:59:59')->where('created_at','>',implode('-',\Morilog\Jalali\CalendarUtils::toGregorian(explode('-',$date)[0], explode('-',$date)[1], explode('-',$date)[2])).' 00:00:00')->count('ip')}}, @endforeach],
                marker: {
                    symbol: 'circle'
                }
            }]
        });
    </script>

    <script>
        Highcharts.chart('container2', {
            chart: {
                type: 'line',
                style: {
                    fontFamily: 'iranyekan'
                }
            },
            title: {
                text: 'نمودار آمار بازید این ماه سایت'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: [@foreach($dates as $date) "{{$date}}", @endforeach]
            },
            yAxis: {
                title: {
                    text: ''
                }
            },
            legend: {
                verticalAlign: 'top',
                y: 30
            },
            tooltip: {},
            series: [{
                name: 'تعداد کل بازدید',
                data: [@foreach($dates as $date){{\App\Visitor::where('created_at','<=',implode('-',\Morilog\Jalali\CalendarUtils::toGregorian(explode('-',$date)[0], explode('-',$date)[1], explode('-',$date)[2])).' 23:59:59')->where('created_at','>',implode('-',\Morilog\Jalali\CalendarUtils::toGregorian(explode('-',$date)[0], explode('-',$date)[1], explode('-',$date)[2])).' 00:00:00')->sum('clicks')}}, @endforeach],
                color: 'red'
            }, {
                name: 'بازدید یکتا',
                data: [@foreach($dates as $date){{\App\Visitor::where('created_at','<=',implode('-',\Morilog\Jalali\CalendarUtils::toGregorian(explode('-',$date)[0], explode('-',$date)[1], explode('-',$date)[2])).' 23:59:59')->where('created_at','>',implode('-',\Morilog\Jalali\CalendarUtils::toGregorian(explode('-',$date)[0], explode('-',$date)[1], explode('-',$date)[2])).' 00:00:00')->count('ip')}}, @endforeach],
                marker: {
                    symbol: 'circle'
                }
            }]
        });
    </script>
    <script>
        Highcharts.chart('container3', {
            chart: {
                type: 'pie',
                style: {
                    fontFamily: 'iranyekan'
                }
            },
            title: {
                text: 'پر استفاده ترین مرورگر ها'
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}</b>%'
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        format: '<b>{point.name}</b>: <b>{point.percentage:.1f} %'
                    }
                }
            },
            series: [{
                name: 'percent',
                colorByPoint: true,
                data: [
                        @foreach($browsers as $browser){
                        name: '{{$browser['name']}}',
                        y: {{$browser['percent']}}
                    },@endforeach]
            }]
        });
    </script>
    <script>
        Highcharts.chart('container4', {
            chart: {
                type: 'pie',
                style: {
                    fontFamily: 'iranyekan'
                }
            },
            title: {
                text: 'وضعیت پیام این ماه'
            },
            tooltip: {
                useHTML: true,
                pointFormat: '<b>{point.percentage:.1f}%</b><br>پیام: {point.y} </br>'
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        y: -5, //Optional
                        format: '\u202B' + '{point.name}', // \u202B is RLE char for RTL support
                        style: {
                            fontSize: '15px',
                            fontFamily: 'iranyekan',
                            textShadow: false, //bug fixed IE9 and EDGE
                        },
                        useHTML: true,
                    },
                    //showInLegend: true,
                },
            },
            series: [{
                name: 'percent',
                colorByPoint: true,
                data: [
                        @foreach($messages as $contact){
                        name: '{{$message_status_label[$contact->status]}}',
                        y: {{$contact->total}}
                    },@endforeach]
            }]
        });
    </script>
@stop