@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">Pass Management</li>
							<li class="breadcrumb-item" aria-current="page">Coaching</li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
		            <h1>Pass Manager</h1>
		            <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 Active Pass</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">{{$activePass}}</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">
		                      Last 7 Days Pass
		                    </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>
		                      <ul class="list">
		                      	@if($totalSalesSevenDays)
		                      		@foreach($totalSalesSevenDays as $seven)
									<li>
										<span class="list-label">@if(isset($seven->passName)){{$seven->passName->pass_type_name}}@endif</span>
										<span class="list-count">{{($seven->total)}}</span>
									</li>
									@endforeach
								@endif
								</ul>
		                    </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">
		                      Pass Status Details
		                    </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>
		                      <ul class="list">
		                      	@if($passStatusDetails)
		                      		@php $hold_on = 0; @endphp
		                      		@foreach($passStatusDetails as $thirty)
		                      			@if($thirty->status == 2)
		                      				@php $hold_on = 1; @endphp
		                      			@endif
									<li>
										<span class="list-label">@if(isset($thirty))@if($thirty->status == 1){{'On Sale'}}@else{{'On Hold'}}@endif @endif</span>
										<span class="list-count">{{($thirty->total)}}</span>
									</li>
									@endforeach
									@if($hold_on == 0)
										<li>
											<span class="list-label">On Hold</span>
											<span class="list-count">0</span>
										</li>
									@endif
								@endif
								</ul>
		                    </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>

		            <!-- Filter box -->
		            <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>
		                <form action="{{route('admin.coaching.excel_export')}}" method="post" id="excel_export_frm">
		                  {{csrf_field()}}
		                  <div class="form-row filter-row mb-4">
		                    <div class="form-group col-md-3 mb-sm-0">
		                      <select  id="examtype_filter" name="examtype_filter" class="form-control input-sm search_filter" disabled>
		                        <option value="" selected>Select Exam</option>
		                        @if($examTypes)
		                    		@foreach($examTypes as $types)
		                    		    <option value="{{$types->id}}">{{$types->exam_type}}</option>
		                    		@endforeach
			                    @endif
		                      </select>
		                    </div>
		                    <div class="form-group col-md-9 mb-sm-0">
		                      <div class="input-group search-filter">
		                        <input type="text"  class="form-control input-sm name_search_filter" placeholder="Search for..." 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">
		                      <label for="staticEmail" class="form-label">Type: </label>
		                      <div class="">
		                        <select name="internal_filter" id="internal_filter" class="form-control input-sm">
		                          <option value="2">Normal</option>
		                          <option value="1">Internal</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>Pass</h2>
		                <div class="filter-group">
		                  <a href="{{route('admin.pass.coaching.add')}}"><button type="button" class="btn btn-primary add-btn add-btn-sm" >
		                    <i class="fa fa-plus-circle"></i>Add Pass
		                  </button></a>
		                  <select class="form-control input-sm search_table_filter" id="coachingtype_filter" name="coachingtype_filter" >
		                    <option value="" selected="">Coaching Type</option>
		                    <option value="">All Coaching</option>
		                    <option value="pinned">Pinned Coaching</option>
		                  </select>
		                  <select class="form-control search_filter" id="pass_type_filter" name="pass_type_filter">
		                    <option value="" >Select Pass Type</option>
		                    @if($passTypes)
		                    	@foreach($passTypes as $types)
		                    		<option value="{{$types->id}}" >{{$types->pass_type_name}}</option>
		                    	@endforeach
		                    @endif	
		                  </select>

		                  <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>On Sales</option>
		                    <option value="2"  @if(request()->post('status_filter') == 2){{'selected'}}@endif>On Hold</option>
		                  </select>
		                </div>
		              </div>
		              <div class="card-body pt-0">
		              	<p class="text-right font-bold mb-2 total_pass">Total No of Pass: 0</p>
		                <div class="">
		                  <table id="pass-manager" class="stripe row-border order-column dataTable no-footer">
		                    <thead>
		                      <tr>
		                        <th>Coaching Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Location <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Pass Type <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</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_pass.js?v='.time())}}"></script>
@endsection