@extends('website.desktop.layouts.app') 


@section('main')
  {{-- {{dd($result['slug'])}} --}}
    <section class="tab-navbar-section">
        <div class="container tab-navbar-div">
            <h1>Make your Study Abroad dream come true</h1>
            <div class="tab-navbar d-flex align-items-center">
                <div class="tab d-flex align-items-center justify-content-between">
                    <button class="tablinks  "   data-tab="Courses"    id="CoursesTab" >Course</button>
                    <button class="tablinks  "   data-tab="University"  id="UniversityTab">University</button>
                    <button class="tablinks  "   data-tab="Scholarship"  id="ScholarshipTab">Scholarship </button>             
                </div>
        </div>
        <!-- Tab Content -->            
        <form action="{{ route('website.search.Finder', ['slug' => 'Courses']) }}">   
          <div id="Courses" class="tabcontent " >
            @if (isset($result['Courses']) && $result['courses_count'] > 0 )
                <div class="search-courese search-finder-bar">
                    <div class="search-input input-fuild">
                        <label for="search">Search</label>
                        <input type="search" name="search" id="search" placeholder="Find Courses">
                    </div>
                    <div class="intake-dropdown input-fuild">
                        <label for="intake">Intakes</label>
                        <div class="wrapper">
                            <button class="form-control toggle-next ellipsis">Select Intake</button>
                            <div class="checkboxes" id="Lorems">
                              <label class="apply-selection">
                                <input type="checkbox" value="" class="ajax-link" />
                                &#x2714; apply selection
                              </label>
                              
                              <div class="inner-wrap">
                                <label>
                                  <input type="checkbox" value="all_pets" class="ckkBox all" checked />
                                  <span>All Intake</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="dolor" class="ckkBox val" />
                                  <span>Jan</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="lorem" class="ckkBox val" />
                                  <span>Feb</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="ipsum" class="ckkBox val" />
                                  <span>March</span>
                                </label><br>
                                
                                <label>
                                  <input type="checkbox" value="dolor" class="ckkBox val" />
                                  <span>April</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="lorem" class="ckkBox val" />
                                  <span>May</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="ipsum" class="ckkBox val" />
                                  <span>Jun</span>
                                </label>
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="year-dropdown input-fuild">
                        <label for="year">Year</label>
                        <select name="year" id="year">
                            <option value="">Select Year</option>
                            <option value="">2023</option>
                            <option value="">2024</option>
                            <option value="">2025</option>
                        </select>
                    </div>
                    <button class="search-btn"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="27" viewBox="0 0 28 27" fill="none">
                        <path d="M21.7708 21.5241L17.6204 17.3737M5.72266 12.3932C5.72266 8.57291 8.81964 5.47592 12.64 5.47592C16.4603 5.47592 19.5573 8.57291 19.5573 12.3932C19.5573 16.2136 16.4603 19.3106 12.64 19.3106C8.81964 19.3106 5.72266 16.2136 5.72266 12.3932Z" stroke="white" stroke-width="1.99219" stroke-linecap="round" stroke-linejoin="round"/>
                      </svg>
                    </button>
                </div>
                <div class="courses-section">
                    <div class="left-filter">
                        <div class="filter-div">
                            <h4>SELECT CURRENCY</h4>
                            <div class="form-group currency-dropdown">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                                        <path opacity="0.4" d="M16.9583 11.5958V14.9875C16.9583 17.8475 14.2908 20.1667 11 20.1667C7.70917 20.1667 5.04167 17.8475 5.04167 14.9875V11.5958C5.04167 14.4558 7.70917 16.5 11 16.5C14.2908 16.5 16.9583 14.4558 16.9583 11.5958Z" stroke="#11151F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M16.9583 7.01254C16.9583 7.84671 16.7292 8.61671 16.3258 9.27671C15.345 10.89 13.3283 11.9167 11 11.9167C8.67167 11.9167 6.65501 10.89 5.67417 9.27671C5.27084 8.61671 5.04167 7.84671 5.04167 7.01254C5.04167 5.58254 5.71083 4.29004 6.78333 3.35504C7.865 2.41087 9.35001 1.83337 11 1.83337C12.65 1.83337 14.135 2.41088 15.2167 3.34588C16.2892 4.29004 16.9583 5.58254 16.9583 7.01254Z" stroke="#11151F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M16.9583 7.01254V11.5959C16.9583 14.4559 14.2908 16.5 11 16.5C7.70917 16.5 5.04167 14.4559 5.04167 11.5959V7.01254C5.04167 4.15254 7.70917 1.83337 11 1.83337C12.65 1.83337 14.135 2.41088 15.2167 3.34588C16.2892 4.29004 16.9583 5.58254 16.9583 7.01254Z" stroke="#11151F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                </span>
                                <select name="currency" id="">
                                    <option disabled selected>Select Currency</option>
                                    <option value="inr">INR</option>
                                    <option value="usd">USD</option>
                                </select>
                            </div>
                         </div>
                         <div class="filter-div">
                            <h4>Country</h4>
                            <div class="form-group currency-dropdown">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                                        <path d="M10.9987 20.1667C16.0613 20.1667 20.1654 16.0626 20.1654 11C20.1654 5.93739 16.0613 1.83333 10.9987 1.83333C5.93609 1.83333 1.83203 5.93739 1.83203 11C1.83203 16.0626 5.93609 20.1667 10.9987 20.1667Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <g opacity="0.4">
                                          <path d="M7.33411 2.75H8.25078C6.46328 8.10333 6.46328 13.8967 8.25078 19.25H7.33411" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M13.75 2.75C15.5375 8.10333 15.5375 13.8967 13.75 19.25" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M2.75 14.6667V13.75C8.10333 15.5375 13.8967 15.5375 19.25 13.75V14.6667" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M2.75 8.25009C8.10333 6.46259 13.8967 6.46259 19.25 8.25009" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        </g>
                                    </svg>
                                </span>
                                <select name="country" id="">
                                    <option disabled selected>Select Country</option>
                                    <option value="UK">UK</option>
                                    <option value="USA">USA</option>
                                    <option value="Canada">Canada</option>
                                </select>
                            </div>
                        </div> 
                        <div class="filter-div">
                            <h4>Duration</h4>
                            <div class="form-group currency-dropdown">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                                        <path d="M20.1654 8.25V13.75C20.1654 13.9517 20.1654 14.1534 20.147 14.3459C19.3954 13.42 18.2495 12.8333 16.957 12.8333C15.9854 12.8333 15.087 13.1725 14.3812 13.7408C13.4279 14.4925 12.832 15.6567 12.832 16.9583C12.832 18.2508 13.4187 19.3967 14.3445 20.1483C14.152 20.1667 13.9504 20.1667 13.7487 20.1667H8.2487C3.66536 20.1667 1.83203 18.3333 1.83203 13.75V8.25C1.83203 3.66667 3.66536 1.83334 8.2487 1.83334H13.7487C18.332 1.83334 20.1654 3.66667 20.1654 8.25Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <g opacity="0.4">
                                          <path d="M2.30859 6.51749H19.6886" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M7.80859 1.93415V6.38914" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M14.1875 1.93415V5.97668" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        </g>
                                        <path d="M21.082 16.9583C21.082 18.1958 20.532 19.2958 19.6795 20.0567C18.9462 20.6892 18.002 21.0833 16.957 21.0833C15.967 21.0833 15.0504 20.735 14.3445 20.1483C13.4187 19.3966 12.832 18.2508 12.832 16.9583C12.832 15.6567 13.4279 14.4925 14.3812 13.7408C15.087 13.1725 15.9854 12.8333 16.957 12.8333C18.2495 12.8333 19.3954 13.42 20.147 14.3459C20.7337 15.0517 21.082 15.9683 21.082 16.9583Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path opacity="0.4" d="M17.213 15.6658V17.215L15.9297 17.985" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                </span>
                                <select name="country" id="">
                                    <option disabled selected>Select Duration</option>
                                    <option value="UK">UK</option>
                                    <option value="USA">USA</option>
                                    <option value="Canada">Canada</option>
                                </select>
                            </div>
                        </div>
                        <div class="filter-div">
                            <h4>ESL/ELP Available</h4>
                            <div class="form-group currency-dropdown">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                                        <path opacity="0.4" d="M7.33203 11.1833H13.7487" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path opacity="0.4" d="M7.33203 14.85H11.347" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M9.16536 5.49999H12.832C14.6654 5.49999 14.6654 4.58333 14.6654 3.66666C14.6654 1.83333 13.7487 1.83333 12.832 1.83333H9.16536C8.2487 1.83333 7.33203 1.83333 7.33203 3.66666C7.33203 5.49999 8.2487 5.49999 9.16536 5.49999Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M14.6667 3.685C17.7192 3.85 19.25 4.9775 19.25 9.16666V14.6667C19.25 18.3333 18.3333 20.1667 13.75 20.1667H8.25C3.66667 20.1667 2.75 18.3333 2.75 14.6667V9.16666C2.75 4.98666 4.28083 3.85 7.33333 3.685" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                      </svg>
                                </span>
                                <select name="country" id="">
                                    <option disabled selected>Select Duration</option>
                                    <option value="UK">UK</option>
                                    <option value="USA">USA</option>
                                    <option value="Canada">Canada</option>
                                </select>
                            </div>
                        </div>
                        <div class="filter-div">
                            <h4>LEVEL</h4>
                            <div class="form-group">
                                <div class="control-group">
                                    <label class="control control-checkbox">Bachelors
                                        <input type="checkbox" checked="checked"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Masters
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">PG Diploma
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Phd
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Phd
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                </div>
                            </div>
                        </div>
                        <div class="filter-div">
                            <h4>university <span>(24)</span></h4>
                            <div class="form-group">
                                <div class="filter-search">
                                    <span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="#B9BCC8"/>
                                        </svg>
                                    </span>
                                    <input type="text">
                                </div>
                                <div class="control-group">
                                    <label class="control control-checkbox">Oxford University
                                        <input type="checkbox" checked="checked"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Oxford University
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Oxford University
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Oxford University
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Oxford University
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                </div>
                            </div>  
                        </div>
                        <div class="filter-div">
                            <h4>STREAM <span>(24)</span></h4>
                            <div class="form-group">
                                <div class="filter-search">
                                    <span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="#B9BCC8"/>
                                        </svg>
                                    </span>
                                    <input type="text">
                                </div>
                                <div class="control-group">
                                    <label class="control control-checkbox">Bachelors
                                        <input type="checkbox" checked="checked"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Masters
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">PG Diploma
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Phd
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Phd
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                </div>
                            </div>  
                        </div>
                        <div class="filter-div">
                            <h4>PROGRAMME <span>(24)</span></h4>
                            <div class="form-group">
                                <div class="filter-search">
                                    <span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="#B9BCC8"/>
                                        </svg>
                                    </span>
                                    <input type="text">
                                </div>
                                <div class="control-group">
                                    <label class="control control-checkbox">Bachelors
                                        <input type="checkbox" checked="checked"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Masters
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">PG Diploma
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Phd
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                      <label class="control control-checkbox">Phd
                                        <input type="checkbox"/>
                                        <div class="control_indicator"></div>
                                      </label>
                                </div>
                            </div>  
                        </div>
                        <div class="filter-div price-range-slider">
                          <h4>Average TUITION FEES</h4>
                          <div class="wrapper">
                            <div class="price-range-container">
                          
                              <div class="slider-wrapper">
                                <div id="slider-range"></div>
                          
                                <div class="range-wrapper">
                                  <div class="range"></div>
                                  <div class="range-alert">+</div>
                          
                                  <div class="gear-wrapper">
                                    <div class="gear-large gear-one">
                                      <div class="gear-tooth"></div>
                                      <div class="gear-tooth"></div>
                                      <div class="gear-tooth"></div>
                                      <div class="gear-tooth"></div>
                                    </div>
                                    <div class="gear-large gear-two">
                                      <div class="gear-tooth"></div>
                                      <div class="gear-tooth"></div>
                                      <div class="gear-tooth"></div>
                                      <div class="gear-tooth"></div>
                                    </div>
                                  </div>
                          
                                </div>
                          
                                <div class="marker marker-0">Rs 0</div>
                                <div class="marker marker-25">Rs 25K</div>
                                <div class="marker marker-50">Rs 50K</div>
                                <div class="marker marker-75">Rs 75K</div>
                                <div class="marker marker-100">Rs 1L</div>
                              </div>
                          
                            </div>
                          </div>
                      </div>
                    </div>
                    <div class="right-content">
                        <div class="filter-result">
                            <h4>{{$result['courses_count']}}<span>Results Found</span></h4>
                            <div class="selected-filter-div">
                                <div class="selected-filter">
                                    <div class="filter">
                                        <h5>Level</h5>
                                        <div class="tag">Bachelors
                                            <span class="close">&times;</span>
                                        </div>
                                    </div>
                                    <div class="filter">
                                        <h5>Stream</h5>
                                        <div class="tag">Business
                                            <span class="close">&times;</span>
                                        </div>
                                    </div>
                                    <div class="filter">
                                        <h5>Courses</h5>
                                        <div class="tag">Bachelors
                                            <span class="close">&times;</span>
                                        </div>
                                    </div>
                                    <div class="filter">
                                        <h5>Specialization</h5>
                                        <div class="tag">Bachelors
                                            <span class="close">&times;</span>
                                        </div>
                                    </div>
                                </div>
                                <a href="">Clear All</a>
                            </div>
                        </div>
                        <div class="courses-detail">
                          @foreach ( $result['courses'] as $value)     
                          @php
                          // Decode the JSON data
                          ($courseData = json_decode($value['fees_expenses']));
                          // dd($courseData->tuitionFeesData);
                         ;
                        
                          // ;
                      @endphp
                                                @endforeach
                        </div>
                        <div class="pagination">
                            <ul class="page">
                                <li class="page_left"><a href=""><span class=""><i class="fas fa-angles-left"></i></span></a></li>
                                <li class="page_numbers"><a href="">1</a></li>
                                <li class="page_numbers active"><a href="">2</a></li>
                                <li class="page_dots"><a href="">...</a></li>
                                <li class="page_numbers"><a href="">6</a></li>
                                <li class="page_right"><a href=""><span class=""><i class="fas fa-angles-right"></i></span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
              </form>
             @else
                <form action="{{ route('website.search.Finder', ['slug' => 'Courses']) }}">   
                <div class="search-courese search-finder-bar">
                    <div class="search-input input-fuild">
                        <label for="search">Search</label>
                        <input type="search" name="search" id="search" placeholder="Find Courses">
                    </div>
                    <div class="intake-dropdown input-fuild">
                        <label for="intake">Intakes</label>
                        <div class="wrapper">
                            <button class="form-control toggle-next ellipsis">Select Intake</button>
                            <div class="checkboxes" id="Lorems">
                              <label class="apply-selection">
                                <input type="checkbox" value="" class="ajax-link" />
                                &#x2714; apply selection
                              </label>
                              
                              <div class="inner-wrap">
                                <label>
                                  <input type="checkbox" value="all_pets" class="ckkBox all" checked />
                                  <span>All Intake</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="dolor" class="ckkBox val" />
                                  <span>Jan</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="lorem" class="ckkBox val" />
                                  <span>Feb</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="ipsum" class="ckkBox val" />
                                  <span>March</span>
                                </label><br>
                                
                                <label>
                                  <input type="checkbox" value="dolor" class="ckkBox val" />
                                  <span>April</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="lorem" class="ckkBox val" />
                                  <span>May</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="ipsum" class="ckkBox val" />
                                  <span>Jun</span>
                                </label>
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="year-dropdown input-fuild">
                        <label for="year">Year</label>
                        <select name="year" id="year">
                            <option value="">Select Year</option>
                            <option value="">2023</option>
                            <option value="">2024</option>
                            <option value="">2025</option>
                        </select>
                    </div>
                    <button class="search-btn"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="27" viewBox="0 0 28 27" fill="none">
                        <path d="M21.7708 21.5241L17.6204 17.3737M5.72266 12.3932C5.72266 8.57291 8.81964 5.47592 12.64 5.47592C16.4603 5.47592 19.5573 8.57291 19.5573 12.3932C19.5573 16.2136 16.4603 19.3106 12.64 19.3106C8.81964 19.3106 5.72266 16.2136 5.72266 12.3932Z" stroke="white" stroke-width="1.99219" stroke-linecap="round" stroke-linejoin="round"/>
                      </svg>
                    </button>
               </div>
             @endif
            </form>
            </div>
         
 
            <form action="{{ route('website.search.Finder', ['slug' => 'University']) }}" >
              <div id="University" class="tabcontent">
            @if(isset($result['university']) && $result['university_count'] > 0  ) 
                <div class="search-courese search-finder-bar">
                    <div class="search-input input-fuild">
                        <label for="search">Search</label>
                        <input type="search" name="search" id="search" placeholder="Find University">
                    </div>
                    <div class="intake-dropdown input-fuild">
                        <label for="intake">Intakes</label>
                        <div class="wrapper">
                            <button class="form-control toggle-next ellipsis">Select Intake</button>
                            <div class="checkboxes" id="Lorems">
                              <label class="apply-selection">
                                <input type="checkbox" value="" class="ajax-link" />
                                &#x2714; apply selection
                              </label>
                              
                              <div class="inner-wrap">
                                <label>
                                  <input type="checkbox" value="all_pets" class="ckkBox all" checked />
                                  <span>All Intake</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="dolor" class="ckkBox val" />
                                  <span>Jan</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="lorem" class="ckkBox val" />
                                  <span>Feb</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="ipsum" class="ckkBox val" />
                                  <span>March</span>
                                </label><br>
                                
                                <label>
                                  <input type="checkbox" value="dolor" class="ckkBox val" />
                                  <span>April</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="lorem" class="ckkBox val" />
                                  <span>May</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="ipsum" class="ckkBox val" />
                                  <span>Jun</span>
                                </label>
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="year-dropdown input-fuild">
                        <label for="year">Year</label>
                        <select name="year" id="year">
                            <option value="">Select Year</option>
                            <option value="">2023</option>
                            <option value="">2024</option>
                            <option value="">2025</option>
                        </select>
                    </div>
                    <button class="search-btn"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="27" viewBox="0 0 28 27" fill="none">
                        <path d="M21.7708 21.5241L17.6204 17.3737M5.72266 12.3932C5.72266 8.57291 8.81964 5.47592 12.64 5.47592C16.4603 5.47592 19.5573 8.57291 19.5573 12.3932C19.5573 16.2136 16.4603 19.3106 12.64 19.3106C8.81964 19.3106 5.72266 16.2136 5.72266 12.3932Z" stroke="white" stroke-width="1.99219" stroke-linecap="round" stroke-linejoin="round"/>
                      </svg>
                    </button>
               </div>
                <div class="courses-section">
                  <div class="left-filter">
                      <div class="filter-div">
                          <h4>SELECT CURRENCY</h4>
                          <div class="form-group currency-dropdown">
                              <span>
                                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                                      <path opacity="0.4" d="M16.9583 11.5958V14.9875C16.9583 17.8475 14.2908 20.1667 11 20.1667C7.70917 20.1667 5.04167 17.8475 5.04167 14.9875V11.5958C5.04167 14.4558 7.70917 16.5 11 16.5C14.2908 16.5 16.9583 14.4558 16.9583 11.5958Z" stroke="#11151F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                      <path d="M16.9583 7.01254C16.9583 7.84671 16.7292 8.61671 16.3258 9.27671C15.345 10.89 13.3283 11.9167 11 11.9167C8.67167 11.9167 6.65501 10.89 5.67417 9.27671C5.27084 8.61671 5.04167 7.84671 5.04167 7.01254C5.04167 5.58254 5.71083 4.29004 6.78333 3.35504C7.865 2.41087 9.35001 1.83337 11 1.83337C12.65 1.83337 14.135 2.41088 15.2167 3.34588C16.2892 4.29004 16.9583 5.58254 16.9583 7.01254Z" stroke="#11151F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                      <path d="M16.9583 7.01254V11.5959C16.9583 14.4559 14.2908 16.5 11 16.5C7.70917 16.5 5.04167 14.4559 5.04167 11.5959V7.01254C5.04167 4.15254 7.70917 1.83337 11 1.83337C12.65 1.83337 14.135 2.41088 15.2167 3.34588C16.2892 4.29004 16.9583 5.58254 16.9583 7.01254Z" stroke="#11151F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                  </svg>
                              </span>
                              <select name="currency" id="">
                                  <option disabled selected>Select Currency</option>
                                  <option value="inr">INR</option>
                                  <option value="usd">USD</option>
                              </select>
                          </div>
                      </div>
                      <div class="filter-div">
                          <h4>Country</h4>
                          <div class="form-group currency-dropdown">
                              <span>
                                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                                      <path d="M10.9987 20.1667C16.0613 20.1667 20.1654 16.0626 20.1654 11C20.1654 5.93739 16.0613 1.83333 10.9987 1.83333C5.93609 1.83333 1.83203 5.93739 1.83203 11C1.83203 16.0626 5.93609 20.1667 10.9987 20.1667Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                      <g opacity="0.4">
                                        <path d="M7.33411 2.75H8.25078C6.46328 8.10333 6.46328 13.8967 8.25078 19.25H7.33411" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M13.75 2.75C15.5375 8.10333 15.5375 13.8967 13.75 19.25" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M2.75 14.6667V13.75C8.10333 15.5375 13.8967 15.5375 19.25 13.75V14.6667" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M2.75 8.25009C8.10333 6.46259 13.8967 6.46259 19.25 8.25009" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                      </g>
                                  </svg>
                              </span>
                              <select name="country" id="">
                                  <option disabled selected>Select Country</option>
                                  <option value="UK">UK</option>
                                  <option value="USA">USA</option>
                                  <option value="Canada">Canada</option>
                              </select>
                          </div>
                      </div>
                      <div class="filter-div">
                          <h4>LEVEL</h4>
                          <div class="form-group">
                              <div class="control-group">
                                  <label class="control control-checkbox">Bachelors
                                      <input type="checkbox" checked="checked"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Masters
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">PG Diploma
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                              </div>
                          </div>
                      </div>
                      <div class="filter-div">
                          <h4>University Type</h4>
                          <div class="form-group">
                              <div class="filter-search">
                                  <span>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                          <path fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="#B9BCC8"/>
                                      </svg>
                                  </span>
                                  <input type="text">
                              </div>
                              <div class="control-group">
                                  <label class="control control-checkbox">Public
                                      <input type="checkbox" checked="checked"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Private
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                              </div>
                          </div>  
                      </div>
                      <div class="filter-div">
                          <h4>STREAM <span>(24)</span></h4>
                          <div class="form-group">
                              <div class="filter-search">
                                  <span>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                          <path fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="#B9BCC8"/>
                                      </svg>
                                  </span>
                                  <input type="text">
                              </div>
                              <div class="control-group">
                                  <label class="control control-checkbox">Bachelors
                                      <input type="checkbox" checked="checked"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Masters
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">PG Diploma
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                              </div>
                          </div>  
                      </div>
                      <div class="filter-div">
                          <h4>PROGRAMME <span>(24)</span></h4>
                          <div class="form-group">
                              <div class="filter-search">
                                  <span>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                          <path fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="#B9BCC8"/>
                                      </svg>
                                  </span>
                                  <input type="text">
                              </div>
                              <div class="control-group">
                                  <label class="control control-checkbox">Bachelors
                                      <input type="checkbox" checked="checked"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Masters
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">PG Diploma
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                              </div>
                          </div>  
                      </div>
                      <div class="filter-div price-range-slider">
                        <h4>Average TUITION FEES</h4>
                        <div class="wrapper">
                          <div class="price-range-container">
                        
                            <div class="slider-wrapper">
                              <div id="slider-range"></div>
                        
                              <div class="range-wrapper">
                                <div class="range"></div>
                                <div class="range-alert">+</div>
                        
                                <div class="gear-wrapper">
                                  <div class="gear-large gear-one">
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                  </div>
                                  <div class="gear-large gear-two">
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                  </div>
                                </div>
                        
                              </div>
                        
                              <div class="marker marker-0">Rs 0</div>
                              <div class="marker marker-25">Rs 25K</div>
                              <div class="marker marker-50">Rs 50K</div>
                              <div class="marker marker-75">Rs 75K</div>
                              <div class="marker marker-100">Rs 1L</div>
                            </div>
                        
                          </div>
                        </div>
                    </div>
                  </div>
                  <div class="right-content">
                      <div class="filter-result">
                          {{-- <h4>{{$result['university_count']}}<span>Results Found</span></h4> --}}
                          <div class="selected-filter-div">
                              <div class="selected-filter">
                                  <div class="filter">
                                      <h5>Level</h5>
                                      <div class="tag">Bachelors
                                          <span class="close">&times;</span>
                                      </div>
                                  </div>
                                  <div class="filter">
                                      <h5>Stream</h5>
                                      <div class="tag">Business
                                          <span class="close">&times;</span>
                                      </div>
                                  </div>
                                  <div class="filter">
                                      <h5>Courses</h5>
                                      <div class="tag">Bachelors
                                          <span class="close">&times;</span>
                                      </div>
                                  </div>
                                  <div class="filter">
                                      <h5>Specialization</h5>
                                      <div class="tag">Bachelors
                                          <span class="close">&times;</span>
                                      </div>
                                  </div>
                              </div>
                              <a href="">Clear All</a>
                          </div>
                      </div>
                      <div class="courses-detail">
                @foreach($universities as $university)
                        <div class="university-detail inner-div">  
                          <div class="content">
                              <div class="university-head">
                                  <div class="heading">
                                      <div class="heading-text">
                                          <h4>{{$university->name}} </h4>
                                          <span class="qualification-bedge"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none">
                                              <path d="M11.5499 21.756C10.0975 21.756 8.68884 21.4717 7.363 20.9109C6.08214 20.3691 4.93168 19.5934 3.94361 18.6054C2.95554 17.6173 2.17985 16.4668 1.63809 15.186C1.07731 13.8601 0.792969 12.4514 0.792969 10.999C0.792969 9.54663 1.07731 8.13794 1.63809 6.8121C2.17985 5.53123 2.95554 4.38078 3.94361 3.39271C4.93168 2.40464 6.08214 1.62895 7.363 1.08719C8.68884 0.526406 10.0975 0.242065 11.5499 0.242065C13.0024 0.242065 14.411 0.526406 15.7369 1.08719C17.0177 1.62895 18.1682 2.40464 19.1563 3.39271C20.1443 4.38078 20.92 5.53123 21.4618 6.8121C22.0226 8.13794 22.3069 9.54663 22.3069 10.999C22.3069 12.4514 22.0226 13.8601 21.4618 15.186C20.92 16.4668 20.1443 17.6173 19.1563 18.6054C18.1682 19.5934 17.0177 20.3691 15.7369 20.9109C14.411 21.4717 13.0024 21.756 11.5499 21.756Z" fill="#7F9C34"/>
                                              <path d="M13.8969 2.61475C13.8191 2.61475 13.7445 2.64566 13.6895 2.70069C13.6344 2.75572 13.6035 2.83036 13.6035 2.90818V4.25787C13.6035 4.33569 13.6344 4.41033 13.6895 4.46536C13.7445 4.52039 13.8191 4.5513 13.8969 4.5513C13.9748 4.5513 14.0494 4.52039 14.1044 4.46536C14.1595 4.41033 14.1904 4.33569 14.1904 4.25787V2.90818C14.1904 2.83036 14.1595 2.75572 14.1044 2.70069C14.0494 2.64566 13.9748 2.61475 13.8969 2.61475Z" fill="white"/>
                                              <path d="M7.1489 11.7689C7.09086 11.7689 7.03413 11.7861 6.98588 11.8184C6.93762 11.8506 6.90001 11.8964 6.87781 11.9501C6.8556 12.0037 6.84978 12.0627 6.86111 12.1196C6.87243 12.1765 6.90037 12.2288 6.94141 12.2698C6.98245 12.3109 7.03473 12.3388 7.09165 12.3502C7.14857 12.3615 7.20757 12.3557 7.26119 12.3335C7.31481 12.3112 7.36064 12.2736 7.39288 12.2254C7.42513 12.1771 7.44234 12.1204 7.44234 12.0624C7.44234 12.0238 7.43474 11.9857 7.42 11.9501C7.40525 11.9145 7.38364 11.8821 7.35639 11.8549C7.32914 11.8276 7.29679 11.806 7.26119 11.7913C7.22559 11.7765 7.18743 11.7689 7.1489 11.7689Z" fill="white"/>
                                              <path d="M18.0025 11.1785C18.0021 10.8673 17.8783 10.5691 17.6583 10.3492C17.4382 10.1292 17.1399 10.0055 16.8288 10.0053H14.6391C14.9691 9.10964 15.122 8.15843 15.0891 7.2045C15.0879 7.09174 15.0809 6.97912 15.0682 6.86708C15.0644 6.55592 14.9372 6.25901 14.7145 6.04166C14.4918 5.82431 14.1919 5.70432 13.8808 5.70809C13.5696 5.71186 13.2727 5.83908 13.0554 6.06177C12.838 6.28445 12.718 6.58436 12.7218 6.89551V7.18894C12.7218 9.04449 10.3395 10.0857 8.54132 10.5337C8.47287 10.377 8.36036 10.2437 8.2175 10.1499C8.07463 10.0561 7.90757 10.0058 7.73666 10.0053H4.80125C4.72342 10.0053 4.64879 10.0362 4.59376 10.0912C4.53873 10.1462 4.50781 10.2209 4.50781 10.2987V17.3395C4.50781 17.4173 4.53873 17.492 4.59376 17.547C4.64879 17.602 4.72342 17.6329 4.80125 17.6329H7.73505C7.90531 17.6329 8.0719 17.5835 8.2147 17.4908C8.3575 17.398 8.47038 17.2659 8.53971 17.1104L8.95438 17.2177C9.91324 17.5111 10.9124 17.651 11.915 17.6324H15.0698C15.2821 17.6323 15.4904 17.5746 15.6724 17.4654C15.8545 17.3562 16.0035 17.1997 16.1036 17.0124C16.2036 16.8252 16.251 16.6143 16.2406 16.4023C16.2302 16.1903 16.1624 15.985 16.0445 15.8085C16.2135 15.749 16.3667 15.6518 16.4924 15.5242C16.6181 15.3966 16.7131 15.242 16.77 15.0721C16.8269 14.9023 16.8443 14.7217 16.8208 14.5441C16.7974 14.3665 16.7337 14.1966 16.6346 14.0473C16.8034 13.9879 16.9563 13.8906 17.0817 13.7629C17.2071 13.6353 17.3016 13.4806 17.358 13.3108C17.4144 13.141 17.4313 12.9606 17.4072 12.7833C17.3832 12.6059 17.3189 12.4365 17.2193 12.2878C17.4488 12.2069 17.6474 12.0566 17.7877 11.8579C17.928 11.6592 18.0031 11.4217 18.0025 11.1785ZM8.02848 16.7526C8.02848 16.8304 7.99756 16.9051 7.94253 16.9601C7.88751 17.0151 7.81287 17.0461 7.73505 17.0461H5.09468V10.5916H7.73505C7.81287 10.5916 7.88751 10.6225 7.94253 10.6775C7.99756 10.7326 8.02848 10.8072 8.02848 10.885V16.7526ZM16.8293 11.7637H15.3622C15.3236 11.7637 15.2855 11.7713 15.2499 11.786C15.2143 11.8008 15.1819 11.8224 15.1547 11.8497C15.1274 11.8769 15.1058 11.9093 15.0911 11.9449C15.0763 11.9805 15.0687 12.0186 15.0687 12.0571C15.0687 12.0957 15.0763 12.1338 15.0911 12.1694C15.1058 12.205 15.1274 12.2374 15.1547 12.2646C15.1819 12.2919 15.2143 12.3135 15.2499 12.3282C15.2855 12.343 15.3236 12.3506 15.3622 12.3506H16.2425C16.3981 12.3506 16.5474 12.4124 16.6575 12.5225C16.7675 12.6325 16.8293 12.7818 16.8293 12.9374C16.8293 13.0931 16.7675 13.2424 16.6575 13.3524C16.5474 13.4625 16.3981 13.5243 16.2425 13.5243H14.7758C14.698 13.5243 14.6234 13.5552 14.5684 13.6103C14.5133 13.6653 14.4824 13.7399 14.4824 13.8178C14.4824 13.8956 14.5133 13.9702 14.5684 14.0252C14.6234 14.0803 14.698 14.1112 14.7758 14.1112H15.6561C15.8118 14.1112 15.9611 14.173 16.0711 14.2831C16.1812 14.3931 16.243 14.5424 16.243 14.6981C16.243 14.8537 16.1812 15.003 16.0711 15.113C15.9611 15.2231 15.8118 15.2849 15.6561 15.2849H14.189C14.1112 15.2849 14.0365 15.3158 13.9815 15.3709C13.9265 15.4259 13.8955 15.5005 13.8955 15.5784C13.8955 15.6562 13.9265 15.7308 13.9815 15.7858C14.0365 15.8409 14.1112 15.8718 14.189 15.8718H15.0693C15.2249 15.8718 15.3742 15.9336 15.4843 16.0437C15.5943 16.1537 15.6561 16.303 15.6561 16.4587C15.6561 16.6143 15.5943 16.7636 15.4843 16.8736C15.3742 16.9837 15.2249 17.0455 15.0693 17.0455H11.9139C10.9613 17.0641 10.0118 16.9305 9.10136 16.6496C8.95366 16.611 8.79148 16.569 8.61481 16.5236V11.1205C10.738 10.6147 13.3087 9.38031 13.3087 7.18894V6.89551C13.3087 6.73986 13.3705 6.59059 13.4806 6.48053C13.5906 6.37047 13.7399 6.30864 13.8955 6.30864C14.0512 6.30864 14.2005 6.37047 14.3105 6.48053C14.4206 6.59059 14.4824 6.73986 14.4824 6.89551C14.5651 7.95571 14.4011 9.02065 14.0034 10.0069H13.0152C12.9374 10.0069 12.8628 10.0378 12.8078 10.0928C12.7527 10.1478 12.7218 10.2225 12.7218 10.3003C12.7218 10.3781 12.7527 10.4528 12.8078 10.5078C12.8628 10.5628 12.9374 10.5937 13.0152 10.5937H16.8288C16.9845 10.5937 17.1337 10.6556 17.2438 10.7656C17.3538 10.8757 17.4157 11.025 17.4157 11.1806C17.4157 11.3363 17.3538 11.4855 17.2438 11.5956C17.1337 11.7056 16.9845 11.7675 16.8288 11.7675L16.8293 11.7637Z" fill="white"/>
                                              <path d="M7.1489 12.9415C7.07108 12.9415 6.99644 12.9724 6.94141 13.0275C6.88638 13.0825 6.85547 13.1571 6.85547 13.235V15.5819C6.85547 15.6597 6.88638 15.7343 6.94141 15.7894C6.99644 15.8444 7.07108 15.8753 7.1489 15.8753C7.22672 15.8753 7.30136 15.8444 7.35639 15.7894C7.41142 15.7343 7.44234 15.6597 7.44234 15.5819V13.235C7.44234 13.1571 7.41142 13.0825 7.35639 13.0275C7.30136 12.9724 7.22672 12.9415 7.1489 12.9415Z" fill="white"/>
                                              <path d="M11.5487 6.31091H10.3755C10.2976 6.31091 10.223 6.34183 10.168 6.39686C10.1129 6.45189 10.082 6.52652 10.082 6.60435C10.082 6.68217 10.1129 6.7568 10.168 6.81183C10.223 6.86686 10.2976 6.89778 10.3755 6.89778H11.5492C11.627 6.89778 11.7017 6.86686 11.7567 6.81183C11.8117 6.7568 11.8426 6.68217 11.8426 6.60435C11.8426 6.52652 11.8117 6.45189 11.7567 6.39686C11.7017 6.34183 11.627 6.31091 11.5492 6.31091H11.5487Z" fill="white"/>
                                              <path d="M17.4178 6.31091H16.2446C16.1668 6.31091 16.0921 6.34183 16.0371 6.39686C15.9821 6.45189 15.9512 6.52652 15.9512 6.60435C15.9512 6.68217 15.9821 6.7568 16.0371 6.81183C16.0921 6.86686 16.1668 6.89778 16.2446 6.89778H17.4183C17.4962 6.89778 17.5708 6.86686 17.6258 6.81183C17.6809 6.7568 17.7118 6.68217 17.7118 6.60435C17.7118 6.52652 17.6809 6.45189 17.6258 6.39686C17.5708 6.34183 17.4956 6.31091 17.4178 6.31091Z" fill="white"/>
                                              <path d="M16.5922 3.90732C16.5372 3.85239 16.4626 3.82153 16.3849 3.82153C16.3071 3.82153 16.2325 3.85239 16.1775 3.90732L15.3476 4.7372C15.2961 4.79287 15.2681 4.86634 15.2696 4.94219C15.271 5.01804 15.3018 5.09038 15.3555 5.14403C15.4091 5.19767 15.4815 5.22845 15.5573 5.22992C15.6332 5.23138 15.7066 5.20341 15.7623 5.15187L16.5917 4.32199C16.6467 4.26705 16.6776 4.19252 16.6777 4.11477C16.6778 4.03702 16.647 3.96241 16.5922 3.90732Z" fill="white"/>
                                              <path d="M12.4437 4.73562L11.6139 3.90574C11.5582 3.8542 11.4847 3.82623 11.4089 3.82769C11.333 3.82915 11.2607 3.85994 11.207 3.91358C11.1534 3.96723 11.1226 4.03956 11.1211 4.11542C11.1197 4.19127 11.1477 4.26474 11.1992 4.32041L12.0291 5.15028C12.0847 5.20182 12.1582 5.22979 12.2341 5.22833C12.3099 5.22687 12.3823 5.19609 12.4359 5.14244C12.4895 5.0888 12.5203 5.01646 12.5218 4.94061C12.5233 4.86476 12.4953 4.79129 12.4437 4.73562Z" fill="white"/>
                                              </svg>
                                              Gradding’s RECOMMENDED</span>
                                      </div>
                                      <div class="shortlist">
                                        <input type="checkbox" id="shortlist-university"><label for="shortlist-university">Toggle</label>
                                        Shortlist
                                      </div>
                                  </div>
                              </div>
                              <div class="feature">
                                  <div class="feature-box">
                                      <span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                          <path d="M12.0273 8.36799V10.6805C12.0273 12.6305 10.2086 14.2117 7.96484 14.2117C5.72109 14.2117 3.90234 12.6305 3.90234 10.6805V8.36799C3.90234 10.318 5.72109 11.7117 7.96484 11.7117C10.2086 11.7117 12.0273 10.318 12.0273 8.36799Z" stroke="#181A1F" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M12.0273 5.24299C12.0273 5.81174 11.8711 6.33674 11.5961 6.78674C10.9273 7.88674 9.55234 8.58674 7.96484 8.58674C6.37734 8.58674 5.00235 7.88674 4.3336 6.78674C4.0586 6.33674 3.90234 5.81174 3.90234 5.24299C3.90234 4.26799 4.35859 3.38674 5.08984 2.74924C5.82734 2.10549 6.83984 1.71174 7.96484 1.71174C9.08984 1.71174 10.1023 2.10549 10.8398 2.74299C11.5711 3.38674 12.0273 4.26799 12.0273 5.24299Z" stroke="#181A1F" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M12.0273 5.24299V8.36799C12.0273 10.318 10.2086 11.7117 7.96484 11.7117C5.72109 11.7117 3.90234 10.318 3.90234 8.36799V5.24299C3.90234 3.29299 5.72109 1.71174 7.96484 1.71174C9.08984 1.71174 10.1023 2.10549 10.8398 2.74299C11.5711 3.38674 12.0273 4.26799 12.0273 5.24299Z" stroke="#181A1F" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                          Fees
                                      </span>
                                      <h4>INR 18.57L/Y</h4>
                                  </div>
                                  <div class="feature-box">
                                      <span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                          <path d="M6.09062 8.97101H3.17188C2.48437 8.97101 1.92188 9.53351 1.92188 10.221V13.971H6.09062V8.97101Z" stroke="#292D32" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M9.00469 6.47101H7.33594C6.64844 6.47101 6.08594 7.03351 6.08594 7.72101V13.971H10.2547V7.72101C10.2547 7.03351 9.69844 6.47101 9.00469 6.47101Z" stroke="#292D32" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M13.1727 10.846H10.2539V13.971H14.4227V12.096C14.4227 11.4085 13.8602 10.846 13.1727 10.846Z" stroke="#292D32" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M8.49677 1.51476L8.82802 2.17726C8.87177 2.27101 8.99052 2.35851 9.09052 2.37101L9.69052 2.47101C10.0718 2.53351 10.1655 2.81475 9.89052 3.0835L9.42177 3.55225C9.34052 3.6335 9.29677 3.7835 9.32177 3.88975L9.45302 4.46476C9.55927 4.92101 9.31552 5.09602 8.91552 4.85852L8.35302 4.52727C8.25302 4.46477 8.08427 4.46477 7.98427 4.52727L7.42177 4.85852C7.02177 5.09602 6.77802 4.92101 6.88427 4.46476L7.01553 3.88975C7.04053 3.7835 6.99678 3.62725 6.91553 3.55225L6.45302 3.08976C6.17802 2.81476 6.26552 2.53975 6.65302 2.47725L7.25302 2.37727C7.35302 2.35852 7.47177 2.27102 7.51552 2.18352L7.84677 1.521C8.02802 1.1585 8.31552 1.15851 8.49677 1.51476Z" stroke="#292D32" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                          Ranking
                                      </span>
                                      {{-- <h4> {{$value->qs_ranking}}</h4> --}}
                                  </div>
                                  <div class="feature-box">
                                      <span>
                                          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                              <path d="M16.5 6.75V11.25C16.5 11.415 16.5 11.58 16.485 11.7375C15.87 10.98 14.9325 10.5 13.875 10.5C13.08 10.5 12.345 10.7775 11.7675 11.2425C10.9875 11.8575 10.5 12.81 10.5 13.875C10.5 14.9325 10.98 15.87 11.7375 16.485C11.58 16.5 11.415 16.5 11.25 16.5H6.75C3 16.5 1.5 15 1.5 11.25V6.75C1.5 3 3 1.5 6.75 1.5H11.25C15 1.5 16.5 3 16.5 6.75Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <g opacity="0.4">
                                              <path d="M1.89001 5.33252H16.11" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path d="M6.39001 1.58252V5.22751" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path d="M11.61 1.58252V4.89005" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              </g>
                                              <path d="M17.25 13.875C17.25 14.8875 16.8 15.7875 16.1025 16.41C15.5025 16.9275 14.73 17.25 13.875 17.25C13.065 17.25 12.315 16.965 11.7375 16.485C10.98 15.87 10.5 14.9325 10.5 13.875C10.5 12.81 10.9875 11.8575 11.7675 11.2425C12.345 10.7775 13.08 10.5 13.875 10.5C14.9325 10.5 15.87 10.98 16.485 11.7375C16.965 12.315 17.25 13.065 17.25 13.875Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path opacity="0.4" d="M14.085 12.8175V14.085L13.035 14.715" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                          </svg>
                                          EXAMS
                                      </span>
                                      <select name="exam" id="" class="course-dropdown">
                                          <option value="IELTS" selected>IELTS</option>
                                          <option value="TOEFL">TOEFL</option>
                                          <option value="GRE">GRE</option>
                                      </select>
                                  </div>
                                  <div class="feature-box">
                                      <span>
                                          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                              <path d="M16.5 6.75V11.25C16.5 11.415 16.5 11.58 16.485 11.7375C15.87 10.98 14.9325 10.5 13.875 10.5C13.08 10.5 12.345 10.7775 11.7675 11.2425C10.9875 11.8575 10.5 12.81 10.5 13.875C10.5 14.9325 10.98 15.87 11.7375 16.485C11.58 16.5 11.415 16.5 11.25 16.5H6.75C3 16.5 1.5 15 1.5 11.25V6.75C1.5 3 3 1.5 6.75 1.5H11.25C15 1.5 16.5 3 16.5 6.75Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <g opacity="0.4">
                                              <path d="M1.89001 5.33252H16.11" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path d="M6.39001 1.58252V5.22751" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path d="M11.61 1.58252V4.89005" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              </g>
                                              <path d="M17.25 13.875C17.25 14.8875 16.8 15.7875 16.1025 16.41C15.5025 16.9275 14.73 17.25 13.875 17.25C13.065 17.25 12.315 16.965 11.7375 16.485C10.98 15.87 10.5 14.9325 10.5 13.875C10.5 12.81 10.9875 11.8575 11.7675 11.2425C12.345 10.7775 13.08 10.5 13.875 10.5C14.9325 10.5 15.87 10.98 16.485 11.7375C16.965 12.315 17.25 13.065 17.25 13.875Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path opacity="0.4" d="M14.085 12.8175V14.085L13.035 14.715" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                          </svg>
                                          INTAKE
                                      </span>
                                      <select name="intake" id="" class="course-dropdown">
                                          <option value="SEP 2023" selected>SEP 2023</option>
                                          <option value="SEP 2024">SEP 2024</option>
                                          <option value="SEP 2025">SEP 2025</option>
                                      </select>
                                  </div>
                              </div>
                          </div>
                          <div class="feature-btn">
                              <a href="" class="apply-btn">Rate My chance</a>
                              <a href="" class="view-btn">Apply Now</a>
                          </div>
                        </div>
                @endforeach
                      </div>
                       {{-- @if ($result['ushowPagination'])  --}}
                      <div class="pagination">
                          {{-- {{ $result['university']->links() }} --}}
                      </div>        
                      {{-- @endif  --}}
                   
                  </div>
                </div>
            
                
              </form>  
            @else
            <form action="{{ route('website.search.Finder', ['slug' => 'University']) }}" >
            <div class="search-courese search-finder-bar">
                <div class="search-input input-fuild">
                    <label for="search">Search</label>
                    <input type="search" name="search" id="search" placeholder="Find University">
                </div>
                <div class="intake-dropdown input-fuild">
                    <label for="intake">Intakes</label>
                    <div class="wrapper">
                        <button class="form-control toggle-next ellipsis">Select Intake</button>
                        <div class="checkboxes" id="Lorems">
                          <label class="apply-selection">
                            <input type="checkbox" value="" class="ajax-link" />
                            &#x2714; apply selection
                          </label>
                          
                          <div class="inner-wrap">
                            <label>
                              <input type="checkbox" value="all_pets" class="ckkBox all" checked />
                              <span>All Intake</span>
                            </label><br>
                  
                            <label>
                              <input type="checkbox" value="dolor" class="ckkBox val" />
                              <span>Jan</span>
                            </label><br>
                  
                            <label>
                              <input type="checkbox" value="lorem" class="ckkBox val" />
                              <span>Feb</span>
                            </label><br>
                  
                            <label>
                              <input type="checkbox" value="ipsum" class="ckkBox val" />
                              <span>March</span>
                            </label><br>
                            
                            <label>
                              <input type="checkbox" value="dolor" class="ckkBox val" />
                              <span>April</span>
                            </label><br>
                  
                            <label>
                              <input type="checkbox" value="lorem" class="ckkBox val" />
                              <span>May</span>
                            </label><br>
                  
                            <label>
                              <input type="checkbox" value="ipsum" class="ckkBox val" />
                              <span>Jun</span>
                            </label>
                          </div>
                        </div>
                    </div>
                </div>
                <div class="year-dropdown input-fuild">
                    <label for="year">Year</label>
                    <select name="year" id="year">
                        <option value="">Select Year</option>
                        <option value="">2023</option>
                        <option value="">2024</option>
                        <option value="">2025</option>
                    </select>
                </div>
                <button class="search-btn"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="27" viewBox="0 0 28 27" fill="none">
                    <path d="M21.7708 21.5241L17.6204 17.3737M5.72266 12.3932C5.72266 8.57291 8.81964 5.47592 12.64 5.47592C16.4603 5.47592 19.5573 8.57291 19.5573 12.3932C19.5573 16.2136 16.4603 19.3106 12.64 19.3106C8.81964 19.3106 5.72266 16.2136 5.72266 12.3932Z" stroke="white" stroke-width="1.99219" stroke-linecap="round" stroke-linejoin="round"/>
                  </svg>
                </button>
           </div>
           @endif
          </form>        
            </div>



            <form action="{{ route('website.search.Finder', ['slug' => 'Scholarship']) }}" >
			       <div id="Scholarship" class="tabcontent">
            @if(isset($result['Scholarship']) && $result['scholarship_count'] > 0 ) 
                <div class="search-courese search-finder-bar">
                    <div class="search-input input-fuild">
                        <label for="search">Search</label>
                        <input type="search" name="search" id="search" placeholder="Find Scholarship">
                    </div>
                    <div class="intake-dropdown input-fuild">
                        <label for="intake">Intakes</label>
                        <div class="wrapper">
                            <button class="form-control toggle-next ellipsis">Select Intake</button>
                            <div class="checkboxes" id="Lorems">
                              <label class="apply-selection">
                                <input type="checkbox" value="" class="ajax-link" />
                                &#x2714; apply selection
                              </label>
                              
                              <div class="inner-wrap">
                                <label>
                                  <input type="checkbox" value="all_pets" class="ckkBox all" checked />
                                  <span>All Intake</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="dolor" class="ckkBox val" />
                                  <span>Jan</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="lorem" class="ckkBox val" />
                                  <span>Feb</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="ipsum" class="ckkBox val" />
                                  <span>March</span>
                                </label><br>
                                
                                <label>
                                  <input type="checkbox" value="dolor" class="ckkBox val" />
                                  <span>April</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="lorem" class="ckkBox val" />
                                  <span>May</span>
                                </label><br>
                      
                                <label>
                                  <input type="checkbox" value="ipsum" class="ckkBox val" />
                                  <span>Jun</span>
                                </label>
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="year-dropdown input-fuild">
                        <label for="year">Year</label>
                        <select name="year" id="year">
                            <option value="">Select Year</option>
                            <option value="">2023</option>
                            <option value="">2024</option>
                            <option value="">2025</option>
                        </select>
                    </div>
                    <button class="search-btn"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="27" viewBox="0 0 28 27" fill="none">
                        <path d="M21.7708 21.5241L17.6204 17.3737M5.72266 12.3932C5.72266 8.57291 8.81964 5.47592 12.64 5.47592C16.4603 5.47592 19.5573 8.57291 19.5573 12.3932C19.5573 16.2136 16.4603 19.3106 12.64 19.3106C8.81964 19.3106 5.72266 16.2136 5.72266 12.3932Z" stroke="white" stroke-width="1.99219" stroke-linecap="round" stroke-linejoin="round"/>
                      </svg>
                    </button>
                </div>
                <div class="courses-section">
                  <div class="left-filter">
                      <div class="filter-div">
                          <h4>SELECT CURRENCY</h4>
                          <div class="form-group currency-dropdown">
                              <span>
                                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                                      <path opacity="0.4" d="M16.9583 11.5958V14.9875C16.9583 17.8475 14.2908 20.1667 11 20.1667C7.70917 20.1667 5.04167 17.8475 5.04167 14.9875V11.5958C5.04167 14.4558 7.70917 16.5 11 16.5C14.2908 16.5 16.9583 14.4558 16.9583 11.5958Z" stroke="#11151F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                      <path d="M16.9583 7.01254C16.9583 7.84671 16.7292 8.61671 16.3258 9.27671C15.345 10.89 13.3283 11.9167 11 11.9167C8.67167 11.9167 6.65501 10.89 5.67417 9.27671C5.27084 8.61671 5.04167 7.84671 5.04167 7.01254C5.04167 5.58254 5.71083 4.29004 6.78333 3.35504C7.865 2.41087 9.35001 1.83337 11 1.83337C12.65 1.83337 14.135 2.41088 15.2167 3.34588C16.2892 4.29004 16.9583 5.58254 16.9583 7.01254Z" stroke="#11151F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                      <path d="M16.9583 7.01254V11.5959C16.9583 14.4559 14.2908 16.5 11 16.5C7.70917 16.5 5.04167 14.4559 5.04167 11.5959V7.01254C5.04167 4.15254 7.70917 1.83337 11 1.83337C12.65 1.83337 14.135 2.41088 15.2167 3.34588C16.2892 4.29004 16.9583 5.58254 16.9583 7.01254Z" stroke="#11151F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                  </svg>
                              </span>
                              <select name="currency" id="">
                                  <option disabled selected>Select Currency</option>
                                  <option value="inr">INR</option>
                                  <option value="usd">USD</option>
                              </select>
                          </div>
                      </div>
                      <div class="filter-div">
                          <h4>Country</h4>
                          <div class="form-group currency-dropdown">
                              <span>
                                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                                      <path d="M10.9987 20.1667C16.0613 20.1667 20.1654 16.0626 20.1654 11C20.1654 5.93739 16.0613 1.83333 10.9987 1.83333C5.93609 1.83333 1.83203 5.93739 1.83203 11C1.83203 16.0626 5.93609 20.1667 10.9987 20.1667Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                      <g opacity="0.4">
                                        <path d="M7.33411 2.75H8.25078C6.46328 8.10333 6.46328 13.8967 8.25078 19.25H7.33411" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M13.75 2.75C15.5375 8.10333 15.5375 13.8967 13.75 19.25" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M2.75 14.6667V13.75C8.10333 15.5375 13.8967 15.5375 19.25 13.75V14.6667" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M2.75 8.25009C8.10333 6.46259 13.8967 6.46259 19.25 8.25009" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                      </g>
                                  </svg>
                              </span>
                              <select name="country" id="">
                                  <option disabled selected>Select Country</option>
                                  <option value="UK">UK</option>
                                  <option value="USA">USA</option>
                                  <option value="Canada">Canada</option>
                              </select>
                          </div>
                      </div>
                      <div class="filter-div">
                          <h4>LEVEL</h4>
                          <div class="form-group">
                              <div class="control-group">
                                  <label class="control control-checkbox">Bachelors
                                      <input type="checkbox" checked="checked"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Masters
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">PG Diploma
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                              </div>
                          </div>
                      </div>
                      <div class="filter-div">
                          <h4>University Type</h4>
                          <div class="form-group">
                              <div class="filter-search">
                                  <span>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                          <path fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="#B9BCC8"/>
                                      </svg>
                                  </span>
                                  <input type="text">
                              </div>
                              <div class="control-group">
                                  <label class="control control-checkbox">Public
                                      <input type="checkbox" checked="checked"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Private
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                              </div>
                          </div>  
                      </div>
                      <div class="filter-div">
                          <h4>STREAM <span>(24)</span></h4>
                          <div class="form-group">
                              <div class="filter-search">
                                  <span>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                          <path fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="#B9BCC8"/>
                                      </svg>
                                  </span>
                                  <input type="text">
                              </div>
                              <div class="control-group">
                                  <label class="control control-checkbox">Bachelors
                                      <input type="checkbox" checked="checked"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Masters
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">PG Diploma
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                              </div>
                          </div>  
                      </div>
                      <div class="filter-div">
                          <h4>PROGRAMME <span>(24)</span></h4>
                          <div class="form-group">
                              <div class="filter-search">
                                  <span>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                          <path fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="#B9BCC8"/>
                                      </svg>
                                  </span>
                                  <input type="text">
                              </div>
                              <div class="control-group">
                                  <label class="control control-checkbox">Bachelors
                                      <input type="checkbox" checked="checked"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Masters
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">PG Diploma
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                                    <label class="control control-checkbox">Phd
                                      <input type="checkbox"/>
                                      <div class="control_indicator"></div>
                                    </label>
                              </div>
                          </div>  
                      </div>
                      <div class="filter-div price-range-slider">
                        <h4>Average TUITION FEES</h4>
                        <div class="wrapper">
                          <div class="price-range-container">
                        
                            <div class="slider-wrapper">
                              <div id="slider-range"></div>
                        
                              <div class="range-wrapper">
                                <div class="range"></div>
                                <div class="range-alert">+</div>
                        
                                <div class="gear-wrapper">
                                  <div class="gear-large gear-one">
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                  </div>
                                  <div class="gear-large gear-two">
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                    <div class="gear-tooth"></div>
                                  </div>
                                </div>
                        
                              </div>
                        
                              <div class="marker marker-0">Rs 0</div>
                              <div class="marker marker-25">Rs 25K</div>
                              <div class="marker marker-50">Rs 50K</div>
                              <div class="marker marker-75">Rs 75K</div>
                              <div class="marker marker-100">Rs 1L</div>
                            </div>
                        
                          </div>
                        </div>
                    </div>
                  </div>
                  <div class="right-content">
                      <div class="filter-result">
                          <h4>{{$result['university_count']}} <span>Results Found</span></h4>
                          <div class="selected-filter-div">
                              <div class="selected-filter">
                                  <div class="filter">
                                      <h5>Level</h5>
                                      <div class="tag">Bachelors
                                          <span class="close">&times;</span>
                                      </div>
                                  </div>
                                  <div class="filter">
                                      <h5>Stream</h5>
                                      <div class="tag">Business
                                          <span class="close">&times;</span>
                                      </div>
                                  </div>
                                  <div class="filter">
                                      <h5>Courses</h5>
                                      <div class="tag">Bachelors
                                          <span class="close">&times;</span>
                                      </div>
                                  </div>
                                  <div class="filter">
                                      <h5>Specialization</h5>
                                      <div class="tag">Bachelors
                                          <span class="close">&times;</span>
                                      </div>
                                  </div>
                              </div>
                              <a href="">Clear All</a>
                          </div>
                      </div>
                      <div class="courses-detail">
                        <div class="university-detail inner-div">  
                          <div class="content">
                              <div class="university-head">
                                  <div class="heading">
                                      <div class="heading-text">
                                          <h4>Birmingham City University</h4>
                                          <span class="qualification-bedge"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none">
                                              <path d="M11.5499 21.756C10.0975 21.756 8.68884 21.4717 7.363 20.9109C6.08214 20.3691 4.93168 19.5934 3.94361 18.6054C2.95554 17.6173 2.17985 16.4668 1.63809 15.186C1.07731 13.8601 0.792969 12.4514 0.792969 10.999C0.792969 9.54663 1.07731 8.13794 1.63809 6.8121C2.17985 5.53123 2.95554 4.38078 3.94361 3.39271C4.93168 2.40464 6.08214 1.62895 7.363 1.08719C8.68884 0.526406 10.0975 0.242065 11.5499 0.242065C13.0024 0.242065 14.411 0.526406 15.7369 1.08719C17.0177 1.62895 18.1682 2.40464 19.1563 3.39271C20.1443 4.38078 20.92 5.53123 21.4618 6.8121C22.0226 8.13794 22.3069 9.54663 22.3069 10.999C22.3069 12.4514 22.0226 13.8601 21.4618 15.186C20.92 16.4668 20.1443 17.6173 19.1563 18.6054C18.1682 19.5934 17.0177 20.3691 15.7369 20.9109C14.411 21.4717 13.0024 21.756 11.5499 21.756Z" fill="#7F9C34"/>
                                              <path d="M13.8969 2.61475C13.8191 2.61475 13.7445 2.64566 13.6895 2.70069C13.6344 2.75572 13.6035 2.83036 13.6035 2.90818V4.25787C13.6035 4.33569 13.6344 4.41033 13.6895 4.46536C13.7445 4.52039 13.8191 4.5513 13.8969 4.5513C13.9748 4.5513 14.0494 4.52039 14.1044 4.46536C14.1595 4.41033 14.1904 4.33569 14.1904 4.25787V2.90818C14.1904 2.83036 14.1595 2.75572 14.1044 2.70069C14.0494 2.64566 13.9748 2.61475 13.8969 2.61475Z" fill="white"/>
                                              <path d="M7.1489 11.7689C7.09086 11.7689 7.03413 11.7861 6.98588 11.8184C6.93762 11.8506 6.90001 11.8964 6.87781 11.9501C6.8556 12.0037 6.84978 12.0627 6.86111 12.1196C6.87243 12.1765 6.90037 12.2288 6.94141 12.2698C6.98245 12.3109 7.03473 12.3388 7.09165 12.3502C7.14857 12.3615 7.20757 12.3557 7.26119 12.3335C7.31481 12.3112 7.36064 12.2736 7.39288 12.2254C7.42513 12.1771 7.44234 12.1204 7.44234 12.0624C7.44234 12.0238 7.43474 11.9857 7.42 11.9501C7.40525 11.9145 7.38364 11.8821 7.35639 11.8549C7.32914 11.8276 7.29679 11.806 7.26119 11.7913C7.22559 11.7765 7.18743 11.7689 7.1489 11.7689Z" fill="white"/>
                                              <path d="M18.0025 11.1785C18.0021 10.8673 17.8783 10.5691 17.6583 10.3492C17.4382 10.1292 17.1399 10.0055 16.8288 10.0053H14.6391C14.9691 9.10964 15.122 8.15843 15.0891 7.2045C15.0879 7.09174 15.0809 6.97912 15.0682 6.86708C15.0644 6.55592 14.9372 6.25901 14.7145 6.04166C14.4918 5.82431 14.1919 5.70432 13.8808 5.70809C13.5696 5.71186 13.2727 5.83908 13.0554 6.06177C12.838 6.28445 12.718 6.58436 12.7218 6.89551V7.18894C12.7218 9.04449 10.3395 10.0857 8.54132 10.5337C8.47287 10.377 8.36036 10.2437 8.2175 10.1499C8.07463 10.0561 7.90757 10.0058 7.73666 10.0053H4.80125C4.72342 10.0053 4.64879 10.0362 4.59376 10.0912C4.53873 10.1462 4.50781 10.2209 4.50781 10.2987V17.3395C4.50781 17.4173 4.53873 17.492 4.59376 17.547C4.64879 17.602 4.72342 17.6329 4.80125 17.6329H7.73505C7.90531 17.6329 8.0719 17.5835 8.2147 17.4908C8.3575 17.398 8.47038 17.2659 8.53971 17.1104L8.95438 17.2177C9.91324 17.5111 10.9124 17.651 11.915 17.6324H15.0698C15.2821 17.6323 15.4904 17.5746 15.6724 17.4654C15.8545 17.3562 16.0035 17.1997 16.1036 17.0124C16.2036 16.8252 16.251 16.6143 16.2406 16.4023C16.2302 16.1903 16.1624 15.985 16.0445 15.8085C16.2135 15.749 16.3667 15.6518 16.4924 15.5242C16.6181 15.3966 16.7131 15.242 16.77 15.0721C16.8269 14.9023 16.8443 14.7217 16.8208 14.5441C16.7974 14.3665 16.7337 14.1966 16.6346 14.0473C16.8034 13.9879 16.9563 13.8906 17.0817 13.7629C17.2071 13.6353 17.3016 13.4806 17.358 13.3108C17.4144 13.141 17.4313 12.9606 17.4072 12.7833C17.3832 12.6059 17.3189 12.4365 17.2193 12.2878C17.4488 12.2069 17.6474 12.0566 17.7877 11.8579C17.928 11.6592 18.0031 11.4217 18.0025 11.1785ZM8.02848 16.7526C8.02848 16.8304 7.99756 16.9051 7.94253 16.9601C7.88751 17.0151 7.81287 17.0461 7.73505 17.0461H5.09468V10.5916H7.73505C7.81287 10.5916 7.88751 10.6225 7.94253 10.6775C7.99756 10.7326 8.02848 10.8072 8.02848 10.885V16.7526ZM16.8293 11.7637H15.3622C15.3236 11.7637 15.2855 11.7713 15.2499 11.786C15.2143 11.8008 15.1819 11.8224 15.1547 11.8497C15.1274 11.8769 15.1058 11.9093 15.0911 11.9449C15.0763 11.9805 15.0687 12.0186 15.0687 12.0571C15.0687 12.0957 15.0763 12.1338 15.0911 12.1694C15.1058 12.205 15.1274 12.2374 15.1547 12.2646C15.1819 12.2919 15.2143 12.3135 15.2499 12.3282C15.2855 12.343 15.3236 12.3506 15.3622 12.3506H16.2425C16.3981 12.3506 16.5474 12.4124 16.6575 12.5225C16.7675 12.6325 16.8293 12.7818 16.8293 12.9374C16.8293 13.0931 16.7675 13.2424 16.6575 13.3524C16.5474 13.4625 16.3981 13.5243 16.2425 13.5243H14.7758C14.698 13.5243 14.6234 13.5552 14.5684 13.6103C14.5133 13.6653 14.4824 13.7399 14.4824 13.8178C14.4824 13.8956 14.5133 13.9702 14.5684 14.0252C14.6234 14.0803 14.698 14.1112 14.7758 14.1112H15.6561C15.8118 14.1112 15.9611 14.173 16.0711 14.2831C16.1812 14.3931 16.243 14.5424 16.243 14.6981C16.243 14.8537 16.1812 15.003 16.0711 15.113C15.9611 15.2231 15.8118 15.2849 15.6561 15.2849H14.189C14.1112 15.2849 14.0365 15.3158 13.9815 15.3709C13.9265 15.4259 13.8955 15.5005 13.8955 15.5784C13.8955 15.6562 13.9265 15.7308 13.9815 15.7858C14.0365 15.8409 14.1112 15.8718 14.189 15.8718H15.0693C15.2249 15.8718 15.3742 15.9336 15.4843 16.0437C15.5943 16.1537 15.6561 16.303 15.6561 16.4587C15.6561 16.6143 15.5943 16.7636 15.4843 16.8736C15.3742 16.9837 15.2249 17.0455 15.0693 17.0455H11.9139C10.9613 17.0641 10.0118 16.9305 9.10136 16.6496C8.95366 16.611 8.79148 16.569 8.61481 16.5236V11.1205C10.738 10.6147 13.3087 9.38031 13.3087 7.18894V6.89551C13.3087 6.73986 13.3705 6.59059 13.4806 6.48053C13.5906 6.37047 13.7399 6.30864 13.8955 6.30864C14.0512 6.30864 14.2005 6.37047 14.3105 6.48053C14.4206 6.59059 14.4824 6.73986 14.4824 6.89551C14.5651 7.95571 14.4011 9.02065 14.0034 10.0069H13.0152C12.9374 10.0069 12.8628 10.0378 12.8078 10.0928C12.7527 10.1478 12.7218 10.2225 12.7218 10.3003C12.7218 10.3781 12.7527 10.4528 12.8078 10.5078C12.8628 10.5628 12.9374 10.5937 13.0152 10.5937H16.8288C16.9845 10.5937 17.1337 10.6556 17.2438 10.7656C17.3538 10.8757 17.4157 11.025 17.4157 11.1806C17.4157 11.3363 17.3538 11.4855 17.2438 11.5956C17.1337 11.7056 16.9845 11.7675 16.8288 11.7675L16.8293 11.7637Z" fill="white"/>
                                              <path d="M7.1489 12.9415C7.07108 12.9415 6.99644 12.9724 6.94141 13.0275C6.88638 13.0825 6.85547 13.1571 6.85547 13.235V15.5819C6.85547 15.6597 6.88638 15.7343 6.94141 15.7894C6.99644 15.8444 7.07108 15.8753 7.1489 15.8753C7.22672 15.8753 7.30136 15.8444 7.35639 15.7894C7.41142 15.7343 7.44234 15.6597 7.44234 15.5819V13.235C7.44234 13.1571 7.41142 13.0825 7.35639 13.0275C7.30136 12.9724 7.22672 12.9415 7.1489 12.9415Z" fill="white"/>
                                              <path d="M11.5487 6.31091H10.3755C10.2976 6.31091 10.223 6.34183 10.168 6.39686C10.1129 6.45189 10.082 6.52652 10.082 6.60435C10.082 6.68217 10.1129 6.7568 10.168 6.81183C10.223 6.86686 10.2976 6.89778 10.3755 6.89778H11.5492C11.627 6.89778 11.7017 6.86686 11.7567 6.81183C11.8117 6.7568 11.8426 6.68217 11.8426 6.60435C11.8426 6.52652 11.8117 6.45189 11.7567 6.39686C11.7017 6.34183 11.627 6.31091 11.5492 6.31091H11.5487Z" fill="white"/>
                                              <path d="M17.4178 6.31091H16.2446C16.1668 6.31091 16.0921 6.34183 16.0371 6.39686C15.9821 6.45189 15.9512 6.52652 15.9512 6.60435C15.9512 6.68217 15.9821 6.7568 16.0371 6.81183C16.0921 6.86686 16.1668 6.89778 16.2446 6.89778H17.4183C17.4962 6.89778 17.5708 6.86686 17.6258 6.81183C17.6809 6.7568 17.7118 6.68217 17.7118 6.60435C17.7118 6.52652 17.6809 6.45189 17.6258 6.39686C17.5708 6.34183 17.4956 6.31091 17.4178 6.31091Z" fill="white"/>
                                              <path d="M16.5922 3.90732C16.5372 3.85239 16.4626 3.82153 16.3849 3.82153C16.3071 3.82153 16.2325 3.85239 16.1775 3.90732L15.3476 4.7372C15.2961 4.79287 15.2681 4.86634 15.2696 4.94219C15.271 5.01804 15.3018 5.09038 15.3555 5.14403C15.4091 5.19767 15.4815 5.22845 15.5573 5.22992C15.6332 5.23138 15.7066 5.20341 15.7623 5.15187L16.5917 4.32199C16.6467 4.26705 16.6776 4.19252 16.6777 4.11477C16.6778 4.03702 16.647 3.96241 16.5922 3.90732Z" fill="white"/>
                                              <path d="M12.4437 4.73562L11.6139 3.90574C11.5582 3.8542 11.4847 3.82623 11.4089 3.82769C11.333 3.82915 11.2607 3.85994 11.207 3.91358C11.1534 3.96723 11.1226 4.03956 11.1211 4.11542C11.1197 4.19127 11.1477 4.26474 11.1992 4.32041L12.0291 5.15028C12.0847 5.20182 12.1582 5.22979 12.2341 5.22833C12.3099 5.22687 12.3823 5.19609 12.4359 5.14244C12.4895 5.0888 12.5203 5.01646 12.5218 4.94061C12.5233 4.86476 12.4953 4.79129 12.4437 4.73562Z" fill="white"/>
                                              </svg>
                                              Gradding’s RECOMMENDED</span>
                                      </div>
                                      <div class="shortlist">
                                        <input type="checkbox" id="shortlist-university"><label for="shortlist-university">Toggle</label>
                                        Shortlist
                                      </div>
                                  </div>
                              </div>
                              <div class="feature">
                                  <div class="feature-box">
                                      <span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                          <path d="M12.0273 8.36799V10.6805C12.0273 12.6305 10.2086 14.2117 7.96484 14.2117C5.72109 14.2117 3.90234 12.6305 3.90234 10.6805V8.36799C3.90234 10.318 5.72109 11.7117 7.96484 11.7117C10.2086 11.7117 12.0273 10.318 12.0273 8.36799Z" stroke="#181A1F" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M12.0273 5.24299C12.0273 5.81174 11.8711 6.33674 11.5961 6.78674C10.9273 7.88674 9.55234 8.58674 7.96484 8.58674C6.37734 8.58674 5.00235 7.88674 4.3336 6.78674C4.0586 6.33674 3.90234 5.81174 3.90234 5.24299C3.90234 4.26799 4.35859 3.38674 5.08984 2.74924C5.82734 2.10549 6.83984 1.71174 7.96484 1.71174C9.08984 1.71174 10.1023 2.10549 10.8398 2.74299C11.5711 3.38674 12.0273 4.26799 12.0273 5.24299Z" stroke="#181A1F" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M12.0273 5.24299V8.36799C12.0273 10.318 10.2086 11.7117 7.96484 11.7117C5.72109 11.7117 3.90234 10.318 3.90234 8.36799V5.24299C3.90234 3.29299 5.72109 1.71174 7.96484 1.71174C9.08984 1.71174 10.1023 2.10549 10.8398 2.74299C11.5711 3.38674 12.0273 4.26799 12.0273 5.24299Z" stroke="#181A1F" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                          Fees
                                      </span>
                                      <h4>INR 18.57L/Y</h4>
                                  </div>
                                  <div class="feature-box">
                                      <span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                          <path d="M6.09062 8.97101H3.17188C2.48437 8.97101 1.92188 9.53351 1.92188 10.221V13.971H6.09062V8.97101Z" stroke="#292D32" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M9.00469 6.47101H7.33594C6.64844 6.47101 6.08594 7.03351 6.08594 7.72101V13.971H10.2547V7.72101C10.2547 7.03351 9.69844 6.47101 9.00469 6.47101Z" stroke="#292D32" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M13.1727 10.846H10.2539V13.971H14.4227V12.096C14.4227 11.4085 13.8602 10.846 13.1727 10.846Z" stroke="#292D32" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M8.49677 1.51476L8.82802 2.17726C8.87177 2.27101 8.99052 2.35851 9.09052 2.37101L9.69052 2.47101C10.0718 2.53351 10.1655 2.81475 9.89052 3.0835L9.42177 3.55225C9.34052 3.6335 9.29677 3.7835 9.32177 3.88975L9.45302 4.46476C9.55927 4.92101 9.31552 5.09602 8.91552 4.85852L8.35302 4.52727C8.25302 4.46477 8.08427 4.46477 7.98427 4.52727L7.42177 4.85852C7.02177 5.09602 6.77802 4.92101 6.88427 4.46476L7.01553 3.88975C7.04053 3.7835 6.99678 3.62725 6.91553 3.55225L6.45302 3.08976C6.17802 2.81476 6.26552 2.53975 6.65302 2.47725L7.25302 2.37727C7.35302 2.35852 7.47177 2.27102 7.51552 2.18352L7.84677 1.521C8.02802 1.1585 8.31552 1.15851 8.49677 1.51476Z" stroke="#292D32" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                          Ranking
                                      </span>
                                      <h4> 12 year</h4>
                                  </div>
                                  <div class="feature-box">
                                      <span>
                                          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                              <path d="M16.5 6.75V11.25C16.5 11.415 16.5 11.58 16.485 11.7375C15.87 10.98 14.9325 10.5 13.875 10.5C13.08 10.5 12.345 10.7775 11.7675 11.2425C10.9875 11.8575 10.5 12.81 10.5 13.875C10.5 14.9325 10.98 15.87 11.7375 16.485C11.58 16.5 11.415 16.5 11.25 16.5H6.75C3 16.5 1.5 15 1.5 11.25V6.75C1.5 3 3 1.5 6.75 1.5H11.25C15 1.5 16.5 3 16.5 6.75Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <g opacity="0.4">
                                              <path d="M1.89001 5.33252H16.11" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path d="M6.39001 1.58252V5.22751" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path d="M11.61 1.58252V4.89005" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              </g>
                                              <path d="M17.25 13.875C17.25 14.8875 16.8 15.7875 16.1025 16.41C15.5025 16.9275 14.73 17.25 13.875 17.25C13.065 17.25 12.315 16.965 11.7375 16.485C10.98 15.87 10.5 14.9325 10.5 13.875C10.5 12.81 10.9875 11.8575 11.7675 11.2425C12.345 10.7775 13.08 10.5 13.875 10.5C14.9325 10.5 15.87 10.98 16.485 11.7375C16.965 12.315 17.25 13.065 17.25 13.875Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path opacity="0.4" d="M14.085 12.8175V14.085L13.035 14.715" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                          </svg>
                                          EXAMS
                                      </span>
                                      <select name="exam" id="" class="course-dropdown">
                                          <option value="IELTS" selected>IELTS</option>
                                          <option value="TOEFL">TOEFL</option>
                                          <option value="GRE">GRE</option>
                                      </select>
                                  </div>
                                  <div class="feature-box">
                                      <span>
                                          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                              <path d="M16.5 6.75V11.25C16.5 11.415 16.5 11.58 16.485 11.7375C15.87 10.98 14.9325 10.5 13.875 10.5C13.08 10.5 12.345 10.7775 11.7675 11.2425C10.9875 11.8575 10.5 12.81 10.5 13.875C10.5 14.9325 10.98 15.87 11.7375 16.485C11.58 16.5 11.415 16.5 11.25 16.5H6.75C3 16.5 1.5 15 1.5 11.25V6.75C1.5 3 3 1.5 6.75 1.5H11.25C15 1.5 16.5 3 16.5 6.75Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <g opacity="0.4">
                                              <path d="M1.89001 5.33252H16.11" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path d="M6.39001 1.58252V5.22751" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path d="M11.61 1.58252V4.89005" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                              </g>
                                              <path d="M17.25 13.875C17.25 14.8875 16.8 15.7875 16.1025 16.41C15.5025 16.9275 14.73 17.25 13.875 17.25C13.065 17.25 12.315 16.965 11.7375 16.485C10.98 15.87 10.5 14.9325 10.5 13.875C10.5 12.81 10.9875 11.8575 11.7675 11.2425C12.345 10.7775 13.08 10.5 13.875 10.5C14.9325 10.5 15.87 10.98 16.485 11.7375C16.965 12.315 17.25 13.065 17.25 13.875Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                              <path opacity="0.4" d="M14.085 12.8175V14.085L13.035 14.715" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                          </svg>
                                          INTAKE
                                      </span>
                                      <select name="intake" id="" class="course-dropdown">
                                          <option value="SEP 2023" selected>SEP 2023</option>
                                          <option value="SEP 2024">SEP 2024</option>
                                          <option value="SEP 2025">SEP 2025</option>
                                      </select>
                                  </div>
                              </div>
                          </div>
                          <div class="feature-btn">
                              <a href="" class="apply-btn">Rate My chance</a>
                              <a href="" class="view-btn">Apply Now</a>
                          </div>
                        </div>
                      </div>
                    {{-- @if($result['cshowPagination']) --}}
                    <div class="pagination">
                        <!-- Display pagination links here -->
                        {{-- {{ $result['university']->links() }} --}}
                    </div>        
                    {{-- @endif --}}
                  </div>
                </div>
              </form>  
              @else
              <form action="{{ route('website.search.Finder', ['slug' => 'Scholarship']) }}" >
              <div class="search-courese search-finder-bar">
                <div class="search-input input-fuild">
                    <label for="search">Search</label>
                    <input type="search" name="search" id="search" placeholder="Find Scholarship">
                </div>
                <div class="intake-dropdown input-fuild">
                    <label for="intake">Intakes</label>
                    <div class="wrapper">
                        <button class="form-control toggle-next ellipsis">Select Intake</button>
                        <div class="checkboxes" id="Lorems">
                          <label class="apply-selection">
                            <input type="checkbox" value="" class="ajax-link" />
                            &#x2714; apply selection
                          </label>
                          
                          <div class="inner-wrap">
                            <label>
                              <input type="checkbox" value="all_pets" class="ckkBox all" checked />
                              <span>All Intake</span>
                            </label><br>
                  
                            <label>
                              <input type="checkbox" value="dolor" class="ckkBox val" />
                              <span>Jan</span>
                            </label><br>
                  
                            <label>
                              <input type="checkbox" value="lorem" class="ckkBox val" />
                              <span>Feb</span>
                            </label><br>
                  
                            <label>
                              <input type="checkbox" value="ipsum" class="ckkBox val" />
                              <span>March</span>
                            </label><br>
                            
                            <label>
                              <input type="checkbox" value="dolor" class="ckkBox val" />
                              <span>April</span>
                            </label><br>
                  
                            <label>
                              <input type="checkbox" value="lorem" class="ckkBox val" />
                              <span>May</span>
                            </label><br>
                  
                            <label>
                              <input type="checkbox" value="ipsum" class="ckkBox val" />
                              <span>Jun</span>
                            </label>
                          </div>
                        </div>
                    </div>
                </div>
                <div class="year-dropdown input-fuild">
                    <label for="year">Year</label>
                    <select name="year" id="year">
                        <option value="">Select Year</option>
                        <option value="">2023</option>
                        <option value="">2024</option>
                        <option value="">2025</option>
                    </select>
                </div>
                <button class="search-btn"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="27" viewBox="0 0 28 27" fill="none">
                    <path d="M21.7708 21.5241L17.6204 17.3737M5.72266 12.3932C5.72266 8.57291 8.81964 5.47592 12.64 5.47592C16.4603 5.47592 19.5573 8.57291 19.5573 12.3932C19.5573 16.2136 16.4603 19.3106 12.64 19.3106C8.81964 19.3106 5.72266 16.2136 5.72266 12.3932Z" stroke="white" stroke-width="1.99219" stroke-linecap="round" stroke-linejoin="round"/>
                  </svg>
                </button>
             </div>
           @endif
          </form>           
              </div>
           </div>
    </section>
    {{-- Blog Section --}}
    <section class="blog-section">
        <h2>Gradding Blogs</h2>
        <div class="d-flex align-items-center justify-content-center read-more-btn">
            <p>Want to read more?</p>
            <a href="#" class="Explore-Blogs-btn">Explore Blogs<i class="fa fa-chevron-right"></i></a>
        </div>
        <div class="blog-div">
            <div class="blog">
                <img src="{{ asset('frontend') }}/assets-desktop/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4>1.What Is the Cost of Living in UK? Know from Expert</h4>
                    <span>10 July 2023</span>
                </div>
            </div>
            <div class="blog">
                <img src="{{ asset('frontend') }}/assets-desktop/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4>1.What Is the Cost of Living in UK? Know from Expert</h4>
                    <span>10 July 2023</span>
                </div>
            </div>
            <div class="blog">
                <img src="{{ asset('frontend') }}/assets-desktop/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4>1.What Is the Cost of Living in UK? Know from Expert</h4>
                    <span>10 July 2023</span>
                </div>
            </div>
            <div class="blog">
                <img src="{{ asset('frontend') }}/assets-desktop/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4>1.What Is the Cost of Living in UK? Know from Expert</h4>
                    <span>10 July 2023</span>
                </div>
            </div>
            <div class="blog">
                <img src="{{ asset('frontend') }}/assets-desktop/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4>1.What Is the Cost of Living in UK? Know from Expert</h4>
                    <span>10 July 2023</span>
                </div>
            </div>
            <div class="blog">
                <img src="{{ asset('frontend') }}/assets-desktop/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4>1.What Is the Cost of Living in UK? Know from Expert</h4>
                    <span>10 July 2023</span>
                </div>
            </div>
        </div>
    </section>
    {{-- Faq section --}}
    <section class="faq-section">
        <div class="container">
            <h2>Frequently Asked Questions</h2>
            <div class="accordion">
              <div class="accordion-item">
                <button id="accordion-button-1" aria-expanded="false">
                  <span class="accordion-title">Why is the moon sometimes out during the day?</span>
                  <span class="icon" aria-hidden="true"></span>
                </button>
                <div class="accordion-content">
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                    Ut tortor pretium viverra suspendisse potenti.
                  </p>
                </div>
              </div>
              <div class="accordion-item">
                <button id="accordion-button-2" aria-expanded="false">
                  <span class="accordion-title">Why is the sky blue?</span>
                  <span class="icon" aria-hidden="true"></span>
                </button>
                <div class="accordion-content">
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                    Ut tortor pretium viverra suspendisse potenti.
                  </p>
                </div>
              </div>
              <div class="accordion-item">
                <button id="accordion-button-3" aria-expanded="false">
                  <span class="accordion-title">Will we ever discover aliens?</span>
                  <span class="icon" aria-hidden="true"></span>
                </button>
                <div class="accordion-content">
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                    Ut tortor pretium viverra suspendisse potenti.
                  </p>
                </div>
              </div>
              <div class="accordion-item">
                <button id="accordion-button-4" aria-expanded="false">
                  <span class="accordion-title">How much does the Earth weigh?</span>
                  <span class="icon" aria-hidden="true"></span>
                </button>
                <div class="accordion-content">
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                    Ut tortor pretium viverra suspendisse potenti.
                  </p>
                </div>
              </div>
              <div class="accordion-item">
                <button id="accordion-button-5" aria-expanded="false">
                  <span class="accordion-title">How do airplanes stay up?</span>
                  <span class="icon" aria-hidden="true"></span>
                </button>
                <div class="accordion-content">
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                    Ut tortor pretium viverra suspendisse potenti.
                  </p>
                </div>
              </div>
            </div>
        </div>
    </section>
    {{-- quick links --}}
    <section class="quick-link">
        <div class="container">
            <h3>Quick Links</h3>
            <div class="links">
                <a href="#">Top Universities in UK</a>
                <a href="">Upcoming Intakes</a>
                <a href="">Test Prep</a>
            </div>
            <p class="university-desc">Are you giving up on your dream because of confusing information and misguidance? Gradding has a team of experienced professionals and experts helping you build a road map that will turn your small dream into a huge living reality. Get guidance from specialists assisting you in connecting with your dream universities. More<span class="removeDot">...</span></p>
            <p class="moretext">Monash is not just a university. It’s the testimony of history, heritage and legacy of the UK. Established around 11th Century, this university is one </p>
            <a class="moreless-button">Read More</a>
        </div>
    </section>
