@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" />
<link href="{{ asset('/assets/vendors/css/typeahead/typeahead.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>Member Wise Video 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/member-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="member_id" id="member_id" value="{{ isset($post['member_id']) ?  $post['member_id'] :''}}">
                                                <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-7"> 
                                                                     <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">Member Code </label>
                                                                <div class="col-md-3"> 
                                                                    <input class="form-control" placeholder="Member code" type="text" id="member_code" name="member_code" value="{{(isset($post['member_code']) ?  $post['member_code'] : '')}}">
                                                                </div>
                                                                <label class="col-md-1  label-control">Member Name </label>
                                                                <div class="col-md-3"> 
                                                                    <input class="form-control" placeholder="Member Name" type="text" id="member_name" name="member_name" value="{{(isset($post['member_name']) ?  $post['member_name'] :'')}}">
                                                                </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>Member Wise Video Report</h3></div>
                        @if(isset($post['from_date']) && $post['from_date']!='' && isset($post['to_date']) && $post['to_date']!='')
                            <div class="text-center"><h5>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="5%" class="brd-bottom mid">#</th>
                                <th width="10%" class="brd-bottom left">Member Code</th>
                                <th width="40%" class="brd-bottom left"> Member Name</th>
                                <th width="15%" class="brd-bottom mid">Admission Date</th>
                                <th width="5%" class="brd-bottom mid"> Active <br> Videos </th>
                                <th width="5%" class="brd-bottom mid"> View Unique <br> Video</th> 
                                <th width="5%" class="brd-bottom mid"> View Total <br> Video</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]['member_id'] !='')
                                    <tr class="{{($i%2==0)?'evenrowbg':'oddrowbg'}}">
                                        <td width="5%" valign="top" class="bmatter mid">{{$i+1}}</td>
                                        <td width="10%" valign="top" class="bmatter left">{{isset($data[$i]['member_code']) ? $data[$i]['member_code'] : '---' }}</td>
                                         
                                         
                                        <td width="40%" valign="top" style="color:blue; cursor: pointer;" class="bmatter left" onclick="pollwin('{{route('get-member-video-details',['member_id' => $data[$i]['member_id'],'course_id' => $data[$i]['course_id']])}}', '1200', '1600')">{{ isset($data[$i]['fullname']) ? $data[$i]['fullname']  : '' }}<br>({{ isset($data[$i]['mobile_number']) ? $data[$i]['mobile_number']  : '' }}) </td>
                                        <td width="15%" valign="top" class="bmatter mid">{{isset($data[$i]['admission_date']) ? date_getDateTimeAll($data[$i]['admission_date']) : '---' }}</td>
                                        <td width="5%" class="brd-bottom mid">{{ isset($data[$i]['tot_active_video']) ? $data[$i]['tot_active_video'] : '' }} </td>
                                        <td width="5%" class="brd-bottom mid">{{ isset($data[$i]['topic_unique_view']) ? $data[$i]['topic_unique_view'] : '' }} </td>
                                        <td width="5%" class="brd-bottom mid"> {{ isset($data[$i]['total_view']) ? $data[$i]['total_view'] : '' }} </td>
                                        <td width="5%" class="brd-bottom mid">{{ isset($data[$i]['tot_complete']) ? $data[$i]['tot_complete'] : '' }} </td>
                                        <td width="5%" class="brd-bottom mid"> {{ isset($data[$i]['tot_inprocess']) ? $data[$i]['tot_inprocess'] : '' }}</td>
                                        <td width="5%" class="brd-bottom mid">{{ isset($data[$i]['tot_incomplete']) ? $data[$i]['tot_incomplete'] : '' }}</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
<button type="button" class="btn btn-outline-info block btn-lg d-none" id="popup_box" data-toggle="modal" data-target="#add_ip">Launch Modal</button>
<div class="modal fade text-left" id="add_ip" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-focus-on="input:first" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header bg-success white">
                <h3 class="modal-title white" id="myModalLabel"><span id="mode_title"></span> </h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <table width="100%" style="border-collapse: inherit; border: 0;" border="1" class="listing-table" align="left" cellpadding="5" cellspacing="0">
                    <thead>
                        <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">Test</th>
                        </tr>
                        <tr class="rawheader">
                            <th width="1%">#</th>
                            <th width="3%" class="brd-bottom mid"> Module Name </th>
                            <th width="20%" class="brd-bottom mid"> Chapter Number </th>
                            <th width="15%" class="brd-bottom mid"> Topic Name </th>
                            <th width="15%" class="brd-bottom mid"> View Unique </th>
                            <th width="15%" class="brd-bottom mid"> View Total </th>
                            <th width="15%" class="brd-bottom mid"> Percentage video </th>
                            <th width="15%" class="brd-bottom mid">Attended Test</th>
                            <th width="15%" class="brd-bottom mid"> Result </th>
                            <th width="15%" class="brd-bottom mid"> Percentage </th>
                        </tr>
                    </thead>
                    <tbody class="member_list_body" id="member_list_body"></tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" id="btn_close_modal" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@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 listurl = "{{route('report/member-wise')}}"
</script>
<!-- BEGIN typeahead -->
<script src="{{ asset('/assets/vendors/js/typeahead/handlebars.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('/assets/vendors/js/typeahead/typeahead.bundle.min.js')}}" type="text/javascript"></script>
<!--  END typeahead -->
<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/member_wise.js?ver=1.2')}}" type="text/javascript"></script>
@endsection