@if($mainTabWise == 1)
    <!-- Home End -->
    <!-- Practice Sets -->
    <div class="practice-coaching dragSectionContainer">
      @if(count($sections)>0)
        @foreach($sections as $section)
          <div class="dragSection">

            <div class="select-choices">
              <h2>
                {{$section->section_name}}
                <span class="action">
                 <a href="javascript:void(0)" class="update_section"  data-id="{{base64_encode($section->id)}}"><img src="{{asset('admin/images/pencil.svg')}}" alt=""></a>
                 <a href="javascript:void(0)" class="remove_section"  data-id="{{base64_encode($section->id)}}"><img src="{{asset('admin/images/recycle-bin.svg')}}" alt=""></a>
                </span>
              </h2>
              <div class="filter-group">
                <button class="btn btn-primary btn-streach-md sectionAddNewProduct" data-section-id="{{$section->id}}" data-section-product-type="{{$section->product_type}}" data-total-product="{{count($section->packages)}}">Add New Product</button>
              </div>
            </div>
            <div  class="row dragItemContainer">
              
              @if(count($section->packages)>0)
                @foreach($section->packages as $key=>$package)
                  @php $color = ''; @endphp
                  @if($package->product_type != 1)
                    @if(fmod($key,4) == 0)
                      @php $color = 'orange'; @endphp
                    @elseif(fmod($key,4) == 1)
                      @php $color = 'light-blue'; @endphp
                    @elseif(fmod($key,4) == 2)
                      @php $color = 'dark-blue'; @endphp
                    @else
                      @php $color = 'green'; @endphp
                    @endif
                  @endif
                  <div class="drag-item col-lg-3 col-md-4 col-sm-6 {{$color}}" id="item-{{$package->product_main_id}}">
                    <span class="drag-section-icon"><img src="{{asset('admin/images/drag-v.svg')}}" alt=""></span>
                    <span class="delete-icon remove_product" data-id="{{base64_encode($package->product_id)}}" data-section-id="{{base64_encode($package->section_id)}}"><img src="{{asset('admin/images/recycle-bin.svg')}}" alt=""></span>
                      @if($package->product_type == 1)
                        <div class="preview-container ml-0 mb-5">
                          <div class="preview-header">
                            <i class="fa fa-heart-o"></i>
                            <img src="{{asset('storage/test_package_image/'.$package->package_image)}}" alt="">
                          </div>
                          <div class="preview-body">
                            <div class="preview-body-top">
                              <h6>{{$package->package_name}}</h6>
                              <div class="preview-avatar">
                                @if($coachingDetails->logo)
                                <span class="avatar cover-image avatar-lg brround" style="background-image: url('{{asset('storage/coaching_logo/'.$coachingDetails->logo)}}')"></span>
                                @else
                                <span class="avatar cover-image avatar-lg brround" style="background-image: url('{{asset('admin/images/institute.jpg')}}')"></span>
                                @endif
                                <p class="star"><i class="fa fa-star"></i> @if($package->rating > 0){{number_format(($package->rating),1)}} @else{{'0.0'}} @endif</p>
                                <span class="rating">({{$package->rating_count}} Ratings)</span>
                              </div>
                            </div>
                            <div class="preview-body-content">
                              <p class="label-name">
                                <img src="{{asset('admin/images/map-location-line.svg')}}" alt="">
                                <span>{{$coachingDetails->coaching_name}}</span>
                              </p>
                              <p class="fs-9 font-bold my-4">{{$package->exam_type}}</p>
                              <ul class="preview-list">
                                <li>No of Tests : {{$package->no_of_test}}</li>
                                @php $test_type_name = ''; @endphp
                                @if(isset($package->testByTestType))
                                  @foreach($package->testByTestType as $test_type_key=>$test_types)
                                    @if(isset($test_types->testTypeByTest) && $test_type_key < 2)
                                      @php $test_type_name .= $test_types->count.' '.$test_types->testTypeByTest->test_type_name.' + '; @endphp
                                    @endif
                                  @endforeach
                                  @if(count($package->testByTestType)>0)<li>{{trim($test_type_name, ' + ')}}</li>@else<li>N/A</li>@endif
                                @endif
                                @php $test_language = ''; $languages = explode(' & ',$package->languages);  @endphp
                                @if(count($languages)>0)
                                  @foreach($languages as $lang)
                                    @if($lang == 1)
                                      @php $test_language .= 'English | '; @endphp
                                    @else
                                      @php $test_language .= 'Hindi | '; @endphp
                                    @endif
                                  @endforeach
                                @endif
                                <li>{{trim($test_language, ' | ')}}</li>
                                <li>Validity {{($package->validity_type ==0) ? $package->validity : date('d-m-Y', strtotime($package->expire_date))}}</li>
                              </ul>
                              @if($package->sale_type < 4)
                                @if($package->discount_price > 0)
                                  @php
                                    $show_btn = ($package->share_unlock_discount_price ? 'Share & Unlock' : 'Buy Now') ;
                                    $show_price = $package->discount_price." <strike>".$package->product_price."</strike>" ;
                                  @endphp
                                @else
                                  @php
                                    $show_btn = 'Buy Now' ;
                                    $show_price = $package->product_price;
                                  @endphp
                                @endif
                              @else
                                @php
                                  $show_btn = 'Unlock Free' ;
                                  $show_price = 0 ;
                                @endphp
                              @endif
                              <p class="preview-price"><i class="fa fa-rupee"></i> {!!$show_price!!} /-</p>
                              <button class="btn btn-preview-outline disable-btn">{!!$show_btn!!}</button>
                            </div>
                          </div>
                        </div>
                      @else 
                        <div class="preview-container ml-0 mb-5">
                          <div class="preview-header">
                            <div class="header-content">
                              <h3>{{(($package->product_type == 2) ? $package->set_name : $package->quiz_name)}}</h3>
                              <p>Attempted by {{$package->total_attempt}}</p>
                            </div>
                            <i class="fa fa-heart-o"></i>
                            <img src="{{asset('admin/images/students.jpg')}}" alt="">
                          </div>
                          <div class="preview-body">
                            <div class="preview-body-top">
                              <h6>{{$coachingDetails->coaching_name}}</h6>
                              <div class="preview-avatar">
                                @if($coachingDetails->logo)
                                <span class="avatar cover-image avatar-lg brround" style="background-image: url('{{asset('storage/coaching_logo/'.$coachingDetails->logo)}}')"></span>
                                @else
                                <span class="avatar cover-image avatar-lg brround" style="background-image: url('{{asset('admin/images/institute.jpg')}}')"></span>
                                @endif
                                <p class="star"><i class="fa fa-star"></i> @if($package->rating > 0){{number_format(($package->rating),1)}} @else{{'0.0'}} @endif</p>
                                <span class="rating">({{$package->rating_count}} Ratings)</span>
                              </div>
                            </div>
                            <div class="preview-body-content">
                              <p class="label-name">
                                <img src="{{asset('admin/images/map-location-line.svg')}}" alt="">
                                <span>{{$coachingDetails->city.', '.$coachingDetails->name}}</span>
                              </p>
                              <p class="fs-9 font-bold my-4">{{$package->exam_type}}</p>
                              @if($package->product_type == 2)
                                <ul class="preview-list">
                                  <li>Total Chapters : @if(isset($package->chapters)){{count($package->chapters)}}@else{{0}}@endif</li>
                                  <li>Total Questions : @if(isset($package->questions)){{count($package->questions)}}@else{{0}}@endif</li>
                                  <li>{{(($package->language_id == 1) ? 'English' : 'Hindi')}}</li>
                                </ul>
                              @else
                                <ul class="preview-list">
                                  <li>Questions : @if(isset($package->questions)){{count($package->questions)}}@else{{0}}@endif</li>
                                  <li>Time : {{$package->duration}}</li>
                                  <li>{{(($package->language_id == 1) ? 'English' : 'Hindi')}}</li>
                                </ul>
                              @endif
                              <button class="btn btn-preview-outline disable-btn">{{(($package->product_type == 2) ? 'Start Practice' : 'Start Quiz')}}</button>
                            </div>
                            </div>
                        </div>
                      @endif
                    </div>
                @endforeach
              @else
                No products found..
              @endif
            </div>
            @if($section->total_packages >2)
            <div class="view-more"><a href="javascript:void(0)" class="section_view_more" data-section-id="{{$section->id}}" data-offset="2" data-total="{{$section->total_packages}}">View More <i class="fa fa-angle-down"></i></a></div>
            @endif
          </div>
        @endforeach
      @else
          No products found..
      @endif
    </div>