@endsection

@section('css')
<link rel="stylesheet" href="{{ asset('frontend') }}/assets-desktop/css/search-result.css?v={{env('ASSETS_VERSION')}}">
@endsection

@section('script')
<!-- FAQ  -->
<script>

$(document).ready(function() {
  var countdd = "{{@$result['slug']}}";
    // alert(countdd);
  // alert();
  if(countdd==""){
      $("#Scholarship").hide();
      $("#Courses").hide();
      $("#UniversityTab").addClass("active");
      $("#University").show();
  }

  $(".tablinks").click(function() {
    var tabName = $(this).data("tab");
    // alert(tabName);
    // console.log("Clicked tab: " + tabName);

    // Hide all tab contents
    $(".tabcontent").hide();

    // Remove the "active" class from all tab buttons
    $(".tablinks").removeClass("active");

    // Show the selected tab content
    $("#" + tabName).show();
    console.log("Showing tab content for: " + tabName);

    // Add the "active" class to the clicked tab button
    $(this).addClass("active");
    


            // Define the new URL you want to set
            var newURL = '/finder/'+tabName; // Replace with your desired URL

            // Use the pushState method to change the URL without reloading the page
            history.pushState({}, '', newURL);
  });
});




// $(document).ready(function () {
//     var countdd = "{{@$result['slug']}}";
//     alert(countdd);

