@extends('partner.layouts.master')

@section('css')
    <!--Chartist Chart CSS -->
    <link rel="stylesheet" href="{{ URL::asset('dashboard/plugins/morris/morris.css') }}">
    <link rel="stylesheet" href="{{ URL::asset('dashboard/plugins/chartist/css/chartist.min.css') }}">
@endsection

@section('breadcrumb')
    <!--<div class="col-sm-6">-->
    <!--    <h4 class="page-title">{{ trans('labels.dashboard') }}</h4>-->
    <!--    <ol class="breadcrumb">-->
    <!--        <li class="breadcrumb-item active">{{ trans('labels.welcome_to') }} {{ trans('labels.admin') }}</li>-->
    <!--    </ol>-->
    <!--</div>-->
@endsection

@section('content')
    <div class="row">

        @foreach ($cards as $key => $card)
            @can($card['can'])
                <div class="col-xl-3 col-md-6">
                    <div class="card mini-stat text-black">
                        <div class="card-body">
                            <div class="mb-4">
                                
                                <h5 class="font-16 text-uppercase mt-0 text-black-50" style="font-weight: bold;">{{ $key }}</h5>
                                <!--<h4 class="font-500">{{ $card['count'] }}-->
                                <!--     <i class="mdi mdi-arrow-up text-success ml-2"></i> -->
                                <!--</h4>-->
                                <div class="mini-stat-label {{ $card['bg-color'] }}" style="background-color: #dbfaed !important;color: #3d8642;">
                                            <p class="mb-0" style="font-size: 17px;font-weight: bold;">+ 0%</p>
                                        </div>
                            </div>
                            <div class="pt-2">
                                <div class="float-right" style="height: 50px;line-height: 50px;text-align: center;">
                                    <a href="{{ $card['url'] }}" class="text-black-50">
                                        <!--<i class="mdi mdi-arrow-left h5"></i>-->
                                        <span>تفاصيل</span>
                                    </a>
                                </div>
                                <h4 class="font-500">
                                    <span style="font-size: 27px;font-weight: bold;">{{ $card['count'] }}</span>
                                     <i class="mdi mdi-arrow-up text-success ml-2"></i> 
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            @endcan
        @endforeach
    </div>
    <!-- end row -->
    <div class="row">
        <div style="display: flex; justify-content: center; flex-direction: column; margin-top: 30px;width: 100%;align-items: center;" >
            <div style="font-size: 30px">أنت الان تستخدم نظام شركاء نجاح منصة الجوهري</div>
            <h1>{{auth()->guard('partner')->user()->name}}</h1>
            <h3>{{auth()->guard('partner')->user()->branchTitle()}}</h3>
            <h3>{{auth()->guard('partner')->user()->levelName()}}</h3>
            <a href="{{route('partner.orders.create')}}" class="btn btn-primary" style="width: 50%;font-size: 30px;margin-top: 20px;border-radius: 20px;"> 
                ابدا البيع
            </a>
        </div>
    </div>
@endsection

@section('script')
    <!--Chartist Chart-->
    <script src="{{ URL::asset('dashboard/plugins/chartist/js/chartist.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/chartist/js/chartist-plugin-tooltip.min.js') }}"></script>
    <!-- peity JS -->
    <script src="{{ URL::asset('dashboard/plugins/peity-chart/jquery.peity.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/assets/pages/dashboard.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/morris/morris.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/raphael/raphael-min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/assets/pages/morris.init.js') }}"></script>
    <script src="{{ URL::asset('dashboard/assets/pages/chartist.init.js') }}"></script>
    <script>
        var students = $('#studentList').data("users");
        console.log(students);
        var statuses = [];
        var numbers = [];
        students.forEach(
            function(obj) {
                statuses.push(obj.label);
                numbers.push(obj.count);
            }
        );
        var data = {
          series: numbers
        };
        
        var sum = function(a, b) {
          return a + b
        };
        
        new Chartist.Pie('#simple-pie', data, {
          labelInterpolationFnc: function(value, idx) {
            var percentage = Math.round(value / data.series.reduce(sum) * 100) + '%';
            return statuses[idx] + ' ' + percentage;
          }
        });
    </script>
    <script>
        var days = $('#all-orders').data("days");
        var lectures = $('#all-orders').data("lectures");
        var packages = $('#all-orders').data("packages");
        var books = $('#all-orders').data("books");
        new Chartist.Bar('#stacked-bar-chart', {
          labels: days,
          series: [
            lectures,
            packages,
            books
          ]
        }, {
          fullWidth: true,
          stackBars: true,
        //   chartPadding: {
        //     right: 40
        //   },
          axisY: {
            labelInterpolationFnc: function(value) {
            //   return (value / 1000) + 'k';
              return value;
            }
          },
          plugins: [
            Chartist.plugins.tooltip()
          ]
        }).on('draw', function(data) {
          if(data.type === 'bar') {
            data.element.attr({
              style: 'stroke-width: 30px'
            });
          }
        });
    </script>
    <script>
        // new Morris.Line('#morris-line-example', {}, 'y', ['a', 'b', 'c'], ['Activated', 'ddd', 'Deactivated'], ['#ccc', '#3c4ccf', '#02a499']);
        var dataa=[
                {"day":"1","fawry":"687928","bank":"688331"},
                {"day":"2","fawry":"688331","bank":"776029"},
                {"day":"3","fawry":"776029","bank":"542002"},
                {"day":"4","fawry":"542002","bank":"776029"},
                {"day":"5","fawry":"776029","bank":"687928"},
                {"day":"6","fawry":"804183","bank":"776029"},
                {"day":"7","fawry":"776029","bank":"654589"},
                {"day":"8","fawry":"654589","bank":"804183"}
            ]
            
            
            Morris.Line({
              element: 'morris-line-example',
              data: dataa,
              xkey: ['day'],
              ykeys: ['fawry', 'bank'],
              labels: ['fawry', 'bank'],
              parseTime : false
                });
    </script>
@endsection