@extends('layouts.report')
@section('styles')
<link href="{{ asset('/assets/vendors/css/extensions/datedropper.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/assets/vendors/css/forms/selects/selectize.css')}}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/assets/vendors/css/forms/selects/selectize.default.css')}}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/css/plugins/forms/selectize/selectize.css')}}" rel="stylesheet" type="text/css" />
 
<style type="text/css" media="print">
    @page{
        size: auto; /* auto is the initial value */
        margin: 5mm 5mm 5mm 10mm; /* this affects the margin in the printer settings */
    }
</style>
@endsection
@section('content') 
<div class="content-wrapper">
    <div class="content-body">
        <section class="horizontal-grid" id="horizontal-grid">
            <div class="row" id="serching_area"  >
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-head ">
                            <div class="card-header">
                                <div class="text-center"><h3>Video Watched Report</h3></div>
                            </div>
                        </div> 
                        <div class="card-content collapse show">
                            <div class="card-body">
                                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" >
                                    <tr>
                                        <td align="center" valign="top">
                                            <form name="frm_report" id="frm_report" action="{{route('report/video-wise')}}" method="post">
                                                <input type="hidden" name="show_back" value="Y">
                                                <input type="hidden" name="show_export" value="N">
                                                <input type="hidden" name="show_print" value="Y">
                                                <input type="hidden" name="show_pdf" value="N">
                                                <input type="hidden" name="_token" value="{{csrf_token()}}">
                                                <input type="hidden" name="display" id="display" value="HTML">
                                            <table width="98%" border="0" align="center" cellpadding="5" cellspacing="5" class="">   
                                                <tr>
                                                    <td width="20%" align="center" class="bmatter-big">&nbsp;</td>
                                                    <td width="80%" align="left" class="bmatter-big" valign="top">
                                                        <div class="form-body">   
                                                             <div class="form-group row mx-auto showTop">
                                                                <label class="col-md-2 label-control">From Date </label>
                                                                <div class="col-md-3"> 
                                                                    <input class="form-control" placeholder="From Date" type="text" id="from_date" name="from_date" value="{{(isset($post['from_date']) ? date('d-m-Y',strtotime($post['from_date'])) : '')}}">
                                                                </div>
                                                                <button type="button" value="Close" onclick="return report_reset_date_filter('from_date');" id="reset" name="reset" class="btn btn-warning">
                                                                    <i class="ft-x"></i>
                                                                </button>
                                                                <label class="col-md-1  label-control">To Date </label>
                                                                <div class="col-md-3"> 
                                                                    <input class="form-control" placeholder="To Date" type="text" id="to_date" name="to_date" value="{{(isset($post['to_date']) ? date('d-m-Y',strtotime($post['to_date'])) :'')}}">
                                                                </div>
                                                                <button type="button" value="Close" onclick="return report_reset_date_filter('to_date');" id="reset" name="reset" class="btn btn-warning">
                                                                    <i class="ft-x"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                 
                                                <tr>
                                                    <td width="20%" align="center" class="bmatter-big">&nbsp;</td>
                                                    <td width="80%" align="left" class="bmatter-big" valign="top">
                                                        <div class="form-body">   
                                                             <div class="form-group row mx-auto showTop">
                                                                <label class="col-md-2 label-control">Course</label>
                                                                <div class="col-md-6"> 
                                                                     <select name="course_id" id="course_id" class="selectize-select">
                                                                     <option value="">Select Course</option> 
                                                                     @if(!empty($course))
                                                                        @foreach ($course as $ckey => $cval)
                                                                            <option value="{{ $cval['id'] }}"  {{ (isset($post['course_id']) && $post['course_id'] == $cval['id'] ? "selected" : "") }}  >{{ $cval['course_full_name']}}  </option>
                                                                        @endforeach
                                                                     @endif  
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td width="20%" align="center" class="bmatter-big">&nbsp;</td>
                                                    <td width="80%" align="left" class="bmatter-big" valign="top">
                                                        <div class="form-body">   
                                                             <div class="form-group row mx-auto showTop">
                                                                <label class="col-md-2 label-control"> Module </label>
                                                                  <div class="col-md-6">
                                                                    <input type="hidden" id="selected_course_module_id" value="{{isset($post[0]['course_module_id']) ? $post[0]['course_module_id'] : '';}}">
                                                                    <select class="selectize-select" id="course_module_id" name="course_module_id" placeholder="Select Module">
                                                                        @if(!empty($course_module_data))
                                                                              @foreach($course_module_data as $cmArry)
                                                                                  <option value="{{ $cmArry->id }}" {{ $cmArry->id == $post['course_module_id'] ? 'selected' : '' }}>{{ $cmArry->module_name}}</option>
                                                                              @endforeach
                                                                          @endif 
                                                                    </select>
                                                                  </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td width="20%" align="center" class="bmatter-big">&nbsp;</td>
                                                    <td width="80%" align="left" class="bmatter-big" valign="top">
                                                        <div class="form-body">   
                                                             <div class="form-group row mx-auto showTop">
                                                                <label class="col-md-2 label-control"> Chapter</label>
                                                                  <div class="col-md-6">
                                                                    <select class="selectize-select" id="course_module_chapter_id" onchange="getCourseMoudleChapterTopic(this.value)" name="course_module_chapter_id" placeholder="Select Chapter">
                                                                        @if(!empty($course_module_chapter_data))
                                                                              @foreach($course_module_chapter_data as $cmchArry)
                                                                                  <option value="{{ $cmchArry->id }}" {{ $cmchArry->id == $post['course_module_chapter_id'] ? 'selected' : '' }}>{{ $cmchArry->chapter_name}}</option>
                                                                              @endforeach
                                                                        @endif 
                                                                    </select>
                                                                  </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                 <tr>
                                                    <td width="20%" align="center" class="bmatter-big">&nbsp;</td>
                                                    <td width="80%" align="left" class="bmatter-big" valign="top">
                                                        <div class="form-body">   
                                                             <div class="form-group row mx-auto showTop">
                                                                <label class="col-md-2 label-control"> Topic</label>
                                                                  <div class="col-md-6">
                                                                    <select class="column_filter selectize-select" name="course_module_chapter_topic_id" id="course_module_chapter_topic_id" placeholder="Select Topic">
                                                                      <option value="">Select Topic</option>
                                                                    </select>
                                                                  </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td width="20%" align="center" class="bmatter-big">&nbsp;</td>
                                                    <td width="80%" align="left" class="bmatter-big" valign="top">
                                                        <div class="form-body">   
                                                             <div class="form-group row mx-auto showTop">
                                                                <label class="col-md-2 label-control">Instructor</label>
                                                                <div class="col-md-6"> 
                                                                     <select name="instructor_id" id="instructor_id" class="selectize-select">
                                                                     <option value="">Select Instructor</option> 
                                                                     @if(!empty($instructor_data))
                                                                        @foreach ($instructor_data as $ikey => $ival)
                                                                            <option value="{{ $ival['id'] }}"  {{ isset($post['instructor_id']) && $post['instructor_id'] == $ival['id'] ? "selected" : "" }}  >{{ $ival['name']}}  </option>
                                                                        @endforeach
                                                                     @endif  
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td width="20%" align="center" class="bmatter-big">&nbsp;</td>
                                                    <td width="80%" align="center" class="bmatter-big" valign="top">
                                                        <div class="form-body">   
                                                             <div class="form-group row mx-auto showTop">
                                                                <label class="col-md-2 label-control"></label>
                                                                <div class="col-md-6">
                                                                    <button type="button" onclick="submitForm()" value="Show" id="btnShow"  name="btnShow" class="btn mr-1">
                                                                    <i class="la la-check-square-o"></i> Show
                                                                    </button>
                                                                    <button type="button" value="Close" onclick="window.close();" id="btnSave" name="btnSave" class="btn btn-success">
                                                                    <i class="ft-x"></i> Close
                                                                    </button>
                                                                    <button type="button" value="Close" onclick="return report_reset_filter();" id="reset" name="reset" class="btn btn-warning">
                                                                    <i class="ft-x"></i> Reset
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                            </form>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>
</div>
@if(!empty($post))
<div id="searched_result">
    <div class="row">
        <div class="col-md-12">
            <div class="card pdfdata">
                <div class="card-head ">
                    <div class="card-header">
                        @include('admin/includes/top_report')
                            <div class="text-center"><h3>Video Watched Report</h3></div>
                        @if(isset($courseArray[0]['course_name']) && $courseArray[0]['course_name']!='')
                            <div class="text-center"><h5>Course Name:&nbsp;<b>{{($courseArray[0]['course_name'])}}</b></h5></div>
                        @endif
                        @if(isset($post['from_date']) && $post['from_date']!='' && isset($post['to_date']) && $post['to_date']!='')
                            <div class="text-center"><h5>Statement from {{date('d-M-y',strtotime($post['from_date']))}} to {{date('d-M-y',strtotime($post['to_date']))}}</h5></div>
                        @endif
                    </div>
                </div>
                <div class="card-content collapse show">
                    <div class="card-body">
                        <table width="100%" style="border-collapse: inherit; border: 0;" border="1" class="listing-table" align="left" cellpadding="5" cellspacing="0">
                            <tr class="rawheader">
                                <th colspan="7" style="background: white; border: 0;" width="10%" class="brd-bottom mid"> </th>
                                <th colspan="3" width="10%" class="brd-bottom mid">Progress</th>
                            </tr>
                            <tr class="rawheader">
                                <th width="3%" class="brd-bottom mid">#</th>
                                {{-- <th width="10%" class="brd-bottom left">Course  Name</th> --}}
                                <th width="15%" class="brd-bottom left"> Module Name</th>
                                <th width="17%" class="brd-bottom left">Chapter Name </th>
                                <th width="20%" class="brd-bottom left">Topic Name</th>
                                <th width="10%" class="brd-bottom left">Professor Name</th>
                                <th width="5%" class="brd-bottom mid"> View <br> Unique</th> 
                                <th width="5%" class="brd-bottom mid"> View <br> Total</th>
                                <th width="5%" class="brd-bottom mid"> Completed <br> (100%)</th>
                                <th width="5%" class="brd-bottom mid"> In Process <br> (1 to 99%)</th>
                                <th width="5%" class="brd-bottom mid"> Not viewed <br> (0%)</th>
                            </tr>
                            @if (!empty($data))
                                @php $cnt = count($data); @endphp 
                                <input type="hidden" name="recordsCount" id="recordsCount" value="{{$cnt}}">
                                @for($i = 0; $i < $cnt; $i++)
                                    @if($data[$i]['id'] !='' && $data[$i]['course_name'] !='')
                                    <tr class="{{($i%2==0)?'evenrowbg':'oddrowbg'}}">
                                        <td width="3%" valign="top" class="bmatter mid">{{$i+1}}</td>
                                        {{-- <td width="10%" valign="top" class="bmatter left">{{isset($data[$i]['course_name']) ? $data[$i]['course_name'] : '---' }}</td> --}}
                                        <td width="15%" valign="top" class="bmatter left">{{ isset($data[$i]['module_name']) ? $data[$i]['module_name'] : '---' }} </td>
                                        <td width="17%" valign="top" class="bmatter left">{{ isset($data[$i]['chapter_name']) ? $data[$i]['chapter_name'] : '---' }} </td>
                                        <td width="20%"  valign="top" class="bmatter left">{{ isset($data[$i]['title']) ? $data[$i]['title'] : '---' }} </td>
                                        <td width="10%" valign="top" class="bmatter left">{{ isset($data[$i]['professor_name']) ? $data[$i]['professor_name'] : '---' }} </td>
                                        <td width="5%" class="brd-bottom mid">{{ isset($data[$i]['video_unique_view']) ? $data[$i]['video_unique_view'] : '0' }} </td>
                                        <td width="5%" class="brd-bottom mid"> {{ isset($data[$i]['total_view']) ? $data[$i]['total_view'] : '0' }} </td>
                                        <td width="5%" class="brd-bottom mid">{{ isset($data[$i]['tot_complete']) ? $data[$i]['tot_complete'] : '0' }} </td>
                                        <td width="5%" class="brd-bottom mid"> {{ isset($data[$i]['tot_inprocess']) ? $data[$i]['tot_inprocess'] : '0' }}</td>
                                        <td width="5%" class="brd-bottom mid">{{ isset($data[$i]['tot_incomplete']) ? $data[$i]['tot_incomplete'] : '0' }}</td>
                                    </tr>
                                    @else
                                        <input type="hidden" name="recordsCount" id="recordsCount" value="0">
                                        <tr class="evenrowbg">
                                            <td colspan="14" class="bmatter mid">No Record Found!!</td>
                                        </tr>
                                    @endif
                                @endfor
                            @else
                                <input type="hidden" name="recordsCount" id="recordsCount" value="0">
                                <tr class="evenrowbg">
                                    <td colspan="14" class="bmatter mid">No Record Found!!</td>
                                </tr>
                            @endif
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif
@endsection
@section('scripts')
<script type="text/javascript">
    var coursemodule = "{{ route('course-topic/coursemodule') }}";
    var coursemodulechapter = "{{ route('course-topic/coursemodulechapter') }}";
    var coursemodulechaptertopic = "{{route('course-topic/coursemodulechaptertopic')}}"
    var course_id = "{{(isset($course_id) ? $course_id : 0)}}"
    var course_module_id = "{{(isset($course_module_id) ? $course_module_id : 0)}}"
    var course_module_chapter_id = "{{(isset($course_module_chapter_id) ? $course_module_chapter_id : 0)}}";
    var course_module_chapter_topic_id = "{{(isset($course_module_chapter_topic_id) ? $course_module_chapter_topic_id : 0)}}";
</script>
<script src="{{ asset('/assets/vendors/js/extensions/datedropper.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/vendors/js/forms/select/selectize.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/pages/scripts/admin/report/video_wise.js?ver=1.2')}}" type="text/javascript"></script>
@endsection