@extends('admin.layouts.container')

@section('content')

<div class="row">
    @for ($i = 1; $i < 13 ; $i++)
        @if (array_key_exists($i, $monthVisitCounts))
            @continue
        @endif
        @php $monthVisitCounts[$i] = 0; @endphp
    @endfor

    @php ksort($monthVisitCounts); @endphp



    @foreach ($monthVisitCounts as $month => $count)
            <input type="hidden" name="{{$month}}" value="{{$count}}" class="monthVisitCounts">
    @endforeach



    <section class="general-report col-12 mb-4">
    <div class="row">
        <div class="col-md-4">
            <div class="items">
                <div class="top">
                    <div>
                        <p>{{__('web.visitors')}}  </p>
                        <h2 class="counter">{{$visitors}}</h2>
                    </div>
                    <span class="icon">
                            <i class="far fa-eye"></i>
                        </span>
                </div>
                <!--<div class="bottom">-->
                <!--    <div class="item text-left">-->
                <!--        <span><i class="fas fa-sort-down text-danger"></i> 0 % </span>-->
                <!--        <small>هذا الشهر</small>-->
                <!--    </div>-->
                <!--    <div class="item text-right">-->
                <!--        <span><b>0</b></span>-->
                <!--        <small>الشهر الماضى</small>-->
                <!--    </div>-->
                <!--</div>-->
            </div>
        </div>
         <div class="col-md-4">
             <a href="{{url('admin/show/ill')}}" class="d-block w-100">
                <div class="items">
                    
                    <div class="top">
                        
                        <div>
                            <p>{{__('web.form_count')}} {{__('web.ill')}}   </p>
                            <h2 class="counter">{{$ill}}</h2>
                        </div>
                        <span class="icon">
                                <i class="fas fa-wheelchair"></i>
                            </span>
                    </div>
                    
                </div>
            </a>
        </div>
        <div class="col-md-4">
             <a href="{{url('admin/show/right')}}" class="d-block w-100">
                <div class="items">
                    
                    <div class="top">
                        <div>
                           <p> {{__('web.count')}} {{__('web.right')}} </p>
                            <h2 class="counter">{{$right}}</h2>
                        </div>
                        <span class="icon">
                                <i class="fas fa-user-friends"></i>
                            </span>
                    </div>
                   
                </div>
             </a>
        </div>
        
        <div class="col-md-4">
            <a href="{{url('admin/show/win')}}" class="d-block w-100">
                <div class="items">
                    
                    <div class="top">
                        <div>
                            <p> {{__('web.count')}} {{__('web.not_win')}} </p> 
                            <h2 class="counter">{{$win}}</h2>
                        </div>
                        <span class="icon">
                                <i class="fas fa-user-friends"></i>
                            </span>
                    </div>
                   
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="{{url('admin/news')}}" class="d-block w-100">
                <div class="items">
                   
                    <div class="top">
                        <div>
                             <p> {{__('web.form_count')}} - {{__('web.new')}} </p>
                            <h2 class="counter">{{$new}}</h2>
                        </div>
                        <span class="icon">
                                <i class="fas fa-th-large"></i>
                            </span>
                    </div>
                   
                </div>
             </a>
        </div>
        <div class="col-md-4">
            <a href="{{url('admin/processes')}}" class="d-block w-100">
                <div class="items">
                    
                    <div class="top">
                        <div>
                            <p> {{__('web.form_count')}} - {{__('web.process')}} </p>
                            <h2 class="counter">{{$process}}</h2>
                        </div>
                        <span class="icon">
                                <i class="fas fa-search"></i>
                            </span>
                    </div>
                   
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="{{url('admin/accepts')}}" class="d-block w-100">
                <div class="items">
                    
                    <div class="top">
                        <div>
                            <p> {{__('web.form_count')}} - {{__('web.accepts')}} </p>
                            <h2 class="counter">{{$accept}}</h2>
                        </div>
                        <span class="icon">
                                <i class="fas fa-check"></i>
                            </span>
                    </div>
                   
                </div>
             </a>
        </div>
        <div class="col-md-4">
             <a href="{{url('admin/rejects')}}" class="d-block w-100">
                <div class="items">
                    
                    <div class="top">
                        <div>
                           <p> {{__('web.form_count')}} - {{__('web.reject')}} </p> 
                            <h2 class="counter">{{$reject}}</h2>
                        </div>
                        <span class="icon">
                                <i class="fas fa-times"></i>
                            </span>
                    </div>
                   
                </div>
             </a>
        </div>
        <div class="col-md-4">
            <a href="{{url('admin/passes')}}" class="d-block w-100">
                <div class="items">
                   
                    <div class="top">
                        <div>
                             <p> {{__('web.form_count')}} - {{__('web.pass')}} </p>
                            <h2 class="counter">{{$pass}}</h2>
                        </div>
                        <span class="icon">
                                <i class="far fa-thumbs-up"></i>
                            </span>
                    </div>
                    
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="{{url('admin/fails')}}" class="d-block w-100">
                <div class="items">
                   
                    <div class="top">
                        <div>
                             <p> {{__('web.form_count')}} - {{__('web.fail')}} </p>
                            <h2 class="counter">{{$fail}}</h2>
                        </div>
                        <span class="icon">
                                <i class="fas fa-heart-broken"></i>
                            </span>
                    </div>
                    
                </div>
            </a>
        </div>
    </div>
