@extends('layouts.app_new')
@section("title")
My Statistics
@endsection
@section('content')

 <div class="container">
  <br>
        <!-- end:: Content Head -->
            <div class="card card-custom gutter-b">
                <!--begin::Header-->

                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body py-0">
                    <!--begin::Table-->
                    <div class="table-responsive">
                        <table class="table table-head-custom table-vertical-center" id="kt_advance_table_widget_2">
                            <thead>
                                <tr class="text-uppercase">
                                    <th class="pl-0" style="min-width: 200px;">Course Name</th>
                                    <th style="min-width: 150px;">Category</th>
                                    <th style="min-width: 150px;">
                                        <span class="text-primary">Enroll Date</span>
                                    </th>
                                    <th style="min-width: 150px;">Course Certificate</th>
                                    <th style="min-width: 150px;">Certificate issued on</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($courses as $course)
                                    <tr>
                                        <td class="pl-0">
                                            <a href="{{url("course-view/".$course->course_id)}}" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">{{$course->name}}</a>
                                        </td>
                                        <td>
                                            <span class="text-muted font-weight-bold">{{$course->category}}</span>
                                        </td>
                                        <td>
                                            <span class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$course->created_at->format('d M Y')}}</span>
                                        </td>
                                        <td>
                                            @if($course->certificate_issue_date != null)
                                                <a href="{{url("course-certificate/".$course->course_id)}}" target="_blank" class="btn btn-light-success font-weight-bolder font-size-sm">view certificate</a>
                                                
                                            @else
                                                In progress
                                            @endif
                                        </td>
                                        <td>
                                            @if($course->certificate_issue_date != null)
                                                <p class="text-left">{{\Carbon\Carbon::parse($course->certificate_issue_date)->format('d M Y')}}</p>
                                                
                                            @else
                                            @endif
                                        </td>
                                  
                                    </tr>
   
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <!--end::Table-->
                </div>
                <!--end::Body-->
               
            </div>
</div>
<section class="funfacts-area">
    <div class="container">
        <div class="funfacts-inner">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-6">
                    <div class="single-funfact">
                        <div class="icon">
                           <i class='bx bxs-news' ></i>
                        </div>
                        <h3 class="odometer odometer-auto-theme" data-count="{{$publicationsCount}}">
                            <div class="odometer-inside">
                                @php
                                $publicationsCountArr = str_split($publicationsCount);
                                @endphp
                                @foreach($publicationsCountArr as $arr)
                                <span class="odometer-digit">
                                    <span class="odometer-digit-spacer">{{$arr}}</span>
                                    <span class="odometer-digit-inner">
                                        <span class="odometer-ribbon">
                                            <span class="odometer-ribbon-inner"><span class="odometer-value">{{$arr}}</span></span>
                                        </span>
                                    </span>
                                </span>
                                @endforeach
                            </div>
                        </h3>
                        <p>Viewed Publications</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-6">
                    <div class="single-funfact">
                        <div class="icon">
                            <i class="bx bx-book-reader"></i>
                        </div>
                        <h3 class="odometer odometer-auto-theme" data-count="{{$coursesCount}}">
                            <div class="odometer-inside">
                                @php
                                $coursesCountArr = str_split($coursesCount);
                                @endphp
                                @foreach($coursesCountArr as $arr)
                                <span class="odometer-digit">
                                    <span class="odometer-digit-spacer">{{$arr}}</span>
                                    <span class="odometer-digit-inner">
                                        <span class="odometer-ribbon">
                                            <span class="odometer-ribbon-inner"><span class="odometer-value">{{$arr}}</span></span>
                                        </span>
                                    </span>
                                </span>
                                @endforeach
                            </div>
                        </h3>                        <p>Viewed External Course</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-4">
                    <div class="single-funfact">
                        <div class="icon">
                            <i class='bx bx-video-recording'></i>
                        </div>
                        <h3 class="odometer odometer-auto-theme" data-count="{{$multimediaCount}}">
                            <div class="odometer-inside">
                                @php

                                $multimediaCountArr = str_split($multimediaCount);
                                @endphp
                                @foreach($multimediaCountArr as $arr)
                                <span class="odometer-digit">
                                    <span class="odometer-digit-spacer">{{$arr}}</span>
                                    <span class="odometer-digit-inner">
                                        <span class="odometer-ribbon">
                                            <span class="odometer-ribbon-inner"><span class="odometer-value">{{$arr}}</span></span>
                                        </span>
                                    </span>
                                </span>
                                @endforeach
                            </div>
                        </h3>
                        <p>Viewed External Multimedia</p>
                    </div>
                </div>
            </div>
            <div id="particles-js-circle-bubble"><canvas class="particles-js-canvas-el" width="2592" height="468" style="width: 100%; height: 100%;"></canvas></div>
        </div>
    </div>
</section>


        <!-- end:: Content -->


@endsection

@section('script')
<script type="text/javascript">
    $('.odometer').appear(function(e) {
      var odo = $(".odometer");
      odo.each(function() {
        var countNumber = $(this).attr("data-count");
        $(this).html(countNumber);
      });
        });

</script>
@endsection