@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">Coaching Management</li>
							<li class="breadcrumb-item active" aria-current="page">All Coaching</li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
          <div class="card-header">
            <h1>Coaching Management</h1>
            <div class="filter-group">
              </div>
            </div>
            <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 Registered Coaching</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(-168 -2458)">
                          <rect
                            width="24"
                            height="24"
                            transform="translate(168 2458)"
                            fill="rgba(0,0,0,0)"
                          />
                          <path
                            d="M189,2479h-6a1,1,0,0,1,0-2h5a1,1,0,0,0,1-1v-12a1,1,0,0,0-1-1H172a1,1,0,0,0-1,1v1a1,1,0,0,1-2,0v-2a2,2,0,0,1,2-2h18a2,2,0,0,1,2,2v14A2,2,0,0,1,189,2479Zm-14.09,0a1,1,0,0,1-.98-.85,5.016,5.016,0,0,0-4.08-4.081,1,1,0,0,1-.85-.98,1.012,1.012,0,0,1,.983-1.013.962.962,0,0,1,.156.013,7,7,0,0,1,5.771,5.77.982.982,0,0,1-.23.787A1.017,1.017,0,0,1,174.91,2479Zm-2.91,0h-3v-3a3,3,0,0,1,3,3Zm6.95-.01a.98.98,0,0,1-.99-.87,8.992,8.992,0,0,0-8.079-8.079.984.984,0,0,1-.88-.99,1.01,1.01,0,0,1,1.013-1c.029,0,.058,0,.087,0a11.021,11.021,0,0,1,9.85,9.831,1.01,1.01,0,0,1-.255.779A.992.992,0,0,1,178.95,2478.99Zm3.55-6.13a1.025,1.025,0,0,1-.48-.12l-2.5-1.36a1,1,0,0,1-.52-.879v-1.41l3.02,1.65a1.02,1.02,0,0,0,.96,0l3.02-1.65v1.41a1.014,1.014,0,0,1-.52.879l-2.5,1.36A1.021,1.021,0,0,1,182.5,2472.859Zm0-3a1.025,1.025,0,0,1-.48-.12l-4.219-2.3a.5.5,0,0,1,0-.88l4.219-2.3a1.02,1.02,0,0,1,.96,0l4.22,2.3a.507.507,0,0,1,0,.88l-4.22,2.3A1.021,1.021,0,0,1,182.5,2469.86Z"
                            fill=""
                          />
                        </g>
                      </svg>
                      <span>{{$totalCoaching}}</span>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="red"
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 24 24"
                    >
                      <g transform="translate(-168 -2458)">
                        <rect
                          width="24"
                          height="24"
                          transform="translate(168 2458)"
                          fill="rgba(0,0,0,0)"
                        />
                        <path
                          d="M189,2479h-6a1,1,0,0,1,0-2h5a1,1,0,0,0,1-1v-12a1,1,0,0,0-1-1H172a1,1,0,0,0-1,1v1a1,1,0,0,1-2,0v-2a2,2,0,0,1,2-2h18a2,2,0,0,1,2,2v14A2,2,0,0,1,189,2479Zm-14.09,0a1,1,0,0,1-.98-.85,5.016,5.016,0,0,0-4.08-4.081,1,1,0,0,1-.85-.98,1.012,1.012,0,0,1,.983-1.013.962.962,0,0,1,.156.013,7,7,0,0,1,5.771,5.77.982.982,0,0,1-.23.787A1.017,1.017,0,0,1,174.91,2479Zm-2.91,0h-3v-3a3,3,0,0,1,3,3Zm6.95-.01a.98.98,0,0,1-.99-.87,8.992,8.992,0,0,0-8.079-8.079.984.984,0,0,1-.88-.99,1.01,1.01,0,0,1,1.013-1c.029,0,.058,0,.087,0a11.021,11.021,0,0,1,9.85,9.831,1.01,1.01,0,0,1-.255.779A.992.992,0,0,1,178.95,2478.99Zm3.55-6.13a1.025,1.025,0,0,1-.48-.12l-2.5-1.36a1,1,0,0,1-.52-.879v-1.41l3.02,1.65a1.02,1.02,0,0,0,.96,0l3.02-1.65v1.41a1.014,1.014,0,0,1-.52.879l-2.5,1.36A1.021,1.021,0,0,1,182.5,2472.859Zm0-3a1.025,1.025,0,0,1-.48-.12l-4.219-2.3a.5.5,0,0,1,0-.88l4.219-2.3a1.02,1.02,0,0,1,.96,0l4.22,2.3a.507.507,0,0,1,0,.88l-4.22,2.3A1.021,1.021,0,0,1,182.5,2469.86Z"
                          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 Inactive Coaching: {{$totalInactiveCoaching}}
                    </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(-168 -2458)">
                          <rect
                            width="24"
                            height="24"
                            transform="translate(168 2458)"
                            fill="rgba(0,0,0,0)"
                          />
                          <path
                            d="M189,2479h-6a1,1,0,0,1,0-2h5a1,1,0,0,0,1-1v-12a1,1,0,0,0-1-1H172a1,1,0,0,0-1,1v1a1,1,0,0,1-2,0v-2a2,2,0,0,1,2-2h18a2,2,0,0,1,2,2v14A2,2,0,0,1,189,2479Zm-14.09,0a1,1,0,0,1-.98-.85,5.016,5.016,0,0,0-4.08-4.081,1,1,0,0,1-.85-.98,1.012,1.012,0,0,1,.983-1.013.962.962,0,0,1,.156.013,7,7,0,0,1,5.771,5.77.982.982,0,0,1-.23.787A1.017,1.017,0,0,1,174.91,2479Zm-2.91,0h-3v-3a3,3,0,0,1,3,3Zm6.95-.01a.98.98,0,0,1-.99-.87,8.992,8.992,0,0,0-8.079-8.079.984.984,0,0,1-.88-.99,1.01,1.01,0,0,1,1.013-1c.029,0,.058,0,.087,0a11.021,11.021,0,0,1,9.85,9.831,1.01,1.01,0,0,1-.255.779A.992.992,0,0,1,178.95,2478.99Zm3.55-6.13a1.025,1.025,0,0,1-.48-.12l-2.5-1.36a1,1,0,0,1-.52-.879v-1.41l3.02,1.65a1.02,1.02,0,0,0,.96,0l3.02-1.65v1.41a1.014,1.014,0,0,1-.52.879l-2.5,1.36A1.021,1.021,0,0,1,182.5,2472.859Zm0-3a1.025,1.025,0,0,1-.48-.12l-4.219-2.3a.5.5,0,0,1,0-.88l4.219-2.3a1.02,1.02,0,0,1,.96,0l4.22,2.3a.507.507,0,0,1,0,.88l-4.22,2.3A1.021,1.021,0,0,1,182.5,2469.86Z"
                            fill=""
                          />
                        </g>
                      </svg>
                      <ul class="list">
                        @if($totalInacCoachingExamTypeWise)
                          @foreach($totalInacCoachingExamTypeWise as $key=>$res)
                            @if($key < 2)
                            <li>
                              <span class="list-label">{{$res->exam_type}}</span>
                              <span class="list-count">{{$res->count}}</span>
                            </li>
                            @endif
                          @endforeach
                        @endif
                        
                      </ul>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="orange"
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 24 24"
                    >
                      <g transform="translate(-168 -2458)">
                        <rect
                          width="24"
                          height="24"
                          transform="translate(168 2458)"
                          fill="rgba(0,0,0,0)"
                        />
                        <path
                          d="M189,2479h-6a1,1,0,0,1,0-2h5a1,1,0,0,0,1-1v-12a1,1,0,0,0-1-1H172a1,1,0,0,0-1,1v1a1,1,0,0,1-2,0v-2a2,2,0,0,1,2-2h18a2,2,0,0,1,2,2v14A2,2,0,0,1,189,2479Zm-14.09,0a1,1,0,0,1-.98-.85,5.016,5.016,0,0,0-4.08-4.081,1,1,0,0,1-.85-.98,1.012,1.012,0,0,1,.983-1.013.962.962,0,0,1,.156.013,7,7,0,0,1,5.771,5.77.982.982,0,0,1-.23.787A1.017,1.017,0,0,1,174.91,2479Zm-2.91,0h-3v-3a3,3,0,0,1,3,3Zm6.95-.01a.98.98,0,0,1-.99-.87,8.992,8.992,0,0,0-8.079-8.079.984.984,0,0,1-.88-.99,1.01,1.01,0,0,1,1.013-1c.029,0,.058,0,.087,0a11.021,11.021,0,0,1,9.85,9.831,1.01,1.01,0,0,1-.255.779A.992.992,0,0,1,178.95,2478.99Zm3.55-6.13a1.025,1.025,0,0,1-.48-.12l-2.5-1.36a1,1,0,0,1-.52-.879v-1.41l3.02,1.65a1.02,1.02,0,0,0,.96,0l3.02-1.65v1.41a1.014,1.014,0,0,1-.52.879l-2.5,1.36A1.021,1.021,0,0,1,182.5,2472.859Zm0-3a1.025,1.025,0,0,1-.48-.12l-4.219-2.3a.5.5,0,0,1,0-.88l4.219-2.3a1.02,1.02,0,0,1,.96,0l4.22,2.3a.507.507,0,0,1,0,.88l-4.22,2.3A1.021,1.021,0,0,1,182.5,2469.86Z"
                          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 Suspended Coaching: {{$totalSuspendCoaching}}</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(-168 -2458)">
                          <rect
                            width="24"
                            height="24"
                            transform="translate(168 2458)"
                            fill="rgba(0,0,0,0)"
                          />
                          <path
                            d="M189,2479h-6a1,1,0,0,1,0-2h5a1,1,0,0,0,1-1v-12a1,1,0,0,0-1-1H172a1,1,0,0,0-1,1v1a1,1,0,0,1-2,0v-2a2,2,0,0,1,2-2h18a2,2,0,0,1,2,2v14A2,2,0,0,1,189,2479Zm-14.09,0a1,1,0,0,1-.98-.85,5.016,5.016,0,0,0-4.08-4.081,1,1,0,0,1-.85-.98,1.012,1.012,0,0,1,.983-1.013.962.962,0,0,1,.156.013,7,7,0,0,1,5.771,5.77.982.982,0,0,1-.23.787A1.017,1.017,0,0,1,174.91,2479Zm-2.91,0h-3v-3a3,3,0,0,1,3,3Zm6.95-.01a.98.98,0,0,1-.99-.87,8.992,8.992,0,0,0-8.079-8.079.984.984,0,0,1-.88-.99,1.01,1.01,0,0,1,1.013-1c.029,0,.058,0,.087,0a11.021,11.021,0,0,1,9.85,9.831,1.01,1.01,0,0,1-.255.779A.992.992,0,0,1,178.95,2478.99Zm3.55-6.13a1.025,1.025,0,0,1-.48-.12l-2.5-1.36a1,1,0,0,1-.52-.879v-1.41l3.02,1.65a1.02,1.02,0,0,0,.96,0l3.02-1.65v1.41a1.014,1.014,0,0,1-.52.879l-2.5,1.36A1.021,1.021,0,0,1,182.5,2472.859Zm0-3a1.025,1.025,0,0,1-.48-.12l-4.219-2.3a.5.5,0,0,1,0-.88l4.219-2.3a1.02,1.02,0,0,1,.96,0l4.22,2.3a.507.507,0,0,1,0,.88l-4.22,2.3A1.021,1.021,0,0,1,182.5,2469.86Z"
                            fill=""
                          />
                        </g>
                      </svg>
                      <ul class="list">
                        @if($totalSusCoachingExamTypeWise)
                          @foreach($totalSusCoachingExamTypeWise as $key => $res)
                            @if($key < 2)
                            <li>
                              <span class="list-label">{{$res->exam_type}}</span>
                              <span class="list-count">{{$res->count}}</span>
                            </li>
                            @endif
                          @endforeach
                        @endif
                      </ul>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="blue"
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 24 24"
                    >
                      <g transform="translate(-168 -2458)">
                        <rect
                          width="24"
                          height="24"
                          transform="translate(168 2458)"
                          fill="rgba(0,0,0,0)"
                        />
                        <path
                          d="M189,2479h-6a1,1,0,0,1,0-2h5a1,1,0,0,0,1-1v-12a1,1,0,0,0-1-1H172a1,1,0,0,0-1,1v1a1,1,0,0,1-2,0v-2a2,2,0,0,1,2-2h18a2,2,0,0,1,2,2v14A2,2,0,0,1,189,2479Zm-14.09,0a1,1,0,0,1-.98-.85,5.016,5.016,0,0,0-4.08-4.081,1,1,0,0,1-.85-.98,1.012,1.012,0,0,1,.983-1.013.962.962,0,0,1,.156.013,7,7,0,0,1,5.771,5.77.982.982,0,0,1-.23.787A1.017,1.017,0,0,1,174.91,2479Zm-2.91,0h-3v-3a3,3,0,0,1,3,3Zm6.95-.01a.98.98,0,0,1-.99-.87,8.992,8.992,0,0,0-8.079-8.079.984.984,0,0,1-.88-.99,1.01,1.01,0,0,1,1.013-1c.029,0,.058,0,.087,0a11.021,11.021,0,0,1,9.85,9.831,1.01,1.01,0,0,1-.255.779A.992.992,0,0,1,178.95,2478.99Zm3.55-6.13a1.025,1.025,0,0,1-.48-.12l-2.5-1.36a1,1,0,0,1-.52-.879v-1.41l3.02,1.65a1.02,1.02,0,0,0,.96,0l3.02-1.65v1.41a1.014,1.014,0,0,1-.52.879l-2.5,1.36A1.021,1.021,0,0,1,182.5,2472.859Zm0-3a1.025,1.025,0,0,1-.48-.12l-4.219-2.3a.5.5,0,0,1,0-.88l4.219-2.3a1.02,1.02,0,0,1,.96,0l4.22,2.3a.507.507,0,0,1,0,.88l-4.22,2.3A1.021,1.021,0,0,1,182.5,2469.86Z"
                          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 filter-nowrap">
                    <div class="form-group col-md-3 mb-sm-0">
                      <select  id="examtype_filter" name="examtype_filter" class="form-control input-sm search_filter">
                        <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" type="button">
                             <img src="{{asset('admin/images/filter.svg')}}" width="15" alt=""/>
                          </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="">Select Type</option>
                          <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>
            <!-- //Filter box -->
            <div class="card">
              <div class="card-header coaching-header center-header pt-5">
                <h2>All Coaching</h2>
                <div class="filter-group">
                  <a href="{{route('admin.coaching.add')}}" ><button type="button" class="btn btn-primary add-btn add-btn-sm"><i class="fa fa-plus-circle"></i>Add Coaching</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>
                    <!-- <option value="2">Banned Coaching </option> -->
                    <option value="3">Suspended Coaching</option>
                  </select>
                  <div class="range-slider">
                    <label for="" class="form-label">No of Packages</label>
                    <input type="range" min="0" max="100" step="1" data-orientation="vertical"  id="no_package_filter" name="no_package_filter" value="0">
                    <span>0</span>
                  </div>
                  
                  <button type="button" class="btn btn-outline-primary btn-pill excel_export">Export In Excel</button>
                </div>
              </div>
              <input type="hidden" name="status" value="1">
              </form>
              <div class="card-body coaching_lisTable">
                <p class="text-right font-bold mb-2 total_coaching">Total No of Coaching: 0</p>
                <div class="">
                  <table id="all-coaching" 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 (City, State) <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>T.Following <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Packages <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Engaged Student <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Life Time Sale <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>
            <!--// MAIN BODY CONTENT -->
				</div>
			</div>

@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/coaching.js?v='.time())}}"></script>
<script type="text/javascript">
$(function(){
    var examtype_options='';
    var state_options='';