@extends('core::layouts.master')
@section('head')
    <link rel="stylesheet" href="{{Module::asset('core:node_modules/c3/c3.min.css')}}" />
@endsection
@section('content')
    <div class="content-wrapper">
        <div class="stretch-card">
            <div class="row flex-grow">
                <div class="col-4 grid-margin stretch-card">
                    <a href="#" class="article-link">
                        <div class="card">
                            <div class="card-body">
                                <h6 class="card-title mb-0">تعداد مقالات</h6>
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="d-inline-block pt-3">
                                        <div class="d-lg-flex">
                                            <h2 class="mb-0 black">100</h2>
                                        </div>
                                        <div class="text-gray">
                                            <i class="mdi mdi-clock text-muted"></i>
                                            <small class="mr-1 mb-0">تاریخ ایجاد آخرین مقاله: 15 اسفند 1396</small>
                                        </div>
                                    </div>
                                    <div class="d-inline-block">
                                        <div class="bg-success px-3 px-md-4 py-2 rounded">
                                            <i class="mdi mdi-library-books text-white icon-lg"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-4 grid-margin stretch-card">
                    <a href="#" class="article-link">
                        <div class="card">
                            <div class="card-body">
                                <h6 class="card-title mb-0">تعداد اخبار</h6>
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="d-inline-block pt-3">
                                        <div class="d-lg-flex">
                                            <h2 class="mb-0 black">250</h2>
                                        </div>
                                        <div class="text-gray">
                                            <i class="mdi mdi-clock text-muted"></i>
                                            <small class="mr-1 mb-0">تاریخ ایجاد آخرین خبر: 15 اسفند 1396</small>
                                        </div>
                                    </div>
                                    <div class="d-inline-block">
                                        <div class="bg-warning px-3 px-md-4 py-2 rounded">
                                            <i class="mdi mdi-newspaper text-white icon-lg"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-4 grid-margin stretch-card">
                    <a href="#" class="article-link">
                        <div class="card">
                            <div class="card-body">
                                <h6 class="card-title mb-0">تعداد اعضای خبرنامه</h6>
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="d-inline-block pt-3">
                                        <div class="d-lg-flex">
                                            <h2 class="mb-0 black">200</h2>
                                        </div>
                                        <div class="text-gray">
                                            <i class="mdi mdi-clock text-muted"></i>
                                            <small class="mr-1 mb-0">تاریخ ثبت‌نام آخرین عضو: 15 اسفند 1396</small>
                                        </div>
                                    </div>
                                    <div class="d-inline-block">
                                        <div class="bg-primary px-3 px-md-4 py-2 rounded">
                                            <i class="mdi mdi-email-open text-white icon-lg"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        {{--<div class="row">--}}
            {{--<div class="col-md-6 grid-margin stretch-card">--}}
                {{--<div class="card">--}}
                    {{--<div class="card-body">--}}
                        {{--<div class="d-flex justify-content-between">--}}
                            {{--<h6 class="card-title">آخرین فرم های تکمیل شده</h6>--}}
                            {{--<small class="text-muted mr-auto"><a href="#">مدیریت فرم ها</a> </small>--}}
                        {{--</div>--}}
                        {{--<div class="list d-flex align-items-center border-bottom py-3">--}}
                            {{--<div class="form-icon-parent"><i class="mdi mdi-email-outline"></i> </div>--}}
                            {{--<div class="wrapper w-100 mr-3">--}}
                                {{--<h4 class="mb-0">پدرام کیایی <small> (pedy.kia@gmail.com) </small></h4>--}}
                                {{--<div class="d-flex justify-content-between align-items-center">--}}
                                    {{--<div class="d-flex align-items-center">--}}
                                        {{--<p class="mb-0 ultralight">تماس با ما</p>--}}
                                    {{--</div>--}}
                                    {{--<small class="text-muted mr-auto"><i class="mdi mdi-clock text-muted mr-1"></i> 2 ساعت پیش</small>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="list d-flex align-items-center border-bottom py-3">--}}
                            {{--<div class="form-icon-parent opened"><i class="mdi mdi-email-open-outline"></i> </div>--}}
                            {{--<div class="wrapper w-100 mr-3">--}}
                                {{--<h4 class="mb-0">آرش انوشه <small> (arash.anooshe@gmail.com) </small></h4>--}}
                                {{--<div class="d-flex justify-content-between align-items-center">--}}
                                    {{--<div class="d-flex align-items-center">--}}
                                        {{--<p class="mb-0 ultralight">سفارشات</p>--}}
                                    {{--</div>--}}
                                    {{--<small class="text-muted mr-auto"><i class="mdi mdi-clock text-muted mr-1"></i> 2 ساعت پیش</small>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="list d-flex align-items-center border-bottom py-3">--}}
                            {{--<div class="form-icon-parent"><i class="mdi mdi-email-outline"></i> </div>--}}
                            {{--<div class="wrapper w-100 mr-3">--}}
                                {{--<h4 class="mb-0">پدرام کیایی <small> (pedy.kia@gmail.com) </small></h4>--}}
                                {{--<div class="d-flex justify-content-between align-items-center">--}}
                                    {{--<div class="d-flex align-items-center">--}}
                                        {{--<p class="mb-0 ultralight">تماس با ما</p>--}}
                                    {{--</div>--}}
                                    {{--<small class="text-muted mr-auto"><i class="mdi mdi-clock text-muted mr-1"></i> 2 ساعت پیش</small>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="list d-flex align-items-center py-3">--}}
                            {{--<div class="form-icon-parent"><i class="mdi mdi-email-outline"></i> </div>--}}
                            {{--<div class="wrapper w-100 mr-3">--}}
                                {{--<h4 class="mb-0">پدرام کیایی <small> (pedy.kia@gmail.com) </small></h4>--}}
                                {{--<div class="d-flex justify-content-between align-items-center">--}}
                                    {{--<div class="d-flex align-items-center">--}}
                                        {{--<p class="mb-0 ultralight">تماس با ما</p>--}}
                                    {{--</div>--}}
                                    {{--<small class="text-muted mr-auto"><i class="mdi mdi-clock text-muted mr-1"></i> 2 ساعت پیش</small>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="col-md-6 grid-margin stretch-card">--}}
                {{--<div class="card">--}}
                    {{--<div class="card-body pb-0">--}}
                        {{--<div class="d-flex justify-content-between">--}}
                            {{--<h6 class="card-title">نظر کاربران</h6>--}}
                            {{--<small class="text-muted mr-auto"><a href="/cm">مدیریت نظرات</a> </small>--}}
                        {{--</div>--}}
                        {{--<div class="row">--}}
                            {{--<div class="col-12">--}}
                                {{--<div class="wrapper border-bottom py-2">--}}
                                    {{--<div class="d-flex">--}}
                                        {{--<img class="img-sm rounded-circle" src="admin/images/faces/face2.jpg" alt="">--}}
                                        {{--<div class="wrapper w-100 mr-4">--}}
                                            {{--<p class="mb-0">نام کاربر</p>--}}
                                            {{--<div class="d-flex justify-content-between align-items-center">--}}
                                                {{--<div class="d-flex align-items-center">--}}
                                                    {{--<small class="text-muted mb-0">ثبت شده در: عنوان مطلب</small>--}}
                                                {{--</div>--}}
                                                {{--<small class="text-muted mr-auto"><i class="mdi mdi-clock text-muted mr-1"></i> 2 ساعت پیش</small>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="col-12">--}}
                                {{--<div class="wrapper border-bottom py-2">--}}
                                    {{--<div class="d-flex">--}}
                                        {{--<img class="img-sm rounded-circle" src="admin/images/faces/face1.jpg" alt="">--}}
                                        {{--<div class="wrapper w-100 mr-4">--}}
                                            {{--<p class="mb-0">نام کاربر</p>--}}
                                            {{--<div class="d-flex justify-content-between align-items-center">--}}
                                                {{--<div class="d-flex align-items-center">--}}
                                                    {{--<small class="text-muted mb-0">ثبت شده در: عنوان مطلب</small>--}}
                                                {{--</div>--}}
                                                {{--<small class="text-muted mr-auto"><i class="mdi mdi-clock text-muted mr-1"></i> 2 ساعت پیش</small>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="col-12">--}}
                                {{--<div class="wrapper border-bottom py-2">--}}
                                    {{--<div class="d-flex">--}}
                                        {{--<img class="img-sm rounded-circle" src="admin/images/faces/face3.jpg" alt="">--}}
                                        {{--<div class="wrapper w-100 mr-4">--}}
                                            {{--<p class="mb-0">نام کاربر</p>--}}
                                            {{--<div class="d-flex justify-content-between align-items-center">--}}
                                                {{--<div class="d-flex align-items-center">--}}
                                                    {{--<small class="text-muted mb-0">ثبت شده در: عنوان مطلب</small>--}}
                                                {{--</div>--}}
                                                {{--<small class="text-muted mr-auto"><i class="mdi mdi-clock text-muted mr-1"></i> 2 ساعت پیش</small>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="col-12">--}}
                                {{--<div class="wrapper border-bottom py-2">--}}
                                    {{--<div class="d-flex">--}}
                                        {{--<img class="img-sm rounded-circle" src="admin/images/faces/face4.jpg" alt="">--}}
                                        {{--<div class="wrapper w-100 mr-4">--}}
                                            {{--<p class="mb-0">نام کاربر</p>--}}
                                            {{--<div class="d-flex justify-content-between align-items-center">--}}
                                                {{--<div class="d-flex align-items-center">--}}
                                                    {{--<small class="text-muted mb-0">ثبت شده در: عنوان مطلب</small>--}}
                                                {{--</div>--}}
                                                {{--<small class="text-muted mr-auto"><i class="mdi mdi-clock text-muted mr-1"></i> 2 ساعت پیش</small>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="col-12">--}}
                                {{--<div class="wrapper py-2">--}}
                                    {{--<div class="d-flex">--}}
                                        {{--<img class="img-sm rounded-circle" src="admin/images/faces/face4.jpg" alt="">--}}
                                        {{--<div class="wrapper w-100 mr-4">--}}
                                            {{--<p class="mb-0">نام کاربر</p>--}}
                                            {{--<div class="d-flex justify-content-between align-items-center">--}}
                                                {{--<div class="d-flex align-items-center">--}}
                                                    {{--<small class="text-muted mb-0">ثبت شده در: عنوان مطلب</small>--}}
                                                {{--</div>--}}
                                                {{--<small class="text-muted mr-auto"><i class="mdi mdi-clock text-muted mr-1"></i> 2 ساعت پیش</small>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
        {{--<div class="row">--}}
            {{--<div class="col-md-4 grid-margin">--}}
                {{--<div class="card">--}}
                    {{--<div class="card-body">--}}
                        {{--<div class="wrapper d-flex align-items-center justify-content-start justify-content-sm-center">--}}
                            {{--<img class="img-md rounded" src="admin/images/faces/face1.jpg" alt="">--}}
                            {{--<div class="wrapper mr-4">--}}
                                {{--<p class="mb-0 font-weight-medium">محمد احمدی</p>--}}
                                {{--<small class="text-muted mb-0">timcook@gmail.com</small>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="col-md-4 grid-margin">--}}
                {{--<div class="card">--}}
                    {{--<div class="card-body">--}}
                        {{--<div class="wrapper d-flex align-items-center justify-content-start justify-content-sm-center">--}}
                            {{--<img class="img-md rounded" src="admin/images/faces/face2.jpg" alt="">--}}
                            {{--<div class="wrapper mr-4">--}}
                                {{--<p class="mb-0 font-weight-medium">امید عسگری</p>--}}
                                {{--<small class="text-muted mb-0">Sarahgraves@gmail.com</small>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="col-md-4 grid-margin">--}}
                {{--<div class="card">--}}
                    {{--<div class="card-body">--}}
                        {{--<div class="wrapper d-flex align-items-center justify-content-start justify-content-sm-center">--}}
                            {{--<img class="img-md rounded" src="admin/images/faces/face3.jpg" alt="">--}}
                            {{--<div class="wrapper mr-4">--}}
                                {{--<p class="mb-0 font-weight-medium">آرش انوشه</p>--}}
                                {{--<small class="text-muted mb-0">David@gmail.com</small>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
    </div>
@endsection

@section('script')
    <!-- Plugin js for this page-->
    <script src="{{Module::asset('core:node_modules/jquery-bar-rating/dist/jquery.barrating.min.js')}}"></script>
    <script src="{{Module::asset('core:node_modules/chart.js/dist/Chart.min.js')}}"></script>
    <script src="{{Module::asset('core:node_modules/raphael/raphael.min.js')}}"></script>
    <script src="{{Module::asset('core:node_modules/morris.js/morris.min.js')}}"></script>
    <script src="{{Module::asset('core:node_modules/jquery-sparkline/jquery.sparkline.min.js')}}"></script>
    <script src="{{Module::asset('core:node_modules/d3/d3.min.js')}}"></script>
    <script src="{{Module::asset('core:node_modules/c3/c3.min.js')}}"></script>
    <!-- End plugin js for this page-->
    <!-- inject:js -->
    <script src="{{Module::asset('core:js/dashboard.js')}}"></script>
    <!-- endinject -->
    <script>
        if ($("#dashboard-donut-chart-browser").length) {
            $(function() {
                var total = 100;
                var browsersChart = Morris.Donut({
                    element: 'dashboard-donut-chart-browser',
                    data: [
                        {
                            label: "Google chrome",
                            value: 30
                        },
                        {
                            label: "MozilLa Firefox",
                            value: 25
                        },
                        {
                            label: "Internet explorer",
                            value: 15
                        },
                        {
                            label: "Safari",
                            value: 5
                        },
                        {
                            label: "Opera",
                            value: 20
                        },
                        {
                            label: "Others",
                            value: 5
                        }
                    ],
                    resize: true,
                    colors: ['#F1B83E','#F29D31', '#30C8FC', '#269EE4', '#F25949', '#dddddd'],
                    formatter: function(value, data) {
                        return Math.floor(value / total * 100) + '%';
                    }
                });

                browsersChart.options.data.forEach(function(label, i) {
                    var legendItem = $('<span></span>').text(label['label']).prepend('<span>&nbsp;</span>');
                    legendItem.find('span')
                        .css('backgroundColor', browsersChart.options.colors[i]);
                    $('#legend').append(legendItem)
                });
            });
        }
        var c3SplineChart = c3.generate({
            bindto: '#c3-spline-chart',
            data: {
                columns: [
                    ['ﺪﯾﺩﺯﺎﺑ', 30, 200, 100, 400, 150, 250, 250],
                    ['ﻥﺎﮔﺪﻨﻨﻛﺪﯾﺩﺯﺎﺑ', 130, 100, 140, 200, 150, 50, 50]
                ],

                type: 'spline',
            },
            axis: {
                x: {
                    type: 'category',
                    categories:['ﻪﺒﻨﺷ' ,'ﻪﺒﻨﺸﻜﯾ' ,'ﻪﺒﻨﺷﻭﺩ' ,'ﻪﺒﻨﺷ ﻪﺳ' ,'ﻪﺒﻨﺷﺭﺎﻬﭼ' ,'ﻪﺒﻨﺸﺠﻨﭘ' ,'ﻪﻌﻤﺟ']
                }
            },
            color: {
                pattern: ['rgba(88,216,163,1)','rgba(237,28,36,0.6)','rgba(4,189,254,0.6)']
            },
            padding: {
                top: 0,
                right:0,
                bottom:30,
                left: 25,
            },
            tooltip: {
                show: false
            }
        });
        if ($("#dashboard-lineChart-2").length) {
            var lineChartCanvas = $("#dashboard-lineChart-2").get(0).getContext("2d");
            var lineChart = new Chart(lineChartCanvas, {
                type: 'line',
                data: {
                    labels: ["2013", "2014", "2014", "2015", "2016", "2017"],
                    datasets: [{
                        data: [2, 4, 3, 3, 2, 3],
                        pointBackgroundColor: "#fff",
                        pointBorderWidth: 1,
                        backgroundColor: [
                            'rgba(0,0,0,0)'
                        ],
                        borderColor: [
                            '#caa8f9'
                        ],
                        borderWidth: 1
                    }]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: true,
                    scales: {
                        xAxes: [{
                            gridLines: {
                                drawBorder: false,
                                display: false
                            },
                            ticks: {
                                display: false,
                            }
                        }],
                        yAxes: [{
                            gridLines: {
                                drawBorder: false,
                                display: false,
                            },
                            ticks: {
                                display: false,
                            }
                        }]
                    },
                    legend: {
                        display: false
                    },
                    tooltips: {
                        enabled: false
                    },
                    layout: {
                        padding: {
                            top: 5,
                            right: 5,
                            left: 5,
                            bottom: 5
                        }
                    }
                }
            });
        }
        if ($("#dashboard-lineChart-3").length) {
            var lineChartCanvas = $("#dashboard-lineChart-3").get(0).getContext("2d");
            var lineChart = new Chart(lineChartCanvas, {
                type: 'line',
                data: {
                    labels: ["2013", "2014", "2014", "2015", "2016", "2017"],
                    datasets: [{
                        data: [2, 4, 3, 3, 2, 3],
                        pointBackgroundColor: "#fff",
                        pointBorderWidth: 1,
                        backgroundColor: [
                            'rgba(0,0,0,0)'
                        ],
                        borderColor: [
                            '#fff'
                        ],
                        borderWidth: 1
                    }]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: true,
                    scales: {
                        xAxes: [{
                            gridLines: {
                                drawBorder: false,
                                display: false
                            },
                            ticks: {
                                display: false,
                            }
                        }],
                        yAxes: [{
                            gridLines: {
                                drawBorder: false,
                                display: false,
                            },
                            ticks: {
                                display: false,
                            }
                        }]
                    },
                    legend: {
                        display: false
                    },
                    tooltips: {
                        enabled: false
                    },
                    layout: {
                        padding: {
                            top: 5,
                            right: 5,
                            left: 5,
                            bottom: 5
                        }
                    }
                }
            });
        }
    </script>
@endsection