@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
							<li class="breadcrumb-item" aria-current="page">Coaching Management</li>
							<li class="breadcrumb-item " aria-current="page"><a href="{{route('admin.coaching.list')}}">All Coaching</a></li>
              <li class="breadcrumb-item active" aria-current="page">Active Log</li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
            <h1>Active Log</h1>

            
            <!-- //Filter box -->
            <div class="card">
              <form action="{{route('admin.coaching.log.excel_export', base64_encode($coachingDetails->id))}}" method="post" id="excel_export_frm">
                  {{csrf_field()}}
              
              <div class="card-header coaching-header center-header pt-5">
                
                <div class="filter-group ml-auto">
                  <div class="input-group search-filter">
                      <i class="fa fa-search search-icon"></i>
                      <input type="text"  class="form-control input-sm name_filter" placeholder="Search for..." id="name_filter" name="name_filter"/>
                    </div>
                    <div class="dropdown custom-date">
                      <button class="btn btn-custom-toggle dropdown-toggle btn-block" type="button" id="dropdownMenuButton"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Custom Date
                      </button>
                      <div class="dropdown-menu custom-dropdown-menu right-move" aria-labelledby="dropdownMenuButton"
                        x-placement="bottom-start"
                        style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 44px, 0px);">
                        <div class="custom-date-content">
                          <h6>Filter by action date</h6>
                          <ul>
                            <li data-id="1" style="cursor: pointer;" class="date_selector">Today</li>
                            <li data-id="2" style="cursor: pointer;" class="date_selector">Last 7 Days</li>
                            <li data-id="3" style="cursor: pointer;" class="date_selector">This Month</li>
                            <li data-id="4" style="cursor: pointer;" class="date_selector">This Year: {{date('Y')}}</li>
                            <li data-id="5" style="cursor: pointer;" class="date_selector">Last Year: {{date('Y')-1}}</li>
                            <li data-id="6" style="cursor: pointer;" class="date_selector">All Time</li>
                          </ul>
                          <h6>Filter by action date range</h6>
                          <div class="date-group">
                            <div class="input-group">
                              <div class="input-group-prepend">
                                <div class="input-group-text">
                                  <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                                </div>
                              </div>
                              <input class="form-control input-sm all_from_date" name="all_from_date" placeholder="MM/DD/YYYY" type="text" id="dp1588836251070">
                            </div>
                            <span>To</span>
                            <div class="input-group">
                              <div class="input-group-prepend">
                                <div class="input-group-text">
                                  <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                                </div>
                              </div>
                              <input class="form-control input-sm all_to_date" name="all_to_date" placeholder="MM/DD/YYYY" type="text" id="dp1588836251072">
                            </div>
                          </div>
                          <input type="hidden" name="date_type" id="date_type">
                          <div class="btn-content">
                            <button type="button" class="btn btn-outline-primary btn-pill add-btn-sm btn-streach-md cancel_date">Cancel</button>
                            <button type="button" class="btn btn-primary add-btn-sm btn-streach-md apply">Apply</button>
                          </div>
                        </div>

                      </div>
                    </div>
                    <select class="form-control input-sm search_filter" id="category_filter" name="category_filter" >
                      <option value="" selected="">Category/Section</option>
                      <option value="1">Test Series</option>
                      <option value="2">Practice</option>
                      <option value="3">Quiz</option>
                      <option value="4">Pass</option>
                      <option value="5">Payment</option>
                      <option value="6">Faculty</option>
                    </select>
                <button type="button" class="btn btn-outline-primary btn-pill excel_export">Export In Excel</button>

                </div>
              </div>
              </form>
              <div class="card-body">
                <p class="text-right font-bold mb-2 total_test">Total No of Log: 0</p>
                <div class="table-responsive">
                  <table id="coaching-log" class="table double-line-header card-table dataTable table-hover table-vcenter text-nowrap">
                    <thead>
                      <tr>
                        <th>Date & Time</th>
                        <th>Username</th>
                        <th>Ip Address</th>
                        <th>Location</th>
                        <th>Section Link</th>
                        <th>Category/Section</th>
                        <th>Action</th>
                      </tr>
                    </thead>
                    
                  </table>
                </div>
              </div>
            </div>
            <!--// MAIN BODY CONTENT -->
				</div>
			</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/coaching_log.js?v='.time())}}"></script>
<script type="text/javascript">
  var coaching_log_data = "{{route('admin.coaching.log.list', base64_encode($coachingDetails->id))}}"; 
</script>
@endsection