@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 ">
          <a href="">Package Review</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">
          Reviewed
        </li>
      </ol>
    </div>
    <!-- MAIN BODY CONTENT -->
    <div class="card-header">
    <h1>Reviewed</h1>
    <!-- <div class="filter-group">
      <label class="switch-light switch-md" onclick="">
          <input type="checkbox" id="summary" name="summary" value="1" />
          <span class="alert alert-light">
            <span class="off">Todays Summary</span>
            <span class="on">Total Summary</span>
            <a class="btn btn-primary"></a>
          </span>
        </label>
    </div> -->
    </div>
      <div class="row ">
        <div class="col-xl-4 col-lg-4 col-md-6">
          <div class="card">
            <div class="card-body small-card">
              <h5 class="font-medium">Today's Review Received</h5>
              <div class="counter list-group">
                <p class="list-item test_series_today">
                  Test Series: <span> 0</span>
                </p>
                <p class="list-item practice_set_today">
                  Practice Set: <span> 0</span>
                </p>
                <p class="list-item quiz_today">
                  Quiz: <span> 0</span>
                </p>
              </div>
              <svg
                id="small-card-bg-icon"
                class="orange"
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
              >
                <g transform="translate(21090 -1397)">
                  <rect
                    width="24"
                    height="24"
                    transform="translate(-21090 1397)"
                    fill="none"
                  />
                  <path
                    d="M14.222,18H1.778A1.791,1.791,0,0,1,0,16.2V3.6A1.792,1.792,0,0,1,1.778,1.8H5.494a2.646,2.646,0,0,1,5.014,0h3.715A1.791,1.791,0,0,1,16,3.6V16.2A1.791,1.791,0,0,1,14.222,18ZM4.445,12.6a.9.9,0,0,0,0,1.8H8.89a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8ZM8,1.8a.9.9,0,1,0,.889.9A.9.9,0,0,0,8,1.8Z"
                    transform="translate(-21086 1400)"
                    fill=""
                  />
                </g>
              </svg>
            </div>
          </div>
        </div>

        <div class="col-xl-4 col-lg-4 col-md-6">
          <div class="card">
            <div class="card-body small-card">
              <h5 class="font-medium">Review Recieved Till Now</h5>
              <div class="counter list-group">
                <p class="list-item test_series_seven">
                  Test Series: <span> 0</span>
                </p>
                <p class="list-item practice_set_seven">
                  Practice Set: <span> 0</span>
                </p>
                <p class="list-item quiz_seven">
                  Quiz: <span> 0</span>
                </p>
              </div>
              <svg
                id="small-card-bg-icon"
                class="orange"
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
              >
                <g transform="translate(21090 -1397)">
                  <rect
                    width="24"
                    height="24"
                    transform="translate(-21090 1397)"
                    fill="none"
                  />
                  <path
                    d="M14.222,18H1.778A1.791,1.791,0,0,1,0,16.2V3.6A1.792,1.792,0,0,1,1.778,1.8H5.494a2.646,2.646,0,0,1,5.014,0h3.715A1.791,1.791,0,0,1,16,3.6V16.2A1.791,1.791,0,0,1,14.222,18ZM4.445,12.6a.9.9,0,0,0,0,1.8H8.89a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8ZM8,1.8a.9.9,0,1,0,.889.9A.9.9,0,0,0,8,1.8Z"
                    transform="translate(-21086 1400)"
                    fill=""
                  />
                </g>
              </svg>
            </div>
          </div>
        </div>

        <div class="col-xl-4 col-lg-4 col-md-6">
          <div class="card">
            <div class="card-body small-card">
              <h5 class="font-medium">Review Resolved Till Now</h5>
              <div class="counter list-group">
                <p class="list-item test_series_thirty">
                  Test Series: <span> 0</span>
                </p>
                <p class="list-item practice_set_thirty">
                  Practice Set: <span> 0</span>
                </p>
                <p class="list-item quiz_thirty">
                  Quiz: <span> 0</span>
                </p>
              </div>
              <svg
                id="small-card-bg-icon"
                class="orange"
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
              >
                <g transform="translate(21090 -1397)">
                  <rect
                    width="24"
                    height="24"
                    transform="translate(-21090 1397)"
                    fill="none"
                  />
                  <path
                    d="M14.222,18H1.778A1.791,1.791,0,0,1,0,16.2V3.6A1.792,1.792,0,0,1,1.778,1.8H5.494a2.646,2.646,0,0,1,5.014,0h3.715A1.791,1.791,0,0,1,16,3.6V16.2A1.791,1.791,0,0,1,14.222,18ZM4.445,12.6a.9.9,0,0,0,0,1.8H8.89a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8ZM8,1.8a.9.9,0,1,0,.889.9A.9.9,0,0,0,8,1.8Z"
                    transform="translate(-21086 1400)"
                    fill=""
                  />
                </g>
              </svg>
            </div>
          </div>
        </div>
      </div>
      <div class="row ">
        <div class="col-xl-4 col-lg-4 col-md-6">
          <div class="card">
            <div class="card-body small-card">
              <h5 class="font-medium">Test Series</h5>
              <div class="counter list-group">
                <p class="list-item test_series_pending_resolved">
                  Pending: <span> 0</span>
                </p>
                <p class="list-item test_series_ongoing_resolved">
                  Ongoing: <span> 0</span>
                </p>
                <p class="list-item test_series_complete_resolved">
                  Complete: <span> 0</span>
                </p>
              </div>
              <svg
                id="small-card-bg-icon"
                class="orange"
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
              >
                <g transform="translate(21090 -1397)">
                  <rect
                    width="24"
                    height="24"
                    transform="translate(-21090 1397)"
                    fill="none"
                  />
                  <path
                    d="M14.222,18H1.778A1.791,1.791,0,0,1,0,16.2V3.6A1.792,1.792,0,0,1,1.778,1.8H5.494a2.646,2.646,0,0,1,5.014,0h3.715A1.791,1.791,0,0,1,16,3.6V16.2A1.791,1.791,0,0,1,14.222,18ZM4.445,12.6a.9.9,0,0,0,0,1.8H8.89a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8ZM8,1.8a.9.9,0,1,0,.889.9A.9.9,0,0,0,8,1.8Z"
                    transform="translate(-21086 1400)"
                    fill=""
                  />
                </g>
              </svg>
            </div>
          </div>
        </div>

        <div class="col-xl-4 col-lg-4 col-md-6">
          <div class="card">
            <div class="card-body small-card">
              <h5 class="font-medium">Practice Sets</h5>
              <div class="counter list-group">
                <p class="list-item practice_set_pending_resolved">
                  Pending: <span> 0</span>
                </p>
                <p class="list-item practice_set_ongoing_resolved">
                  Ongoing: <span> 0</span>
                </p>
                <p class="list-item practice_set_complete_resolved">
                  Complete: <span> 0</span>
                </p>
              </div>
              <svg
                id="small-card-bg-icon"
                class="orange"
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
              >
                <g transform="translate(21090 -1397)">
                  <rect
                    width="24"
                    height="24"
                    transform="translate(-21090 1397)"
                    fill="none"
                  />
                  <path
                    d="M14.222,18H1.778A1.791,1.791,0,0,1,0,16.2V3.6A1.792,1.792,0,0,1,1.778,1.8H5.494a2.646,2.646,0,0,1,5.014,0h3.715A1.791,1.791,0,0,1,16,3.6V16.2A1.791,1.791,0,0,1,14.222,18ZM4.445,12.6a.9.9,0,0,0,0,1.8H8.89a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8ZM8,1.8a.9.9,0,1,0,.889.9A.9.9,0,0,0,8,1.8Z"
                    transform="translate(-21086 1400)"
                    fill=""
                  />
                </g>
              </svg>
            </div>
          </div>
        </div>

        <div class="col-xl-4 col-lg-4 col-md-6">
          <div class="card">
            <div class="card-body small-card">
              <h5 class="font-medium">Quizes</h5>
              <div class="counter list-group">
                <p class="list-item quiz_pending_resolved">
                  Pending: <span> 0</span>
                </p>
                <p class="list-item quiz_ongoing_resolved">
                  Ongoing: <span> 0</span>
                </p>
                <p class="list-item quiz_complete_resolved">
                  Complete: <span> 0</span>
                </p>
              </div>
              <svg
                id="small-card-bg-icon"
                class="orange"
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
              >
                <g transform="translate(21090 -1397)">
                  <rect
                    width="24"
                    height="24"
                    transform="translate(-21090 1397)"
                    fill="none"
                  />
                  <path
                    d="M14.222,18H1.778A1.791,1.791,0,0,1,0,16.2V3.6A1.792,1.792,0,0,1,1.778,1.8H5.494a2.646,2.646,0,0,1,5.014,0h3.715A1.791,1.791,0,0,1,16,3.6V16.2A1.791,1.791,0,0,1,14.222,18ZM4.445,12.6a.9.9,0,0,0,0,1.8H8.89a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8ZM8,1.8a.9.9,0,1,0,.889.9A.9.9,0,0,0,8,1.8Z"
                    transform="translate(-21086 1400)"
                    fill=""
                  />
                </g>
              </svg>
            </div>
          </div>
        </div>
      </div>

      <div class="card min-h-80">
          <div class="card-body">
            <p class="text-right mb-4">
              <a href="javascript:void(0)" class="clearall"><i class="fa fa-close"></i> Clear All</a>
            </p>
            <div class="form-row filter-row mb-4">
               <div class="form-group col-md-12 mb-sm-0">
                  <div class="input-group search-filter">
                    <input type="text"  class="form-control input-sm name_search_filter" placeholder="Search for Coaching Or Package name..." id="name_filter" name="name_filter"/>
                    <span class="input-group-append">
                      <button type="button" class="btn main_filter">
                         <img src="{{asset('admin/images/filter.svg')}}" width="15" alt="" style="cursor: nwse-resize; ">
                      </button>
                    </span>
                  </div>
                </div>
              </div>
              <div class="custom-row-filter advance_filter" style="display: none;">
                <div class="form-row">
                  <label for="staticEmail" class="form-label">Location :</label>
                  <div class="">
                    <select id="state_filter" name="state_filter" class="form-control input-sm">
                      <option value="">State</option>
                      @if($states)
                      @foreach($states as $state)
                          <option value="{{$state->id}}" >{{$state->name}}</option>
                      @endforeach
                    @endif
                    </select>
                  </div>
                </div>

                <div class="form-row">
                  <div class="">
                    <select id="city_filter" name="city_filter" class="form-control input-sm">
                      <option value="">City</option>
                    </select>
                  </div>
                </div>

                <div class="form-row">
                  <label for="staticEmail" class="form-label">Rating :</label>

                  <div class="btn-group rating-select">
                    <button type="button" class="btn btn-light btn-custom-toggle dropdown-toggle" data-toggle="dropdown">
                      <span class="caret">Rating</span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                      <li class="rating_filter_li" data-id="">
                          <a href="">All</a>
                      </li>
                      <li class="rating_filter_li" data-id="1">
                          <a href=""><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star" style="color: #fc8f2d"></i><strong class="ml-2">1</strong></a>
                      </li>
                      <li class="rating_filter_li" data-id="2">
                          <a href=""><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><strong class="ml-2">2</strong></a>
                      </li>
                      <li class="rating_filter_li" data-id="3">
                          <a href=""><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><strong class="ml-2">3</strong></a>
                      </li>
                      <li class="rating_filter_li" data-id="4">
                          <a href=""><i class="fa fa-star-o"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><strong class="ml-2">4</strong></a>
                      </li>
                      <li class="rating_filter_li" data-id="5">
                          <a href=""><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><strong class="ml-2">5</strong></a>
                      </li>
                    </ul>
                    <input type="hidden" name="rating_filter" id="rating_filter" value="">
                  </div>
                </div>

                <div class="form-row">
                  <label for="staticEmail" class="form-label">Sort By :</label>
                  <div class="">
                    <select name="" id="" class="form-control input-sm">
                      <option value="">Top 10 Coaching</option>
                    </select>
                  </div>
                </div>
                <div class="form-row">
                  <button type="button" class="btn btn-primary px-5 apply_filter">Apply</button>
                </div>
              </div>
            
          </div>
        </div>
      <!-- Table -->
      <div class="card">
        <div class="card-header pt-5">
          <h2 class="head_title">Test Packages</h2>
          <!-- Filter box -->
                
          <div class="filter-group ml-auto">
              <select class="form-control search_filter  input-sm search_filter" id="package_type_filter" name="package_type_filter">
                  <option value="1" selected>Test Package</option>
                  <option value="2">Practice Set</option>
                  <option value="3">Quiz</option>
              </select>
              <select class="form-control search_filter  input-sm search_filter" id="status_filter" name="status_filter">
                  <option value="" selected>Status</option>
                  <!-- <option value="1">Pending</option> 
                  <option value="2">In Review</option>  -->
                  <option value="3">Approved</option> 
                  <option value="4">Rejected</option> 
              </select>
                <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 submit 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 submit 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>
            </div>
        </div>
        <div class="card-body pt-0">
          <p class="text-right font-bold total_no_test_count">Total No. of Package(s): 0</p>
          <div class="table-responsive">
            <table id="package-reviewed" class="stripe row-border order-column">
              <thead>
                <tr>
                  <th>Sr. No. <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Coching Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Package Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th class="total_test">Total Test <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Total Question <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Submitted Date <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Assign To <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Work Status <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Status <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th> 
                  <th>Completion Status <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>  
                  <th>Assign Date <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th> 
                  <th>Complete Date <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>                     
                  <th>Action <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>                  
                </tr>
              </thead>
              
            </table>
          </div>
        </div>
      </div>
    <!-- //Table -->
    <!--// MAIN BODY CONTENT -->
  </div>
</div>

@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/package_reviewed.js?v='.time())}}"></script>
@endsection