@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" aria-current="page">Pass Management</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(-508 -154)"><rect width="24" height="24" transform="translate(508 154)" fill="rgba(0,0,0,0)"/><path d="M527,175H513a2,2,0,0,1-2-2V159a2,2,0,0,1,2-2h4.18a2.988,2.988,0,0,1,5.64,0H527a2,2,0,0,1,2,2v14A2,2,0,0,1,527,175Zm-7-6.5a10.694,10.694,0,0,0-3.75.8c-1.026.431-2.25,1.18-2.25,2.3V173h12v-1.4c0-1.12-1.223-1.869-2.25-2.3A10.692,10.692,0,0,0,520,168.5Zm0-7.5a3,3,0,1,0,3,3A3,3,0,0,0,520,161Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,520,157Z" fill="#ff7249"/></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(-508 -154)"><rect width="24" height="24" transform="translate(508 154)" fill="rgba(0,0,0,0)"/><path d="M527,175H513a2,2,0,0,1-2-2V159a2,2,0,0,1,2-2h4.18a2.988,2.988,0,0,1,5.64,0H527a2,2,0,0,1,2,2v14A2,2,0,0,1,527,175Zm-7-6.5a10.694,10.694,0,0,0-3.75.8c-1.026.431-2.25,1.18-2.25,2.3V173h12v-1.4c0-1.12-1.223-1.869-2.25-2.3A10.692,10.692,0,0,0,520,168.5Zm0-7.5a3,3,0,1,0,3,3A3,3,0,0,0,520,161Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,520,157Z" fill="#ff7249"/></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 Sales <br/> Pass Types With No Of Sales
		                    </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">
		                      	@php $all_pass = [1, 2, 3, 4]; $exist_pass = []; $exist_pass_arr = []; $i= $j = 0; $datass = '';  @endphp		                      	
		                      	@if($totalSalesSevenDays) 
		                      		@foreach($totalSalesSevenDays as $seven)
										@php array_push($exist_pass, $seven->pass_type_id); 
											$exist_pass_arr[$seven->pass_type_id]['name'] = isset($seven->passName) ? $seven->passName->pass_type_name : ''; 
											$exist_pass_arr[$seven->pass_type_id]['count'] = $seven->total;
										@endphp
									@endforeach
								@endif
								@foreach($all_pass as $all_p)
		                      		@if(!in_array($all_p, $exist_pass))
		                      			@php
		                      			if($all_p == 1){
		         								$pass_name =  'Sure';
	                      				} elseif($all_p == 2){
	         								$pass_name =  'Sure Plus';
	                      				} elseif($all_p == 3){
	         								$pass_name =  'Sure Pro';
	                      				} else {
	         								$pass_name =  'Sure Premium';
	                      				}
	                      				$exist_pass_arr[$all_p]['name'] = $pass_name; 
										$exist_pass_arr[$all_p]['count'] = 0;
	                      				@endphp		                      			
		                      		@endif
		                      	@endforeach
		                      	@if($exist_pass_arr) 
		                      		@foreach($exist_pass_arr as $exist_pass_ar)
		                      			@if($i>=2)
										@php $datass .= '<p>'.$exist_pass_ar['name'].': '.$exist_pass_ar['count'].'</p>';
										 @endphp
										@endif	
										@php $i++; @endphp									
									@endforeach
								@endif
								@if($exist_pass_arr) 
		                      		@foreach($exist_pass_arr as $exist_pass_ar)
		                      			@if($j<2)
										<li>
											<span class="list-label">{{$exist_pass_ar['name']}}</span>
											<span class="list-count">{{($exist_pass_ar['count'])}}</span>
											@if($j == 1)
											<a href="javascript:void(0)" class="more_subject" data-title="{{$datass}}"><span class="list-more">+{{(count($exist_pass_arr)-2)}}</span><div id="tooltip"></div></a>
											@endif
										</li>
										@php $j++; @endphp
										@endif										
									@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">
		                      Last 30 Days Sales <br/> Pass Types With No Of Sales
		                    </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">
		                      	@php $all_pass = [1, 2, 3, 4]; $exist_pass = []; $exist_pass_arr = []; $i= $j = 0; $datass = '';  @endphp		                      	
		                      	@if($totalSalesThirtyDays) 
		                      		@foreach($totalSalesThirtyDays as $thirty)
										@php array_push($exist_pass, $thirty->pass_type_id); 
											$exist_pass_arr[$thirty->pass_type_id]['name'] = isset($thirty->passName) ? $thirty->passName->pass_type_name : ''; 
											$exist_pass_arr[$thirty->pass_type_id]['count'] = $thirty->total;
										@endphp
									@endforeach
								@endif
								@foreach($all_pass as $all_p)
		                      		@if(!in_array($all_p, $exist_pass))
		                      			@php
		                      			if($all_p == 1){
		         								$pass_name =  'Sure';
	                      				} elseif($all_p == 2){
	         								$pass_name =  'Sure Plus';
	                      				} elseif($all_p == 3){
	         								$pass_name =  'Sure Pro';
	                      				} else {
	         								$pass_name =  'Sure Premium';
	                      				}
	                      				$exist_pass_arr[$all_p]['name'] = $pass_name; 
										$exist_pass_arr[$all_p]['count'] = 0;
	                      				@endphp		                      			
		                      		@endif
		                      	@endforeach
		                      	@if($exist_pass_arr) 
		                      		@foreach($exist_pass_arr as $exist_pass_ar)
		                      			@if($i>=2)
										@php $datass .= '<p>'.$exist_pass_ar['name'].': '.$exist_pass_ar['count'].'</p>';
										 @endphp
										@endif	
										@php $i++; @endphp									
									@endforeach
								@endif
								@if($exist_pass_arr) 
		                      		@foreach($exist_pass_arr as $exist_pass_ar)
		                      			@if($j<2)
										<li>
											<span class="list-label">{{$exist_pass_ar['name']}}</span>
											<span class="list-count">{{($exist_pass_ar['count'])}}</span>
											@if($j == 1)
											<a href="javascript:void(0)" class="more_subject" data-title="{{$datass}}"><span class="list-more">+{{(count($exist_pass_arr)-2)}}</span><div id="tooltip"></div></a>
											@endif
										</li>
										@php $j++; @endphp
										@endif										
									@endforeach
								@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>
		           
		            <!-- Table -->
		            <div class="card">
		              <div class="card-header center-header pt-5">
		                <h2>Pass</h2>
		                <div class="filter-group">
		                  <a href="{{route('coaching.pass.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 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">
		                <div class="table-responsive">
		                  <table id="pass-manager" class="stripe row-border order-column dataTable no-footer">
		                    <thead>
		                      <tr>
		                        <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