@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 Management</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">
          Test Series Manager
        </li>
      </ol>
    </div>
    <!-- MAIN BODY CONTENT -->
    <h1>Test Series Manager</h1>
    <!-- @if(Session::has('error'))
      <div class="alert alert-danger" style="background: none; border: none;">
        <p style="color: #f00">{{ Session::get('error') }}</p>
      </div>
    @endif -->

    <form class="search_filter_frm" method="post">
    {{csrf_field()}}
      <div class="row ">
        <div class="col-xl-4 col-lg-4 col-md-12">
          <div class="card">
            <div class="card-body small-card">
              <h5 class="font-medium">Total No. Of Test Packages</h5>
              <div class="counter">
                <svg
                  id="small-card-icon"
                  class="red"
                  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>
                <span id="all_count_test_package">{{$testPackageCount}}</span>
              </div>
              <svg
                id="small-card-bg-icon"
                class="red"
                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-12">
          <div class="card">
            <div class="card-body small-card">
              <h5 class="font-medium">
                Total No. Of Test Packages added in last 7 days
              </h5>
              <div class="counter">
                <svg
                  id="small-card-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>
                <span id="seven_days_count">{{count($sevenDays)}}</span>
              </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-12">
          <div class="card">
            <div class="card-body small-card">
              <h5 class="font-medium">
                Total No. Of Test Packages added in last 30 days
              </h5>
              <div class="counter">
                <svg
                  id="small-card-icon"
                  class="blue"
                  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>
                <span id="thirty_days_count">{{count($thirtyDays)}}</span>
              </div>
              <svg
                id="small-card-bg-icon"
                class="blue"
                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>

      <!-- Table -->
      <div class="card">
        <div class="card-header pt-5 result-header">
          <h2>Package</h2>
          <div class="filter-group pack-center">
            <a href="javascript:void()" onclick="addTestPackages(event)" class="pack-center-full"><button class="btn btn-primary add-btn add-btn-sm">
              <i class="fa fa-plus-circle"></i>Add Test Package
            </button></a>
            <select class="form-control search_filter" id="examtype_filter" name="examtype_filter">
            	@if(!$examType->isEmpty())
                <option value="" selected>Select Exam</option>
                @foreach($examType as $types)
                	<option value="{{$types->id}}" @if(request()->post('examtype_filter') == $types->id){{'selected'}}@endif>{{$types->exam_type}}</option>
                @endforeach
              @else
              	<option value="" selected>Select Exam</option>
              @endif
            </select>

            <select class="form-control search_filter" id="status_filter" name="status_filter">
            		<option value="" selected>Status</option>
              	<option value="1" @if(request()->post('status_filter') == 1){{'selected'}} @endif>Under Process</option> 
                <option value="2" @if(request()->post('status_filter') == 2){{'selected'}} @endif>Completed</option> 
                <option value="3" @if(request()->post('status_filter') == 3){{'selected'}} @endif>In Review</option> 
                <option value="4" @if(request()->post('status_filter') == 4){{'selected'}} @endif>Rejected</option> 
                <option value="5" @if(request()->post('status_filter') == 5){{'selected'}} @endif>On Sale</option> 
                <option value="6" @if(request()->post('status_filter') == 6){{'selected'}} @endif>Expired</option> 
            </select>
          </div>
        </div>
        <div class="card-body pt-0">
          <!-- <p class="text-right font-bold total_no_test_count">Total No. of Package(s): {{$totalNoTest}}</p> -->
          <p class="text-right font-bold total_no_test_count total_question">Total No. of Package(s): 0</p>
          <div class="table-responsive">
            <table
              id="test-package-manager"
              class="stripe row-border order-column"
            >
              <thead>
                <tr>
                  <th>Package Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Exam Type <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Test Type <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>No Of Test(s) <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Validity <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Price <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>Action <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                </tr>
              </thead>
              
            </table>
          </div>
        </div>
      </div>
    </form>
    <!-- //Table -->
    <!--// MAIN BODY CONTENT -->
  </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
  $( document ).ready(function() {
    @if(Session::has('error'))
      var sess = "{{ Session::get('error') }}";
      alertify.error(sess);
      
    @endif
});
</script>
<script type="text/javascript" src="{{asset('js/test_package_manager.js?v='.time())}}"></script>
@endsection