@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 -->
            <h1>Coaching Management</h1>

            <div class="row">
              <div class="col-xl-4 col-lg-6 col-md-12">
                <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-6 col-md-12">
                <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">
                        <li>
                          <span class="list-label">ssc</span>
                          <span class="list-count">50</span>
                        </li>
                        <li>
                          <span class="list-label">Banking</span>
                          <span class="list-count">45</span>
                          <span class="list-more">+1</span>
                        </li>
                      </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-6 col-md-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">
                        <li>
                          <span class="list-label">ssc</span>
                          <span class="list-count">50</span>
                        </li>
                        <li>
                          <span class="list-label">Banking</span>
                          <span class="list-count">45</span>
                          <span class="list-more">+1</span>
                        </li>
                      </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">
              <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">
                    <div class="form-group col-md-3">
                      <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">
                      <div class="input-group search-filter">
                        <i class="fa fa-search search-icon"></i>
                        <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 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">
                      <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>
                  <!-- <select class="form-control input-sm search_table_filter" id="no_package_filter" name="no_package_filter" >
                    <option value="" selected="">No of Packages</option>
                    <option value="4">4</option>
                    <option value="6">6</option>
                  </select> -->
                  <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 data-toggle="tooltip" data-placement="right" title="0" alt="info" width="12">0</span>
                  
                  <select class="form-control input-sm excel_export">
                    <option value="" selected="">Export In Excel</option>
                  </select>
                </div>
              </div>
              </form>
              <div class="card-body">
                <p class="text-right font-bold mb-2">Total No of Coaching: {{$totalCoaching}}</p>
                <div class="table-responsive">
                  <table id="all-coaching" class="table double-line-header card-table dataTable table-hover table-vcenter text-nowrap">
                    <thead>
                      <tr>
                        <th>Coaching Name</th>
                        <th> Location<p>(City, State)</p></th>
                        <th>Exam Type</th>
                        <th>T.Following</th>
                        <th>Packages</th>
                        <th>Engaged<p>Student</p></th>
                        <th>Life Time<p>Sale</p></th>
                        <th>Status</th>
                        <th>&nbsp;</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>
@endsection