//     $(".tablinks").removeClass("active");

//     if(countdd == 'University'){
//       $("#UniversityTab").addClass("active");
//       $("#University").show();
//       $("#Scholarship").hide();
//       $("#Courses").hide();
//     }else if(countdd == 'Scholarship'){
//       $("#ScholarshipTab").addClass("active");
//       $("#Scholarship").show();
//       $("#University").hide();
//       $("#Courses").hide();
//     }else if(countdd == 'Courses'){ 
//       $("#CoursesTab").addClass("active");
//       $("#Courses").show();
//       $("#University").hide();
//       $("#Scholarship").hide();
   
//     }else if(empty(countdd)){ 
//       $("#Scholarship").hide();
//       $("#Courses").hide();
//       $("#UniversityTab").addClass("active");
//       $("#University").show();
       
//     }
    
//     else {
//         // Default to University tab when no tab is active
//         $("#Scholarship").hide();
//         $("#Courses").hide();
//         $("#UniversityTab").addClass("active");
//         $("#University").show();
//       }   
//   });


	var acc = document.getElementsByClassName("accordion");
	var i;
	
	for (i = 0; i < acc.length; i++) {
	  acc[i].addEventListener("click", function() {
		this.classList.toggle("active");
		var panel = this.nextElementSibling;
		if (panel.style.maxHeight) {
		  panel.style.maxHeight = null;
		} else {https://www.gradding.com/
		  panel.style.maxHeight = panel.scrollHeight + "px";
		} 
	  });
	}


    // Blog Slider 
	$('.blog-div').slick({
		variableWidth: true,
		slidesToShow: 3,
		slidesToScroll: 3,
		arrows: true,
		prevArrow: '<div class="slick-prev-custom"><button><i class="fas fa-arrow-left"></i>Prev</button></div>',
		nextArrow: '<div class="slick-next-custom"><button>Next<i class="fas fa-arrow-right"></i></button></div>',
		responsive: [
			{
				breakpoint: 768,
				settings: {
					arrows: false,
					centerMode: true,
					centerPadding: '40px',
					slidesToShow: 3
				}
			},
			{
				breakpoint: 480,
				settings: {
					arrows: false,
					centerMode: true,
					centerPadding: '40px',
					slidesToShow: 1
				}
			}
		]
	});

	// Read more Collapse
	$('.moreless-button').click(function() {
		$('.moretext').slideToggle();
		if ($('.moreless-button').text() == "Read More") {
			$(this).text("Read less")
      $('.removeDot').hide();
		} else {
      $('.removeDot').show();
			$(this).text("Read More")
		}
		});

    
        // Tab nav Script 
        function openTab(evt, cityName) {
          // $('#defaultOpenUniversity').removeClass('active'); 
      
		var i, tabcontent, tablinks;
		tabcontent = document.getElementsByClassName("tabcontent");
		for (i = 0; i < tabcontent.length; i++) {
			tabcontent[i].style.display = "none";
		}
		tablinks = document.getElementsByClassName("tablinks");
		for (i = 0; i < tablinks.length; i++) {
			tablinks[i].className = tablinks[i].className.replace(" active", "");
		}
		document.getElementById(cityName);
		evt.currentTarget.className += " active";
	}

  

	// Get the element with id="defaultOpen" and click on it
	// document.getElementById("defaultOpen").click();




    // dropdown intake
    $(function() {
  
        setCheckboxSelectLabels();
        
        $('.toggle-next').click(function() {
            $(this).next('.checkboxes').slideToggle(400);
        });
        
        $('.ckkBox').change(function() {
            toggleCheckedAll(this);
            setCheckboxSelectLabels(); 
        });
        
        });
        
        function setCheckboxSelectLabels(elem) {
        var wrappers = $('.wrapper'); 
        $.each( wrappers, function( key, wrapper ) {
            var checkboxes = $(wrapper).find('.ckkBox');
            var label = $(wrapper).find('.checkboxes').attr('id');
            var prevText = '';
            $.each( checkboxes, function( i, checkbox ) {
            var button = $(wrapper).find('button');
            if( $(checkbox).prop('checked') == true) {
                var text = $(checkbox).next().html();
                var btnText = prevText + text;
                var numberOfChecked = $(wrapper).find('input.val:checkbox:checked').length;
                if(numberOfChecked >= 3) {
                btnText = numberOfChecked +' '+ label + ' selected';
                }
                $(button).text(btnText); 
                prevText = btnText + ', ';
            }
            });
        });
        }

        function toggleCheckedAll(checkbox) {
        var apply = $(checkbox).closest('.wrapper').find('.apply-selection');
        apply.fadeIn('slow'); 
        
        var val = $(checkbox).closest('.checkboxes').find('.val');
        var all = $(checkbox).closest('.checkboxes').find('.all');
        var ckkBox = $(checkbox).closest('.checkboxes').find('.ckkBox');

        if(!$(ckkBox).is(':checked')) {
            $(all).prop('checked', true);
            return;
        }

        if( $(checkbox).hasClass('all') ) {
            $(val).prop('checked', false);
        } else {
            $(all).prop('checked', false);
        }
        }

