@extends('coaching.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"><a href="{{route('coaching.quiz.list')}}">Quiz Manager</a></li>
			</ol>
		</div>
		<!-- MAIN BODY CONTENT -->
        <h1>Quiz 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-4 col-sm-6">
            <div class="card">
              <div class="card-body small-card">
                <h5 class="font-medium">Total No. Of Quizzes</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 class="maintotalSet">{{$totalQuizs}}</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-4 col-sm-6">
            <div class="card">
              <div class="card-body small-card">
                <h5 class="font-medium">
                  Total No. Of Exams 
                </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>{{$totalExamTypes}}</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-4 col-sm-12">
            <div class="card">
              <div class="card-body small-card">
                <h5 class="font-medium">
                  Total No. Of Subjects
                </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>{{$totalSubjects}}</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>Quiz</h2>
            <div class="filter-group">
              <a href="{{route('coaching.quiz.add')}}" class="btn btn-primary add-btn add-btn-sm" >
                <i class="fa fa-plus-circle"></i>Add Quiz
              </a>
              <select class="form-control search_filter" id="status_filter" name="status_filter">
                <option value="" >Select Status</option>
                <option value="1"  @if(request()->post('status_filter') == 1){{'selected'}}@endif>Under Progress</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>Declined</option>
                <option value="5"  @if(request()->post('status_filter') == 5){{'selected'}}@endif>Live</option>
                <option value="6" @if(request()->post('status_filter') == 6){{'selected'}} @endif>Expired</option> 
              </select>
              <select class="form-control search_filter" id="examtype_filter" name="examtype_filter">
                <option value="" >Exam Type</option>
                @if($examTypes)
            		@foreach($examTypes as $types)
            		    <option value="{{$types->id}}"  @if(request()->post('examtype_filter') == $types->id){{'selected'}}@endif>{{$types->exam_type}}</option>
            		@endforeach
                @endif
              </select>
              <select class="form-control search_filter" id="diff_filter" name="diff_filter">
                <option value="" >Difficulty Level</option>
                <option value="1"  @if(request()->post('diff_filter') == 1){{'selected'}}@endif>Easy</option>
                <option value="2"  @if(request()->post('diff_filter') == 2){{'selected'}}@endif>Mediium</option>
                <option value="3" @if(request()->post('diff_filter') == 3){{'selected'}}@endif >Hard</option>
              </select>

              <select class="form-control search_filter" id="subject_filter" name="subject_filter">
                <option value="" >Subject</option>
                
              </select>
          	
            </div>
          </div>
          <div class="card-body pt-0">
            <p class="text-right font-bold total_test">Total No of Quiz: {{$totalQuizs}}</p>
            <div class="">
              <table id="quiz-manager" class="stripe row-border order-column dataTable no-footer">
                <thead>
                  <tr>
                    <th>Quiz 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>No. Of Question(s) <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                    <th>Duration <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 </th>
                  </tr>
                </thead>
                
              </table>
            </div>
          </div>
        </div>
        </form>
        <!-- //Table -->
        <!--// MAIN BODY CONTENT -->
	</div>
</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/coaching/quiz.js?v='.time())}}"></script>
@endsection