@elseif($mainTabWise > 1 &&  $mainTabWise < 5)
    <!-- Home End -->
    <!-- Practice Sets -->
    <div class="practice-coaching dragSectionContainer">
      <div class="select-choices">
        <ul>
          @if(count($sections)>0)
            @foreach($sections as $key=>$section)
              <li class="@if($key==0){{'active'}}@endif product_section_tab section_tab_{{$section->id}}" data-id="{{$section->id}}"><a href="javascript:void(0)">@if($section->exam_type){{$section->exam_type}}@else{{'All'}}@endif</a></li>
            @endforeach
          @endif
        </ul>
      
        <div class="filter-group">
           @if(count($sections)>0)
            @foreach($sections as $key=>$section)
              <button class="btn btn-primary btn-streach-md sectionAddNewProductTab product_tab_{{$section->id}}" data-section-id="{{$section->id}}" data-section-product-type="{{$section->product_type}}" data-total-product="{{count($section->packages)}}" data-exam="{{$section->exam_type_id}}"  style="@if($key>0){{'display:none;'}}@endif">Add New Product</button>
            @endforeach
          @endif
          <span class="filter_for_quiz" style="display: none;">
            <p>Filter By </p>
            <select name="" id="filter_exam" class="form-control input-sm" disabled="disabled">
              <option value="">All Subjects</option>
            </select>
          </span>
          <p>Sort By </p>
          <select name="" id="filter_exam" class="form-control input-sm" disabled="disabled">
            <option value="">Popularity</option>
          </select>
        </div>
      </div>
      <div class="timeline-wrapper" style="display: none;">
                  <div class="timeline-item">
                      <div class="animated-background">
                          <div class="background-masker header-top"></div>
                          <div class="background-masker header-left"></div>
                          <div class="background-masker header-right"></div>
                          <div class="background-masker header-bottom"></div>
                          <div class="background-masker subheader-left"></div>
                          <div class="background-masker subheader-right"></div>
                          <div class="background-masker subheader-bottom"></div>
                          <div class="background-masker content-top"></div>
                          <div class="background-masker content-first-end"></div>
                          <div class="background-masker content-second-line"></div>
                          <div class="background-masker content-second-end"></div>
                          <div class="background-masker content-third-line"></div>
                          <div class="background-masker content-third-end"></div>
                      </div>
                  </div>
              </div>
      <span class="sections">
      @if(count($sections)>0)
        @foreach($sections as $key=>$section)
          <div class="dragSection product_section_tab_{{$section->id}} product_section_tab_list" style="@if($key>0){{'display:none;'}}@endif">
              <div  class="row dragItemContainer">
              @if(count($section->packages)>0)
                @foreach($section->packages as $key=>$package)
                  @php $color = ''; @endphp
                  @if($package->product_type != 1)
                    @if(fmod($key,4) == 0)
                      @php $color = 'orange'; @endphp
                    @elseif(fmod($key,4) == 1)
                      @php $color = 'light-blue'; @endphp
                    @elseif(fmod($key,4) == 2)
                      @php $color = 'dark-blue'; @endphp
                    @else
                      @php $color = 'green'; @endphp
                    @endif
                  @endif
                  <div class="drag-item col-lg-3 col-md-4 col-sm-6 {{$color}}" id="item-{{$package->product_main_id}}">
                    <span class="drag-section-icon"><img src="{{asset('admin/images/drag-v.svg')}}" alt=""></span>
                    <span class="delete-icon remove_product" data-id="{{base64_encode($package->product_id)}}" data-section-id="{{base64_encode($package->section_id)}}"><img src="{{asset('admin/images/recycle-bin.svg')}}" alt=""></span>
                      @if($package->product_type == 1)
                        <div class="preview-container ml-0 mb-5">
                          <div class="preview-header">
                            <i class="fa fa-heart-o"></i>
                            <img src="{{asset('storage/test_package_image/'.$package->package_image)}}" alt="">
                          </div>
                          <div class="preview-body">
                            <div class="preview-body-top">
                              <h6>{{$package->package_name}}</h6>
                              <div class="preview-avatar">
                                @if($coachingDetails->logo)
                                <span class="avatar cover-image avatar-lg brround" style="background-image: url('{{asset('storage/coaching_logo/'.$coachingDetails->logo)}}')"></span>
                                @else
                                <span class="avatar cover-image avatar-lg brround" style="background-image: url('{{asset('admin/images/institute.jpg')}}')"></span>
                                @endif
                                <p class="star"><i class="fa fa-star"></i> @if($package->rating > 0){{number_format(($package->rating),1)}} @else{{'0.0'}} @endif</p>
                                <span class="rating">({{$package->rating_count}} Ratings)</span>
                              </div>
                            </div>
                            <div class="preview-body-content">
                              <p class="label-name">
                                <img src="{{asset('admin/images/map-location-line.svg')}}" alt="">
                                <span>{{$coachingDetails->coaching_name}}</span>
                              </p>
                              <p class="fs-9 font-bold my-4">{{$package->exam_type}}</p>
                              <ul class="preview-list">
                                <li>No of Tests : {{$package->no_of_test}}</li>
                                @php $test_type_name = ''; @endphp
                                @if(isset($package->testByTestType))
                                  @foreach($package->testByTestType as $test_type_key=>$test_types)
                                    @if(isset($test_types->testTypeByTest) && $test_type_key < 2)
                                      @php $test_type_name .= $test_types->count.' '.$test_types->testTypeByTest->test_type_name.' + '; @endphp
                                    @endif
                                  @endforeach
                                  @if(count($package->testByTestType)>0)<li>{{trim($test_type_name, ' + ')}}</li>@else<li>N/A</li>@endif
                                @endif
                                @php $test_language = ''; $languages = explode(' & ',$package->languages);  @endphp
                                @if(count($languages)>0)
                                  @foreach($languages as $lang)
                                    @if($lang == 1)
                                      @php $test_language .= 'English | '; @endphp
                                    @else
                                      @php $test_language .= 'Hindi | '; @endphp
                                    @endif
                                  @endforeach
                                @endif
                                <li>{{trim($test_language, ' | ')}}</li>
                                <li>Validity {{($package->validity_type ==0) ? $package->validity : date('d-m-Y', strtotime($package->expire_date))}}</li>
                              </ul>
                              @if($package->sale_type < 4)
                                @if($package->discount_price > 0)
                                  @php
                                    $show_btn = ($package->share_unlock_discount_price ? 'Share & Unlock' : 'Buy Now') ;
                                    $show_price = $package->discount_price." <strike>".$package->product_price."</strike>" ;
                                  @endphp
                                @else
                                  @php
                                    $show_btn = 'Buy Now' ;
                                    $show_price = $package->product_price;
                                  @endphp
                                @endif
                              @else
                                @php
                                  $show_btn = 'Unlock Free' ;
                                  $show_price = 0 ;
                                @endphp
                              @endif
                              <p class="preview-price"><i class="fa fa-rupee"></i> {!!$show_price!!} /-</p>
                              <button class="btn btn-preview-outline disable-btn">{!!$show_btn!!}</button>
                            </div>
                          </div>
                        </div>
                      @else 
                        <div class="preview-container ml-0 mb-5">
                          <div class="preview-header">
                            <div class="header-content">
                              <h3>{{(($package->product_type == 2) ? $package->set_name : $package->quiz_name)}}</h3>
                              <p>Attempted by {{$package->total_attempt}}</p>
                            </div>
                            <i class="fa fa-heart-o"></i>
                            <img src="{{asset('admin/images/students.jpg')}}" alt="">
                          </div>
                          <div class="preview-body">
                            <div class="preview-body-top">
                              <h6>{{$coachingDetails->coaching_name}}</h6>
                              <div class="preview-avatar">
                                @if($coachingDetails->logo)
                                <span class="avatar cover-image avatar-lg brround" style="background-image: url('{{asset('storage/coaching_logo/'.$coachingDetails->logo)}}')"></span>
                                @else
                                <span class="avatar cover-image avatar-lg brround" style="background-image: url('{{asset('admin/images/institute.jpg')}}')"></span>
                                @endif
                                <p class="star"><i class="fa fa-star"></i> @if($package->rating > 0){{number_format(($package->rating),1)}} @else{{'0.0'}} @endif</p>
                                <span class="rating">({{$package->rating_count}} Ratings)</span>
                              </div>
                            </div>
                            <div class="preview-body-content">
                              <p class="label-name">
                                <img src="{{asset('admin/images/map-location-line.svg')}}" alt="">
                                <span>{{$coachingDetails->city.', '.$coachingDetails->name}}</span>
                              </p>
                              <p class="fs-9 font-bold my-4">{{$package->exam_type}}</p>
                              @if($package->product_type == 2)
                                <ul class="preview-list">
                                  <li>Total Chapters : @if(isset($package->chapters)){{count($package->chapters)}}@else{{0}}@endif</li>
                                  <li>Total Questions : @if(isset($package->questions)){{count($package->questions)}}@else{{0}}@endif</li>
                                  <li>{{(($package->language_id == 1) ? 'English' : 'Hindi')}}</li>
                                </ul>
                              @else
                                <ul class="preview-list">
                                  <li>Questions : @if(isset($package->questions)){{count($package->questions)}}@else{{0}}@endif</li>
                                  <li>Time : {{$package->duration}}</li>
                                  <li>{{(($package->language_id == 1) ? 'English' : 'Hindi')}}</li>
                                </ul>
                              @endif
                              <button class="btn btn-preview-outline disable-btn">{{(($package->product_type == 2) ? 'Start Practice' : 'Start Quiz')}}</button>
                            </div>
                            </div>
                        </div>
                      @endif
                    </div>
                @endforeach
              @else
                No products found..
              @endif
            </div>
            @if($section->total_packages >2)
            <div class="view-more"><a href="javascript:void(0)" class="section_view_more" data-section-id="{{$section->id}}" data-offset="2" data-total="{{$section->total_packages}}">View More <i class="fa fa-angle-down"></i></a></div>
            @endif
          </div>
          @break
        @endforeach
      @else
          No products found..
      @endif
      </span>
    </div>