</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
  // range slider
  $(function() {

        // Initiate Slider
        $('#slider-range').slider({
          range: true,
          min: 0,
          max: 100000,
          step: 100,
          values: [0, 100000]
        });

        // Move the range wrapper into the generated divs
        $('.ui-slider-range').append($('.range-wrapper'));

        // Apply initial values to the range container
        $('.range').html('<span class="range-value">Rs ' + $('#slider-range').slider("values", 0).toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "Rs1,") + '</span><span class="range-divider"></span><span class="range-value">Rs ' + $("#slider-range").slider("values", 1).toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + '</span>');

        // Show the gears on press of the handles
        $('.ui-slider-handle, .ui-slider-range').on('mousedown', function() {
          $('.gear-large').addClass('active');
        });

        // Hide the gears when the mouse is released
        // Done on document just incase the user hovers off of the handle
        $(document).on('mouseup', function() {
          if ($('.gear-large').hasClass('active')) {
            $('.gear-large').removeClass('active');
          }
        });

        // Rotate the gears
        var gearOneAngle = 0,
          gearTwoAngle = 0,
          rangeWidth = $('.ui-slider-range').css('width');

        $('.gear-one').css('transform', 'rotate(' + gearOneAngle + 'deg)');
        $('.gear-two').css('transform', 'rotate(' + gearTwoAngle + 'deg)');

        $('#slider-range').slider({
          slide: function(event, ui) {

            // Update the range container values upon sliding

            $('.range').html('<span class="range-value"><sup>$</sup>' + ui.values[0].toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "Rs1,") + '</span><span class="range-divider"></span><span class="range-value">Rs ' + ui.values[1].toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + '</span>');

            // Get old value
            var previousVal = parseInt($(this).data('value'));

            // Save new value
            $(this).data({
              'value': parseInt(ui.value)
            });

            // Figure out which handle is being used
            if (ui.values[0] == ui.value) {

              // Left handle
              if (previousVal > parseInt(ui.value)) {
                // value decreased
                gearOneAngle -= 7;
                $('.gear-one').css('transform', 'rotate(' + gearOneAngle + 'deg)');
              } else {
                // value increased
                gearOneAngle += 7;
                $('.gear-one').css('transform', 'rotate(' + gearOneAngle + 'deg)');
              }

            } else {

              // Right handle
              if (previousVal > parseInt(ui.value)) {
                // value decreased
                gearOneAngle -= 7;
                $('.gear-two').css('transform', 'rotate(' + gearOneAngle + 'deg)');
              } else {
                // value increased
                gearOneAngle += 7;
                $('.gear-two').css('transform', 'rotate(' + gearOneAngle + 'deg)');
              }

            }

            if (ui.values[1] === 110000) {
              if (!$('.range-alert').hasClass('active')) {
                $('.range-alert').addClass('active');
              }
            } else {
              if ($('.range-alert').hasClass('active')) {
                $('.range-alert').removeClass('active');
              }
            }
          }
        });

        // Prevent the range container from moving the slider
        $('.range, .range-alert').on('mousedown', function(event) {
          event.stopPropagation();
        });

        });

      //   function openTab(event, tabId) {
      //   // Update the URL with the new slug
      //   var slug = event.target.getAttribute('data-slug');
      //   window.history.pushState({}, "", "university/" + slug);

      //   // Hide all tabs
      //   var tabs = document.querySelectorAll('.tabcontent');
      //   tabs.forEach(function(tab) {
      //       tab.style.display = 'none';
      //   });

      //   // Show the selected tab
      //   var tabContent = document.getElementById(tabId);
      //   if (tabContent) {
      //       tabContent.style.display = 'block';
      //   }

      //   // Add your logic to handle the button styling (e.g., adding/removing 'active' class) here if needed.
      //  }

      //   // Initial logic to show the tab based on the initial slug
      //   var initialSlug = '';
      //   if (initialSlug) {
      //      openTab({ target: document.getElementById('defaultOpen' + initialSlug) }, initialSlug);
      //   } 
      

</script>



@endsection