</section>
    <!-- ------------ line chart ------------- -->
    <input type="hidden" value="{{$allVisitorCounts}}" class="allVisitorCounts">
    <div class="col-lg-12">
        <h5 class="text-uppercase font-weight-bold">{{__('dashboard.visit_year')}}</h5>
        <canvas class="border-item lineChart" width="400" height="150"></canvas>
    </div>

{{--    <div class="col-lg-6">--}}
{{--        <div class="new-users border-item">--}}
{{--            <div class="datatitle">--}}
{{--                <h6>The proportion of new users</h6>--}}
{{--                <p>2019-06-13 ~ 2019-06-19 | Last 7 days</p>--}}
{{--            </div>--}}
{{--            <div class="chartjs-wrapper"><iframe class="chartjs-hidden-iframe" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe>--}}
{{--                <canvas id="chartjs-4" class="chartjs" width="962" height="550" style="display: block; height: 500px; width: 770px;"></canvas>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}


    <div class="col-lg-6 mb-3">
        <div class="new-users border-item">
            <div class="datatitle">
                <h6 class="text-uppercase font-weight-bold">{{__('dashboard.visit_year')}} ({{date('Y')}})</h6>
                <p>Year: {{date('Y')}}</p>
            </div>

            <div class="items">
                <span class="number text-primary">
                    @php
                        /** @var TYPE_NAME $allVisitorCounts */
                        $percentage = $allVisitorCounts > 0 ? ($allVisitorCounts*100)/$allVisitorCounts . '%' : '0 %';
                    @endphp
                    {{$allVisitorCounts}}
                </span>
                <div class="progress-item">
                    <p class="info"> Visits </p>
                    <div class="progress"><span class="bg-primary" data-value="{{$percentage}}"></span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 mb-3">
        <div class="new-users border-item">
            <div class="datatitle">
                <h6 class="text-uppercase font-weight-bold">{{__('dashboard.visit_month')}} ({{date('F')}})</h6>
                <p>Month: {{date('m')}}</p>
            </div>

            <div class="items">
                <span class="number text-primary">
                    @php
                        /** @var TYPE_NAME $monthVisitCounts */
                        /** @var TYPE_NAME $allVisitorCounts */
                        $month = date('n');
                        $count = $monthVisitCounts[$month];
                        $percentage = $count > 0 ? ($count*100)/$allVisitorCounts . '%' : '0 %';
                    @endphp
                    {{$count}}
                </span>
                <div class="progress-item">
                    <p class="info"> Visits </p>
                    <div class="progress"><span class="bg-primary" data-value="{{$percentage}}"></span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 mb-3">
        <div class="new-users border-item">
            <div class="datatitle">
                <h6 class="text-uppercase font-weight-bold">{{__('dashboard.visit_week')}} ({{date('W')}})</h6>
                <p>week: {{date('W')}}</p>
            </div>

            <div class="items">
                <span class="number text-primary">
                    @php
                        /** @var TYPE_NAME $weekVisitorCounts */
                        $percentage = $weekVisitorCounts > 0 ? ($weekVisitorCounts*100)/$allVisitorCounts . '%' : '0 %';
                    @endphp
                    {{$weekVisitorCounts}}
                </span>
                <div class="progress-item">
                    <p class="info"> Visits </p>
                    <div class="progress"><span class="bg-primary" data-value="{{$percentage}}"></span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 mb-3">
        <div class="new-users border-item">
            <div class="datatitle">
                <h6 class="text-uppercase font-weight-bold">{{__('dashboard.visit_today')}} ({{date('l')}})</h6>
                <p>Day: {{date('F')}}</p>
            </div>

            <div class="items">
                <span class="number text-primary">
                    @php
                        /** @var TYPE_NAME $dayVisitCounts */
                        $percentage = !empty($dayVisitCounts) ? ($dayVisitCounts*100)/$allVisitorCounts . '%' : '0 %'
                    @endphp
                    {{!empty($dayVisitCounts) ? $dayVisitCounts : 0}}
                </span>
                <div class="progress-item">
                    <p class="info"> Visits </p>
                    <div class="progress"><span class="bg-primary" data-value="{{$percentage}}"></span></div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-12 mb-3" style="margin-top:40px">
        <div class="d-flex justify-content-between">
             <h5 class="text-uppercase font-weight-bold">{{__('web.countries_prop')}}</h5>
             <a href="{{url(getCurrentLocale().'/admin/export/country')}}" class="butn">تصدير</a>
        </div>

        <div class="new-users border-item  table-responsive no-padding" >
        <table class="table table-bordered table-hover" style="text-align:center">
            <thead>
                
                <th>{{__('web.nation')}}</th>
                <th>{{__('web.subscribers')}}</th>
                <th>{{__('web.males')}}</th>
                <th>{{__('web.females')}}</th>
                <th colspan="2">{{__('web.illness')}}</th>
                <th colspan="2">{{__('web.right')}}</th>
                
            </thead>
            
            <tbody>
                <tr>
                    <td>#</td>
                    <td>#</td>
                    <td>#</td>
                    <td>#</td>
                    <td>{{__('web.male')}}</td>
                    <td>{{__('web.female')}}</td>
                    <td>{{__('web.male')}}</td>
                    <td>{{__('web.female')}}</td>
                    
                </tr>
                @foreach($countries as $key=>$row)
                <tr>
                    <td>{{countryname($row->id)}}</td>
                    <td>{{subscribes($row->id)}}</td>
                    <td>{{males($row->id)}}</td>
                    <td>{{females($row->id)}}</td>
                    <td>{{illnesscountmale($row->id)}}</td>
                    <td>{{illnesscountfemale($row->id)}}</td>
                    <td>{{rightscountmale($row->id)}}</td>
                    <td>{{rightscountfemale($row->id)}}</td>
                </tr>
                @endforeach
               <tr>
                   <td>{{__('web.allcount')}}</td>
                    <td>{{subscribescount()}}</td>
                    <td>{{malescount()}}</td>
                    <td>{{femalescount()}}</td>
                    <td >{{illnesscountmaleAll()}}</td>
                    <td >{{illnesscountfemaleAll()}}</td>
                    <td>{{rightscountmaleAll()}}</td>
                    <td >{{rightscountfemaleAll()}}</td>
               </tr>
            </tbody>
        </table>
  
    </div>
    </div>


 <div class="col-lg-12 mb-3" style="margin-top:40px">
     <div class="d-flex justify-content-between">
        <h5 class="text-uppercase font-weight-bold">{{__('web.illness_prop')}}</h5>
        <a href="{{url(getCurrentLocale().'/admin/export/illness')}}" class="butn">تصدير</a>
    </div>

        <div class="new-users border-item  table-responsive no-padding" >
        <table class="table table-bordered table-hover" style="text-align:center">
            <thead>
                <th>{{__('web.fields')}}</th>
                @foreach($fields as $row)
                <th colspan="2">{{fieldname($row->id)}}</th>
                @endforeach
                <th colspan="2">{{fieldname($field->id)}}</th>
                
                <th colspan="2">{{__('web.allcount')}}</th>
                 
                
            </thead>
            <thead>
                <th>{{__('web.country')}}</th>
                @foreach($fields as $row)
                <th>{{__('web.male')}}</th>
                <th>{{__('web.female')}}</th>
                @endforeach
                <th>{{__('web.male')}}</th>
                <th>{{__('web.female')}}</th>
                
                <th>{{__('web.male')}}</th>
                <th>{{__('web.female')}}</th>
            </thead>
            <tbody>
              @foreach($countries as $country)
              <tr>
                  <td>{{countryname($country->id)}}</td>
                  @foreach($fields as $row)
                  <td>{{illfieldcountry($country->id,$row->id,'1')}}</td>
                  <td>{{illfieldcountry($country->id,$row->id,'0')}}</td>
                  @endforeach
                  <td>{{illfieldcountry($country->id,$field->id,'1')}}</td>
                  <td>{{illfieldcountry($country->id,$field->id,'0')}}</td>
                  <td>{{illfieldcountrymales($country->id)}}</td>
                  <td>{{illfieldcountryfemales($country->id)}}</td>
              </tr>
              @endforeach
              <tr>
                   <td>{{__('web.allcount')}}</td>
                  @foreach($fields as $row)
                  <td>{{illfieldcount($row->id,'1')}}</td>
                  <td>{{illfieldcount($row->id,'0')}}</td>
                  @endforeach
                  <td>{{illfieldcount($field->id,'1')}}</td>
                  <td>{{illfieldcount($field->id,'0')}}</td>
                  <td>{{illfieldmales()}}</td>
                  <td>{{illfieldfemales()}}</td>
              </tr>
            </tbody>
        </table>
  
    </div>
    </div>

<div class="col-lg-12 mb-3" style="margin-top:40px">
     <div class="d-flex justify-content-between">
        <h5 class="text-uppercase font-weight-bold">{{__('web.right_prop')}}</h5>
        <a href="{{url(getCurrentLocale().'/admin/export/right')}}" class="butn">تصدير</a>
    </div>

        <div class="new-users border-item  table-responsive no-padding" >
        <table class="table table-bordered table-hover" style="text-align:center">
            <thead>
                <th>{{__('web.shares')}}</th>
                @foreach($shares as $row)
                <th colspan="2">{{sharename($row->id)}}</th>
                @endforeach
                
                <th colspan="2">{{__('web.allcount')}}</th>
                 
                
            </thead>
            <thead>
                <th>{{__('web.country')}}</th>
                @foreach($shares as $row)
                <th>{{__('web.male')}}</th>
                <th>{{__('web.female')}}</th>
                @endforeach
                
                <th>{{__('web.male')}}</th>
                <th>{{__('web.female')}}</th>
            </thead>
            <tbody>
              @foreach($countries as $country)
              <tr>
                  <td>{{countryname($country->id)}}</td>
                  @foreach($shares as $row)
                  <td>{{rightfieldcountry($country->id,$row->id,'1')}}</td>
                  <td>{{rightfieldcountry($country->id,$row->id,'0')}}</td>
                  @endforeach
                  <td>{{rightfieldcountrymales($country->id)}}</td>
                  <td>{{rightfieldcountryfemales($country->id)}}</td>
              </tr>
              @endforeach
              <tr>
                   <td>{{__('web.allcount')}}</td>
                  @foreach($shares as $row)
                  <td>{{rightfieldcount($row->id,'1')}}</td>
                  <td>{{rightfieldcount($row->id,'0')}}</td>
                  @endforeach
                  <td>{{rightfieldmales()}}</td>
                  <td>{{rightfieldfemales()}}</td>
              </tr>
            </tbody>
        </table>
  
    </div>
    </div>

 <div class="col-lg-12 mb-3" style="margin-top:40px">
     <div class="d-flex justify-content-between">
        <h5 class="text-uppercase font-weight-bold">{{__('web.type_prop')}}</h5>
        <a href="{{url(getCurrentLocale().'/admin/export/type')}}" class="butn">تصدير</a>
    </div>

        <div class="new-users border-item  table-responsive no-padding" >
        <table class="table table-bordered table-hover" style="text-align:center">
            <thead>
                <th>{{__('web.type')}}</th>
                @foreach($types as $row)
                <th colspan="2">{{typename($row->id)}}</th>
                @endforeach
                <th colspan="2">{{typename($type->id)}}</th>
                
                <th colspan="2">{{__('web.allcount')}}</th>
                 
                
            </thead>
            <thead>
                <th>{{__('web.country')}}</th>
                @foreach($types as $row)
                <th>{{__('web.male')}}</th>
                <th>{{__('web.female')}}</th>
                @endforeach
                <th>{{__('web.male')}}</th>
                <th>{{__('web.female')}}</th>
                
                <th>{{__('web.male')}}</th>
                <th>{{__('web.female')}}</th>
            </thead>
            <tbody>
              @foreach($countries as $country)
              <tr>
                  <td>{{countryname($country->id)}}</td>
                  @foreach($types as $row)
                  <td>{{typecountry($country->id,$row->id,'1')}}</td>
                  <td>{{typecountry($country->id,$row->id,'0')}}</td>
                  @endforeach
                  <td>{{typecountry($country->id,$type->id,'1')}}</td>
                  <td>{{typecountry($country->id,$type->id,'0')}}</td>
                  <td>{{typecountrymales($country->id)}}</td>
                  <td>{{typecountryfemales($country->id)}}</td>
              </tr>
              @endforeach
              <tr>
                   <td>{{__('web.allcount')}}</td>
                  @foreach($types as $row)
                  <td>{{typecount($row->id,'1')}}</td>
                  <td>{{typecount($row->id,'0')}}</td>
                  @endforeach
                  <td>{{typecount($type->id,'1')}}</td>
                  <td>{{typecount($type->id,'0')}}</td>
                  <td>{{typecountmales()}}</td>
                  <td>{{typecountfemales()}}</td>
              </tr>
            </tbody>
        </table>
  
    </div>
    </div>

<div class="col-lg-12 mb-3" style="margin-top:40px">
     <div class="d-flex justify-content-between">
        <h5 class="text-uppercase font-weight-bold">{{__('web.hear_prop')}}</h5>
        <a href="{{url(getCurrentLocale().'/admin/export/hear')}}" class="butn">تصدير</a>
    </div>
        <div class="new-users border-item  table-responsive no-padding" >
        <table class="table table-bordered table-hover" style="text-align:center">
            <thead>
                <th>{{__('web.country')}}</th>
                @foreach($hears as $row)
                <th >{{hearname($row->id)}}</th>
                @endforeach
                
                 
                
            </thead>
           
            <tbody>
              @foreach($countries as $country)
              <tr>
                  <td>{{countryname($country->id)}}</td>
                  @foreach($hears as $row)
                  <td>{{hearcountry($country->id,$row->id)}}</td>
                  @endforeach
                  
              </tr>
              @endforeach
              <tr>
                   <td>{{__('web.allcount')}}</td>
                  @foreach($hears as $row)
                  <td>{{hearcount($row->id)}}</td>
                  @endforeach
                  
              </tr>
            </tbody>
        </table>
  
    </div>
    </div>


</div>
@endsection

@section('inner_js')
{{--<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>--}}
<script src="{{asset('assets/admin/js/lib/Chart.min.js')}}"></script>
<script>
    $(document).ready(function () {
        let months = [],
            month_visits = [],
            allVisitorCounts = $('.allVisitorCounts').val(),
            ChartHtml = $('.lineChart').html('2d');

        $('.monthVisitCounts').each(function () {
            months.push($(this).attr('name'));
            month_visits.push($(this).val());
        });

        month_visits.push(allVisitorCounts);

        new Chart(ChartHtml, {
            type: 'line',
            data: {
                labels: months,
                datasets: [{
                    label: ' people',
                    data: month_visits,
                    backgroundColor: [
                        'rgba(255, 99, 132, 0.2)',
                        'rgba(54, 162, 235, 0.2)',
                        'rgba(255, 206, 86, 0.2)',
                        'rgba(75, 192, 192, 0.2)',
                        'rgba(153, 102, 255, 0.2)',
                        'rgba(255, 159, 64, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 99, 132, 1)',
                        'rgba(54, 162, 235, 1)',
                        'rgba(255, 206, 86, 1)',
                        'rgba(75, 192, 192, 1)',
                        'rgba(153, 102, 255, 1)',
                        'rgba(255, 159, 64, 1)'
                    ],
                    borderWidth: 1
                }]
            },
            options: {
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                }
            }
        });
    })
</script>


{{--<script>--}}
{{--    new Chart(document.getElementById("chartjs-4"), {--}}
{{--        "type": "doughnut",--}}
{{--        "data": {--}}
{{--            "labels": ["completed Profiles", "uncompleted Profiles", "waiting Approval"],--}}
{{--            "datasets": [{--}}
{{--                "label": "My First Dataset",--}}
{{--                "data": [180, 90, 120],--}}
{{--                "backgroundColor": ["rgb(33, 255, 13)", "rgb(220, 53, 69)", "rgb(21, 97, 203)"]--}}
{{--            }]--}}
{{--        }--}}
{{--    });--}}
{{--</script>--}}

@endsection