@else
    <!-- Practice Sets End-->
    <!-- About -->
    <div class="about-coaching" style="">
      <div class="card">
        <div class="card-header pt-5">
          <h2>Description</h2>
          <div class="filter-group">
            <p class="fs-12"><strong>Joined On:</strong> {{date('F d,Y', strtotime($coachingDetails->created_at))}}</p>
            <p class="fs-12">
              <svg fill="#707070" width="12" height="12" xmlns="http://www.w3.org/2000/svg')}}" width="56.293"
                height="53.301" viewBox="0 0 56.293 53.301">
                <g transform="translate(0 0)">
                  <g transform="translate(0 0)">
                    <path
                      d="M15.3,38.31Q11.833,25.95,8.4,13.59h-.01a6.175,6.175,0,0,1-3.9,1.368c-.155,0-.311-.01-.456-.019L14.483,52.363a1.831,1.831,0,0,0,2.252,1.271l.883-.252a1.815,1.815,0,0,0,1.262-2.242Z"
                      transform="translate(-0.119 -0.401)" fill="" />
                    <path
                      d="M56.327,25.215A42.135,42.135,0,0,1,46.563,18.5a.865.865,0,0,1-.252-.883A124.852,124.852,0,0,0,49.533.912c.116-.932-.4-1.2-.922-.563-9.938,11.879-26.768-.9-37.657,7.58a1.775,1.775,0,0,1,.019.32,6.213,6.213,0,0,1-.873,3.183l.349,1.233Q13.71,24.385,17,36.114c10.792-11.016,28.718,3.542,39.113-8.9C56.647,26.574,56.754,25.4,56.327,25.215Z"
                      transform="translate(-0.298 0)" fill="#" />
                    <ellipse cx=" 4.5" cy="5" rx="4.5" ry="5" transform="translate(0 4.382)" fill="" />
                  </g>
                </g>
              </svg> Report Coaching</p>
            <button class="btn edit-btn editDetailsBtn">
              <i class="fa fa-pencil"></i> Edit
            </button>
          </div>
        </div>
        <div class="card-body">
          <div class="details-box description-box p-3">
            <span class="contentDB">{{$coachingDetails->details}}</span>
          </div>
          <span class="contentEdit" style="display: none;">
            <textarea style="width:100%; height: 150px;" id="coaching_details">{{$coachingDetails->details}}</textarea>
            <button type="button" class="btn btn-outline-primary btn-pill btn-streach font-book mt-5 fs-14 cancel_details">Cancel</button>
            <button type="button" class="btn btn-primary btn-streach font-book  ml-3 mt-5 fs-14 add_details">Update</button>
          </span>

          <div class="faculty-wrapper">
            <div class="card-header">
              <h2>Faculty Details</h2>
              <div class="filter-group">
                <button class="btn edit-btn show_faculty_frm"><i class="fa fa-plus-circle mr-1"></i> Add</button>
              </div>
            </div>
            <div class="row add_faculty_frm" style="display: none;">
              <form id="faculty_add_frm" style="width: 100%">
                <div class="row"> 
                   <div class="form-group col-lg-6">
                      <label for="" class="form-label">Faculty Name</label>
                      <input type="text" class="form-control form_input" name="faculty_name" placeholder="Enter Your Faculty Name"/>
                    </div>
                    <div class="form-group col-lg-6">
                      <label for="" class="form-label">Upload Faculty Picture</label>
                      <div class="custom-file">
                        <input type="file" class="custom-file-input" name="faculty_pic" id="logo_upload">
                        <label class="custom-file-label">Choose file</label>
                      </div>
                    </div>
                    <div class="form-group col-lg-6">
                      <label for="" class="form-label">Faculty Subject</label>
                      <select name="subject[]" id="" class="form-control form_input js-ExamType" multiple="multiple">
                        @if($subjects)
                          @foreach($subjects as $subject)
                              <option value="{{$subject->id}}">{{$subject->subject}}</option>
                          @endforeach
                        @endif
                      </select>
                    </div>
                    <div class="form-group col-lg-6">
                      <label for="" class="form-label">Experience</label>
                      <input type="number" class="form-control form_input" name="experience" id="experience" min="0"/>
                    </div>
                    <div class="test-footer text-right col-lg-12">
                      <button type="button" class="btn btn-outline-primary btn-pill btn-streach font-book mt-5 fs-14 cancel_faculty">Cancel</button>
                      <button type="button" class="btn btn-primary btn-streach font-book  ml-3 mt-5 fs-14 add_faculty">Add Faculty</button>
                    </div>                 
                </div>                
              </form>
            </div>
            <div class="dragSection">
            <div class="row dragItemFacultyContainer">
              @if(isset($faculties))
                @foreach($faculties as $faculty)
                  <div class="drag-item col-lg-3 col-xl-2 col-md-4 col-sm-6" id="item-{{$faculty->id}}">
                    <span class="drag-section-icon"><img src="{{asset('admin/images/drag-v.svg')}}" alt=""></span>
                    <span class="delete-icon remove_faculty"  data-id="{{base64_encode($faculty->id)}}"><img src="{{asset('admin/images/recycle-bin.svg')}}" alt=""></span>
                    <div class="faculty-carousel">
                      <div class="faculty-avatar">
                        <span class="avatar cover-image avatar-xxl brround" style="background-image: url({{asset('storage/faculty_pic/'.$faculty->picture)}});"></span>
                      </div>
                      <div class="faculty-content">
                        <h4>{{$faculty->faculty_name}}</h4>
                        <p class="desg">Experience:{{$faculty->experience}} Years</p>
                        <p class="prof">{{$faculty->subject}}</p>
                      </div>
                    </div>
                  </div>
                @endforeach
              @else
                No faculty found...
              @endif
            </div>
          </div>
            @if($totalFaculties >1)
            <div class="view-more"><a href="javascript:void(0)" class="faculty_view_more" data-offset="4" data-total="{{$totalFaculties}}">View More <i class="fa fa-angle-down"></i></a></div>
            @endif
          </div>
          <!-- Coaching Details -->
          <div class="coaching-wrapper">
            <div class="card-header px-0">
              <h2>Coaching Details</h2>
              <div class="filter-group">
                <button class="btn edit-btn edit_coaching"><i class="fa fa-pencil"></i> Edit</button>
              </div>
            </div>
          
              <div class="location_details">

                <div class="location-info">
                   <div class="row">
                      <div class="col-md-6">
                        <div class="label-name">
                          <img src="{{asset('admin/images/test-series.svg')}}" alt="">
                           <div class="label-content">
                             <p class="title">Exam Covered</p>
                              @php $exam_covered = ''; @endphp
                              @if($coachingExamTypes)
                                  @foreach($coachingExamTypes as $examtypes)
                                    @php $exam_covered .= ((isset($examtypes->examTypeName)) ? $examtypes->examTypeName->exam_type : '').' , '; @endphp
                                  @endforeach
                                @endif
                            <span class="exam-name">{{trim($exam_covered, ' , ')}}</span>
                           </div>                      
                        </div>
                      </div>
                      <div class="col-md-6">
                         <div class="label-name">
                            <img src="{{asset('admin/images/map-location-line.svg')}}" alt="">
                            <div class="label-content">
                             <p class="title">Address</p>
                              <span class="exam-name address_title">{{$coachingDetails->city.', '.$coachingDetails->name}}</span>
                            </div>
                          </div>
                      </div>
                    </div>
                </div>

                <div class="location-form" style="display: none;">
                  <form class="coaching_details_frm">
                    <div class="row">
                       <div class="form-group col-lg-6">
                          <label for="" class="form-label">Exam Covered</label>
                          <select name="exam_type[]" id="examType" class=" js-ExamType form-control" multiple="multiple" disabled="disabled">
                            @if($coachingExamTypes)
                              @foreach($coachingExamTypes as $examtypes)
                                <option value="{{$examtypes->exam_type_id}}" selected>@if(isset($examtypes->examTypeName)){{$examtypes->examTypeName->exam_type}}@endif</option>
                              @endforeach
                            @endif
                          </select>
                        </div>
                        <div class="form-group col-lg-6">
                          <label for="totalMarks" class="form-label" >Country<span class="text-danger">*</span></label>
                          <select name="country" id="" class="form-control form_input1">
                            <option value="105">India</option>
                          </select>
                        </div>
                        <div class="form-group col-lg-6">
                          <label for="totalMarks" class="form-label" >State<span class="text-danger">*</span></label>
                          <select name="state" id="state" class="form-control form_input1">
                            <option value="">Select State</option>
                            @if($states)
                              @foreach($states as $state)
                                  <option value="{{$state->id}}">{{$state->name}}</option>
                              @endforeach
                            @endif
                          </select>
                        </div>
                        <div class="form-group col-lg-6">
                          <label for="totalMarks" class="form-label" >City<span class="text-danger">*</span></label>
                          <select name="city" id="city" class="form-control form_input1">
                            <option value="">Select City</option>
                          </select>
                        </div>
                        <div class="test-footer text-right col-lg-12">
                          <button type="button" class="btn btn-outline-primary btn-pill btn-streach font-book mt-5 fs-14 hide_coaching_details">Cancel</button>
                          <button type="button" class="btn btn-primary btn-streach font-book  ml-3 mt-5 fs-14 save_coaching_details">Save</button>
                        </div>
                    </div>
                  </form>
                </div> 

              </div>              
          
          </div>
          <!-- Coaching Details End -->
          <!-- Related Coaching -->
          <div class="related-coaching">
            <h2>Related Coaching</h2>
            <div class="owl-carousel owl-theme choices">
              @if(isset($relatedCoachings))
                @foreach($relatedCoachings as $related)
                  <div class="item">
                    <div class="preview-container">
                      <div class="preview-header">
                        <i class="fa fa-heart-o"></i>
                        @if(isset($related->coachingBanner))
                        ` @if(count($related->coachingBanner)>0)
                            <img src="{{asset('storage/coaching_banner/'.$related->coachingBanner[0]->banner)}}">
                          @endif 
                        @endif 
                      </div>
                      <div class="preview-body">
                        <div class="preview-body-top">
                          <h6>{{$related->coaching_name}}</h6>
                          <div class="preview-avatar">
                            @if($related->logo)
                            <span class="avatar cover-image avatar-lg brround" style="background-image: url('{{asset('storage/coaching_logo/'.$related->logo)}}')"></span>
                            @else
                            <span class="avatar cover-image avatar-lg brround" style="background-image: url('{{asset('admin/images/institute.jpg')}}')"></span>
                            @endif
                            <p class="star"><i class="fa fa-star"></i>
                            <strong>{{number_format($related->rating, 1)}}</strong>
                            <span>({{$related->total_rating_count}} Ratings)</span>
                          </div>
                        </div>
                        <div class="preview-body-content">
                          <p class="label-name">
                            <img src="{{asset('admin/images/map-location-line.svg')}}" alt="">
                            <span>{{$related->city.', '.$related->name}}</span>
                          </p>
                          @php $exam_covered = ''; @endphp
                          @if(isset($related->coachingExamTypes))
                              @foreach($related->coachingExamTypes as $examtypes)
                                @php $exam_covered .= ((isset($examtypes->examTypeName)) ? $examtypes->examTypeName->exam_type : '').' , '; @endphp
                              @endforeach
                            @endif
                            <p class="fs-9 font-bold my-4">{{trim($exam_covered, ' , ')}}</p>
                        </div>
                      </div>
                      <div class="preview-footer">
                        <ul>
                          <li>
                            @php
                              $total_students = 0;
                            @endphp
                            @if(isset($related->coachingEngagement))
                              @if(count($related->coachingEngagement->groupBy('student_id')) > 1000)
                                @php
                                  $total_students = (count($related->coachingEngagement->groupBy('student_id')) / 1000).' K';
                                @endphp
                              @else 
                                @php
                                  $total_students = count($related->coachingEngagement->groupBy('student_id'));
                                @endphp
                              @endif
                            @endif
                            <p>{{$total_students}}+</p>
                            <span>Students</span>
                          </li>
                          <li>
                            @if($related->total_followers > 1000)
                              @php
                                $total_followers = ($related->total_followers / 1000).' K';
                              @endphp
                            @else 
                              @php
                                $total_followers = $related->total_followers;
                              @endphp
                            @endif
                            <p>{{$total_followers}}+</p>
                            <span>Followers</span>
                          </li>
                          <li>
                            <button class="btn btn-outline-primary btn-pill font-book fs-16 disable-btn">View</button>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                @endforeach
              @else
                No related coaching found...
              @endif
            </div>
          </div>
          <!-- Related Coaching End-->
        </div>
      </div>
    </div>
@endif

<script type="text/javascript">
  var owlChoice = $('.choices');
    owlChoice.owlCarousel({
        margin: 10,
        nav: true,
        margin: 20,
        dots: false,
        navText: [
          "<i class='fa fa-angle-left'></i>",
          "<i class='fa fa-angle-right'></i>"
        ],
        responsive: {
          0: {
            items: 1
          },
          600: {
            items: 2
          },
          900: {
            items: 2
          },
          1300: {
            items: 3
          },
          1600: {
            items: 4
          }
        }
    });
  var owlrelated = $('.related');
    owlrelated.owlCarousel({
       margin: 10,
        nav: true,
        margin: 20,
        dots: false,
        navText: [
          "<i class='fa fa-angle-left'></i>",
          "<i class='fa fa-angle-right'></i>"
        ],
        responsive: {
          0: {
            items: 1
          },
          600: {
            items: 2
          },
          900: {
            items: 2
          },
          1300: {
            items: 3
          },
          1600: {
            items: 4
          }
        }
    });
  $(function(){
    $(".dragItemContainer").sortable({ containment: "parent" });
    $(".dragItemContainer").disableSelection();
    $('.sectionAdd').attr('data-total-section', '{{count($sections)}}');
    $('.dragItemContainer').sortable({
        axis: 'x',
        stop: function (event, ui) {
            var order_data = $(this).sortable('serialize');
            console.log('serialize-------',order_data);
            $.ajax({
                url: update_product_order,
                type: "POST",
                data: order_data,
                headers: {
                    'X-CSRF-TOKEN': csrf_token,
                    '_token' : csrf_token
                },    
                dataType: 'JSON',
                success:function (data) {
                    console.log(data);
                    if (data.status == 200){
                        //
                    } else {
                        alertify.error(data.message);
                    }
                }, error:function (data) {  
                    //           
                }
            })
        }
    })
    $('.dragItemFacultyContainer').sortable({
        axis: 'x',
        stop: function (event, ui) {
            var order_data = $(this).sortable('serialize');
            console.log('serialize-------',order_data);
            $.ajax({
                url: update_faculty_order,
                type: "POST",
                data: order_data,
                headers: {
                    'X-CSRF-TOKEN': csrf_token,
                    '_token' : csrf_token
                },    
                dataType: 'JSON',
                success:function (data) {
                    console.log(data);
                    if (data.status == 200){
                        //
                    } else {
                        alertify.error(data.message);
                    }
                }, error:function (data) {  
                    //           
                }
            })
        }
    })
  })
</script>
<style type="text/css">
.timeline-item {
            background: #fff;
            border: 1px solid;
            border-color: #e5e6e9 #dfe0e4 #d0d1d5;
            border-radius: 3px;
            padding: 12px;

            margin: 0 auto;
            max-width: 472px;
            min-height: 200px;
        }

        @keyframes placeHolderShimmer {
            0% {
                background-position: -468px 0
            }
            100% {
                background-position: 468px 0
            }
        }

        .animated-background {
            animation-duration: 1s;
            animation-fill-mode: forwards;
            animation-iteration-count: infinite;
            animation-name: placeHolderShimmer;
            animation-timing-function: linear;
            background: #f6f7f8;
            background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
            background-size: 800px 104px;
            height: 96px;
            position: relative;
        }
</style>