@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">Result Management</li>
							<li class="breadcrumb-item active" aria-current="page">Coaching Wise</li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
		            <h1>Coaching Wise</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
		            <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 Test Attempted Today</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">{{$today_tot_test_attempted}}</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-6 col-md-12">
		                <div class="card">
		                  <div class="card-body small-card">
		                    <h5 class="font-medium">
		                      Total No Of Test Attempted Last 30 Days
		                    </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>{{$tot_test_attempted_30d}}</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-6 col-md-12">
		                <div class="card">
		                  <div class="card-body small-card">
		                    <h5 class="font-medium">
		                      Total No Of Test Attempted Till Now
		                    </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>{{$tot_test_attempted}}</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>

		              <!-- second 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">Last 6 Month Test Attempts</h5>
		                    <div class="counter">
		                      <svg
		                        id="small-card-icon"
		                        class="blue"
		                        xmlns="http://www.w3.org/2000/svg"
		                        width="20.273"
		                        height="20.732"
		                        viewBox="0 0 20.273 20.732"
		                      >
		                        <g transform="translate(-5.411)">
		                          <g transform="translate(5.411)">
		                            <path
		                              d="M119.618,258.712a.47.47,0,0,0-.471-.47h-1.642a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.471h1.642a.47.47,0,0,0,.471-.471v-1.642Z"
		                              transform="translate(-112.294 -247.274)"
		                              fill=""
		                            />
		                            <path
		                              d="M216.253,258.712a.47.47,0,0,0-.47-.47H214.14a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.471h1.642a.47.47,0,0,0,.47-.471Z"
		                              transform="translate(-204.825 -247.274)"
		                              fill=""
		                            />
		                            <path
		                              d="M312.881,258.712a.47.47,0,0,0-.47-.47h-1.642a.47.47,0,0,0-.471.47v1.642a.47.47,0,0,0,.471.471h1.642a.47.47,0,0,0,.47-.471Z"
		                              transform="translate(-297.349 -247.274)"
		                              fill=""
		                            />
		                            <path
		                              d="M119.618,355.345a.47.47,0,0,0-.471-.47h-1.642a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.47h1.642a.47.47,0,0,0,.471-.47v-1.642Z"
		                              transform="translate(-112.294 -339.803)"
		                              fill=""
		                            />
		                            <path
		                              d="M216.253,355.345a.47.47,0,0,0-.47-.47H214.14a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.47h1.642a.47.47,0,0,0,.47-.47Z"
		                              transform="translate(-204.825 -339.803)"
		                              fill=""
		                            />
		                            <path
		                              d="M312.881,355.345a.47.47,0,0,0-.47-.47h-1.642a.47.47,0,0,0-.471.47v1.642a.47.47,0,0,0,.471.47h1.642a.47.47,0,0,0,.47-.47v-1.642Z"
		                              transform="translate(-297.349 -339.803)"
		                              fill=""
		                            />
		                            <path
		                              d="M23.879,54.151v2.508a2.048,2.048,0,0,1-2.053,2.047h-1.3a2.059,2.059,0,0,1-2.065-2.047V54.142H12.629v2.517a2.059,2.059,0,0,1-2.065,2.047h-1.3a2.048,2.048,0,0,1-2.053-2.047V54.151a1.867,1.867,0,0,0-1.8,1.857v14.7a1.868,1.868,0,0,0,1.858,1.869H23.825a1.87,1.87,0,0,0,1.858-1.869v-14.7A1.867,1.867,0,0,0,23.879,54.151Zm-.6,15.639a.8.8,0,0,1-.8.8H8.585a.8.8,0,0,1-.8-.8V62.2a.8.8,0,0,1,.8-.8H22.474a.8.8,0,0,1,.8.8V69.79Z"
		                              transform="translate(-5.411 -51.843)"
		                              fill=""
		                            />
		                            <path
		                              d="M80.254,5.519h1.281a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-.7-.7H80.254a.7.7,0,0,0-.7.7V4.815A.7.7,0,0,0,80.254,5.519Z"
		                              transform="translate(-76.401)"
		                              fill="#278bed"
		                            />
		                            <path
		                              d="M345.162,5.519h1.281a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-.7-.7h-1.281a.7.7,0,0,0-.7.7V4.815A.7.7,0,0,0,345.162,5.519Z"
		                              transform="translate(-330.058)"
		                              fill="#278bed"
		                            />
		                          </g>
		                        </g>
		                      </svg>
		                      <ul class="list">
		                        <?php
		                        if(count($last_6_months_data)){
		                        	$last_6_months_data_count=count($last_6_months_data);
		                        	if($last_6_months_data_count>=6){
		                            $extra_count=4;
		                        	}else{
		                        	$extra_count=$last_6_months_data_count-2;	
		                        	}
		                        	$xdc=0;
		                            $extra_data='';
		                        	foreach($last_6_months_data as $month=> $test_count){
			                        	$xdc++;
			                            if($xdc>2 && $xdc<=6){
			                            	$extra_data .='<p>'.$month.': '.$test_count.'</p>';
			                            }
		                            }
		                            $mc=0;
		                        	foreach($last_6_months_data as $month=> $test_count){
		                        	$mc++;
		                        	if($mc<=2){
		                            ?>
		                            <li>
			                          <span class="list-label">{{ $month }}:</span>
			                          <span class="list-count">{{ $test_count }}</span>
			                          <?php
			                          if($mc==2 && $extra_count>0){
			                          ?>
			                          <a href="javascript:void(0)" class="more_subject" data-title="{{ $extra_data }}"><span class="list-more">+{{ $extra_count }}</span><div id="tooltip"></div></a>
			                          <?php
			                          }
			                          ?>
			                        </li>
		                            <?php
		                             }
		                        	}
		                        }
		                      	?>
		                      </ul>
		                    </div>
		                    <svg
		                      id="small-card-bg-icon"
		                      class="blue"
		                      xmlns="http://www.w3.org/2000/svg"
		                      width="20.273"
		                      height="20.732"
		                      viewBox="0 0 20.273 20.732"
		                    >
		                      <g transform="translate(-5.411)">
		                        <g transform="translate(5.411)">
		                          <path
		                            d="M119.618,258.712a.47.47,0,0,0-.471-.47h-1.642a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.471h1.642a.47.47,0,0,0,.471-.471v-1.642Z"
		                            transform="translate(-112.294 -247.274)"
		                            fill=""
		                          />
		                          <path
		                            d="M216.253,258.712a.47.47,0,0,0-.47-.47H214.14a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.471h1.642a.47.47,0,0,0,.47-.471Z"
		                            transform="translate(-204.825 -247.274)"
		                            fill=""
		                          />
		                          <path
		                            d="M312.881,258.712a.47.47,0,0,0-.47-.47h-1.642a.47.47,0,0,0-.471.47v1.642a.47.47,0,0,0,.471.471h1.642a.47.47,0,0,0,.47-.471Z"
		                            transform="translate(-297.349 -247.274)"
		                            fill=""
		                          />
		                          <path
		                            d="M119.618,355.345a.47.47,0,0,0-.471-.47h-1.642a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.47h1.642a.47.47,0,0,0,.471-.47v-1.642Z"
		                            transform="translate(-112.294 -339.803)"
		                            fill=""
		                          />
		                          <path
		                            d="M216.253,355.345a.47.47,0,0,0-.47-.47H214.14a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.47h1.642a.47.47,0,0,0,.47-.47Z"
		                            transform="translate(-204.825 -339.803)"
		                            fill=""
		                          />
		                          <path
		                            d="M312.881,355.345a.47.47,0,0,0-.47-.47h-1.642a.47.47,0,0,0-.471.47v1.642a.47.47,0,0,0,.471.47h1.642a.47.47,0,0,0,.47-.47v-1.642Z"
		                            transform="translate(-297.349 -339.803)"
		                            fill=""
		                          />
		                          <path
		                            d="M23.879,54.151v2.508a2.048,2.048,0,0,1-2.053,2.047h-1.3a2.059,2.059,0,0,1-2.065-2.047V54.142H12.629v2.517a2.059,2.059,0,0,1-2.065,2.047h-1.3a2.048,2.048,0,0,1-2.053-2.047V54.151a1.867,1.867,0,0,0-1.8,1.857v14.7a1.868,1.868,0,0,0,1.858,1.869H23.825a1.87,1.87,0,0,0,1.858-1.869v-14.7A1.867,1.867,0,0,0,23.879,54.151Zm-.6,15.639a.8.8,0,0,1-.8.8H8.585a.8.8,0,0,1-.8-.8V62.2a.8.8,0,0,1,.8-.8H22.474a.8.8,0,0,1,.8.8V69.79Z"
		                            transform="translate(-5.411 -51.843)"
		                            fill=""
		                          />
		                          <path
		                            d="M80.254,5.519h1.281a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-.7-.7H80.254a.7.7,0,0,0-.7.7V4.815A.7.7,0,0,0,80.254,5.519Z"
		                            transform="translate(-76.401)"
		                            fill="#278bed"
		                          />
		                          <path
		                            d="M345.162,5.519h1.281a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-.7-.7h-1.281a.7.7,0,0,0-.7.7V4.815A.7.7,0,0,0,345.162,5.519Z"
		                            transform="translate(-330.058)"
		                            fill="#278bed"
		                          />
		                        </g>
		                      </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">Top 5 Test Attempts</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>
		                      <ul class="list">
		                        <?php
		                        if(count($top_5_test_attempt_data)){
		                        	$top_5_test_attempt_data_count=count($top_5_test_attempt_data);
		                        	if($top_5_test_attempt_data_count>=5){
		                            $extra_count=3;
		                        	}else{
		                        	$extra_count=$top_5_test_attempt_data_count-2;	
		                        	}
		                        	$xdc=0;
		                            $extra_data='';
		                        	foreach($top_5_test_attempt_data as $student_count_data){
			                        	$xdc++;
			                            if($xdc>2 && $xdc<=5){
			                            	$extra_data .='<p>'.$student_count_data['test_name'].': '.$student_count_data['attempted_student'].'</p>';
			                            }
		                            }
		                        	$mc=0;
		                        	foreach($top_5_test_attempt_data as $student_count_data){
		                        	$mc++;
		                        	if($mc<=2){
		                            ?>
		                            <li>
			                          <span class="list-label">{{ $student_count_data['test_name'] }}:</span>
			                          <span class="list-count">{{ $student_count_data['attempted_student'] }}</span>
			                          <?php
			                          if($mc==2 && $extra_count>0){
			                          ?>
			                          <a href="javascript:void(0)" class="more_subject" data-title="{{ $extra_data }}"><span class="list-more">+{{ $extra_count }}</span><div id="tooltip"></div></a>
			                          <?php
			                          }
			                          ?>
			                        </li>
		                            <?php
		                             }
		                        	}
		                        }
		                      	?>
		                      </ul>
		                    </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="#ff7249"
		                        />
		                      </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">Top 5 Package Attempts</h5>
		                    <div class="counter">
		                      <svg
		                        id="small-card-icon"
		                        class="orange"
		                        xmlns="http://www.w3.org/2000/svg"
		                        width="28"
		                        height="28"
		                        viewBox="0 0 28 28"
		                      >
		                        <g transform="translate(-474 -1481.625)">
		                          <rect
		                            width="28"
		                            height="28"
		                            transform="translate(474 1481.625)"
		                            fill="rgba(0,0,0,0)"
		                          />
		                          <path
		                            d="M19.684,25H6.935a2.291,2.291,0,0,1-2.3-2.272L4.643,6.818a2.291,2.291,0,0,1,2.3-2.272h7.145a2.333,2.333,0,0,1,1.644.67L21.328,10.7a2.255,2.255,0,0,1,.672,1.6v10.42A2.3,2.3,0,0,1,19.684,25ZM13.894,6.251h0v5.114A1.148,1.148,0,0,0,15.052,12.5h5.211ZM1.158,18.182A1.148,1.148,0,0,1,0,17.045V2.273A2.3,2.3,0,0,1,2.316,0H15.052A1.149,1.149,0,0,1,16.21,1.137a1.148,1.148,0,0,1-1.158,1.136H3.473A1.148,1.148,0,0,0,2.316,3.41V17.045A1.148,1.148,0,0,1,1.158,18.182Z"
		                            transform="translate(476 1483.625)"
		                            fill=""
		                          />
		                        </g>
		                      </svg>
		                      <ul class="list">
		                        <?php
		                        if(count($top_5_package_attempt_data)){
		                        	$top_5_package_attempt_data_count=count($top_5_package_attempt_data);
		                        	if($top_5_package_attempt_data_count>=5){
		                            $extra_count=3;
		                        	}else{
		                        	$extra_count=$top_5_package_attempt_data_count-2;	
		                        	}
		                        	$xdc=0;
		                            $extra_data='';
		                        	foreach($top_5_package_attempt_data as $package_student_count_data){
			                        	$xdc++;
			                            if($xdc>2 && $xdc<=5){
			                            	$extra_data .='<p>'.$package_student_count_data['package_name'].': '.$package_student_count_data['package_attempted_student'].'</p>';
			                            }
		                            }
		                        	$mc=0;
		                        	foreach($top_5_package_attempt_data as $package_student_count_data){
		                        	$mc++;
		                        	if($mc<=2){
		                            ?>
		                            <li>
			                          <span class="list-label">{{ $package_student_count_data['package_name'] }}:</span>
			                          <span class="list-count">{{ $package_student_count_data['package_attempted_student'] }}</span>
			                          <?php
			                          if($mc==2 && $extra_count>0){
			                          ?>
			                          <a href="javascript:void(0)" class="more_subject" data-title="{{ $extra_data }}"><span class="list-more">+{{ $extra_count }}</span><div id="tooltip"></div></a>
			                          <?php
			                          }
			                          ?>
			                        </li>
		                            <?php
		                             }
		                        	}
		                        }
		                      	?>
		                      </ul>
		                    </div>
		                    <svg
		                      id="small-card-bg-icon"
		                      class="orange"
		                      xmlns="http://www.w3.org/2000/svg"
		                      width="28"
		                      height="28"
		                      viewBox="0 0 28 28"
		                    >
		                      <g transform="translate(-474 -1481.625)">
		                        <rect
		                          width="28"
		                          height="28"
		                          transform="translate(474 1481.625)"
		                          fill="rgba(0,0,0,0)"
		                        />
		                        <path
		                          d="M19.684,25H6.935a2.291,2.291,0,0,1-2.3-2.272L4.643,6.818a2.291,2.291,0,0,1,2.3-2.272h7.145a2.333,2.333,0,0,1,1.644.67L21.328,10.7a2.255,2.255,0,0,1,.672,1.6v10.42A2.3,2.3,0,0,1,19.684,25ZM13.894,6.251h0v5.114A1.148,1.148,0,0,0,15.052,12.5h5.211ZM1.158,18.182A1.148,1.148,0,0,1,0,17.045V2.273A2.3,2.3,0,0,1,2.316,0H15.052A1.149,1.149,0,0,1,16.21,1.137a1.148,1.148,0,0,1-1.158,1.136H3.473A1.148,1.148,0,0,0,2.316,3.41V17.045A1.148,1.148,0,0,1,1.158,18.182Z"
		                          transform="translate(476 1483.625)"
		                          fill=""
		                        />
		                      </g>
		                    </svg>
		                  </div>
		                </div>
		              </div>
		            </div>

                    <!--// MAIN BODY CONTENT -->
                    <!-- Filter box -->
		            <div class="card">
		              <div class="card-body">
		                <p class="text-right mb-4">
		                  <a href="javascript:void(0)" class="clearall" style="display:none;"><i class="fa fa-close"></i> Clear All</a>
		                </p>
		                  <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>Coaching</h2>
		                <div class="filter-group">
		                    <select class="form-control search_filter" id="orderby_filter" name="orderby_filter">
			                  	<option value="">Order By</option>
			                    <option value="ASC"  @if(request()->post('orderby_filter') == 1){{'selected'}}@endif>Asc</option>
			                    <option value="DESC" @if(request()->post('orderby_filter') == 2){{'selected'}}@endif>Desc</option>
		                    </select>
					        <div class="dropdown custom-date">
			                  <button class="btn btn-custom-toggle dropdown-toggle btn-block" type="button" id="dropdownMenuButton"
			                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			                    Custom Date
			                  </button>
			                  <div class="dropdown-menu custom-dropdown-menu right-move" aria-labelledby="dropdownMenuButton"
			                    x-placement="bottom-start">
			                    <div class="custom-date-content">
			                      <h6>Filter by&nbsp;joining date</h6>
			                      <ul id="date_ul">
			                        <li value="1" class="custom_date" style="cursor:pointer;">Today</li>
			                        <li value="2" class="custom_date" style="cursor:pointer;">Last 7 Days</li>
			                        <li value="3" class="custom_date" style="cursor:pointer;">This Month</li>
			                        <li value="4" class="custom_date" style="cursor:pointer;">This Year: {{ date('Y') }} </li>
			                        <li value="5" class="custom_date" style="cursor:pointer;">Last Year: {{ date('Y')-1 }}</li>
			                        <li value="6" class="custom_date" style="cursor:pointer;">All Time</li>
			                      </ul>
			                      <h6>Filter by date range</h6>
			                      <div class="date-group">
			                        <div class="input-group">
			                          <div class="input-group-prepend">
			                            <div class="input-group-text">
			                              <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
			                            </div>
			                          </div>
			                          <input class="form-control fc-datepicker input-sm" placeholder="YYYY-MM-DD"
			                            type="text" name="from_date" id="from_date">
			                        </div>
			                        <span>To</span>
			                        <div class="input-group">
			                          <div class="input-group-prepend">
			                            <div class="input-group-text">
			                              <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
			                            </div>
			                          </div>
			                          <input class="form-control fc-datepicker input-sm" placeholder="YYYY-MM-DD"
			                            type="text" name="to_date" id="to_date">
			                        </div>
			                      </div>
			                      <div class="btn-content">
			                        <button class="btn btn-outline-primary btn-pill add-btn-sm btn-streach-md" id="date_cancel">
			                          Cancel
			                        </button>
			                        <button class="btn btn-primary add-btn-sm btn-streach-md" id="date_apply">
			                          Apply
			                        </button>
			                      </div>
			                    </div>
			                  </div>
			                </div>
		                </div>
		              </div>
		              <div class="card-body">
		                <p class="text-right font-bold mb-2 total_coaching">Total No of Coaching: 0</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.Packages</th>
		                        <th>T.Test</th>
		                        <th>T.Test Attempts</th>
		                        <th>Action</th>
		                      </tr>
		                    </thead>
		                    
		                  </table>
		                </div>
		              </div>
		            </div>
		            <!--// MAIN BODY CONTENT END-->
		           
				</div>
			</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/coaching_list.js?v='.time())}}"></script>
@endsection