@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 active" aria-current="page">
          Practice Sets Listing
        </li>
      </ol>
    </div>
    <!-- MAIN BODY CONTENT -->
    <div class="top-header">
     <h1>Practice Sets Listing</h1>
     <div class="filter-group">
       <p class="fs-15 font-medium">Display Method:</p>
       <label class="switch-light" onclick="">
            <input type="checkbox">
            <span class="alert alert-light">
              <span class="off">Auto</span>
              <span class="on">Manual</span>
              <a class="btn btn-primary"></a>
            </span>
          </label>
        @if($packageCount > 0)
          <a href="javascript:void(0)" class="btn btn-primary btn-streach-md fs-10 practice_set_listing_publish" >Publish</a>
        @else
          <a href="javascript:void(0)" class="btn btn-primary btn-streach-md fs-10" >Publish</a>
        @endif
     </div>
     
    </div>
    @if(Session::has('error'))
      <div class="alert alert-danger" style="background: none; border: none;">
        <p style="color: #f00">{{ Session::get('error') }}</p>
      </div>
    @endif
    @if(Session::has('success'))
      <div class="alert alert-success" style="background: none; border: none;">
        <p style="color: green">{{ Session::get('success') }}</p>
      </div>
    @endif
    <div class="card">
      <div class="card-header pt-5">
        <h2>Trending</h2>
        <div class="filter-group">
          <button class="btn btn-primary add-btn add-btn-sm add_new_product">
            <i class="fa fa-plus-circle"></i>Add New Product
          </button>
          <select name="exam_type" id="exam_type" class="form-control input-sm exam_type">
            <option value="">Exam Type</option>
            @if(count($examType) > 0)
              @foreach($examType as $val)
                <option value="{{$val->id}}">{{$val->exam_type}}</option>
              @endforeach
            @endif
          </select>
          <select name="exam_name" id="exam_name" class="form-control input-sm exam_name" style="display: none;">
            <option value="">Exam Name</option>
          </select>
          <select name="tag_category" id="tag_category" class="form-control input-sm tag_category">
            <option value="">Tag Category</option>
            <!-- <option value="1">Coaching</option>
            <option value="2">Package</option> -->
          </select>
          <div class="dropdown trending">
            <button class="btn btn-custom-toggle dropdown-toggle btn-block select_tag" type="button" id="dropdownMenuButton"
              data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Select Tag
            </button>
            <div class="dropdown-menu custom-dropdown-menu" aria-labelledby="dropdownMenuButton"
              x-placement="bottom-start">
              <div class="trand-cotent">
                <ul class="tags_list">
                  <li>
                    <p id="tag_id" data-id="">Select Tag</p>
                  </li>
                  <li>
                    <a href="#" class="newTag add_tag_package">Add new Tag</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="card-body">
        <p class="text-right mb-1 fs-10 font-bold tpa">Total Product Available: {{count($packageLists)}}</p>
        <div class="table-responsive">
          <table class="table custom-bg-table card-table table-vcenter text-nowrap no-footer list-items examFaqUl" id="sorting_table">
            <thead>
              <tr>
                <th>S.No</th>
                <th>Practice <br />Sets Name</th>
                <th>Coaching <br />Name</th>
                <th>
                  Location <br />
                  (City &amp; State)
                </th>
                <th>Exam Type</th>
                <th>Total <br />Attempt</th>
                <th>Total Time Spent</th>
                <th>Engagement <br />Report</th>
                <th>Action</th>
              </tr>
            </thead>
            <div class="">
              <tbody class="sortable1" id="contents">
                @if(!$packageLists->isEmpty())
                @foreach($packageLists as $key => $value)
                <tr data-id="{{$value->pmlid}}" id="item-{{$value->pmlid}}">
                  <td class="fixed">{{$key+1}}</td>
                  <td>{{$value['set_name']}}</td>
                  <td>{{$value['coaching_name']}}</td>
                  <td>{{$value['city']}}, {{$value['name']}}</td>
                  <td>{{$value['exam_type']}}</td>
                  <td>{{$value['total_attempt']}}</td>
                  <td>{{gmdate('H:i:s',$value['total_time_spent'])}}</td>
                  <td>
                    <a href="javascript:void(0)" class="fs-10 text-underline text-warning graph_view" data-id="{{base64_encode($value->psid)}}">View</a>
                  </td>
                  <td>
                    <a class="action-btn" href="{{route('admin.practice_set_view_link', base64_encode($value->pmlid))}}" target="_blank"><img src="{{asset('admin/images/view-eye.svg')}}" alt=""/></a>
                    <a class="action-btn" href="{{route('admin.practice_set_list_delete', base64_encode($value->pmlid))}}" onclick="return deleteconfirm(event)"><img src="{{asset('admin/images/bin.svg')}}" alt=""/></a>
                  </td>
                </tr>
                @endforeach
                @else
                  <tr class="text-center"><td colspan="9">No Data Found</td></tr>
                @endif
              </tbody>
            </div>
          </table>
          @if($packageCount > 10)
          <input type="hidden" name="view_more_count" id="view_more_count" value="{{count($packageLists)}}">
          <div class="text-center mt-3">
            <a href="javascript:void(0)" class="view_more" style="color: blue;">View More</a>
          </div>
          @endif
        </div>
        <button type="button" class="btn btn-primary btn-streach mt-5 font-book fs-13 sortable_order">Save</button>                
      </div>
    </div>
    <!--// MAIN BODY CONTENT -->
  </div>
</div>

@endsection
@section('scripts')
<script type="text/javascript">
  var link = "{{route('admin.manage_practice_sets.list')}}"
</script>
<script type="text/javascript" src="{{asset('js/manage_practice_set_listing.js?v='.time())}}"></script>
<script type="text/javascript">
	@if(Session::has('error'))
	  alertify.error("{{ Session::get('error') }}");
	@endif
</script>
<!-- ECharts Plugin -->
<script src="{{asset('admin/plugins/echart/echarts.js')}}"></script>   
<script src="{{asset('admin/js/echarts.js')}}"></script>
<script>
  $(document).ready(function () {
    $('#sortable1').sortable();
    $('#sortable1').disableSelection();
    // ECharts modal open
  });
</script>
@endsection