@if($mainTabWise == 1)
    <!-- Home End -->
    <!-- Practice Sets -->
    <div class="practice-coaching dragSectionContainer home_coaching_unique_practice">
      @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="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 {{$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">
                            
                            <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_count > 2){{number_format(($package->rating),2)}} @else{{'-'}} @endif</p>
                                @if($package->rating_count > 2)
                                <span class="rating">({{$package->rating_count}} Ratings)</span>
                                @else
                                <span class="rating">(Not Rated)</span>
                                @endif
                              </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>
                              @php 
                                $more_subject = explode(' & ', $package->exam_type);
                                if(count($more_subject) > 3){
                                    $result_subject = '';
                                    foreach ($more_subject as $keyss=>$valuess) {
                                        if($keyss>2){
                                            $result_subject .= '<p>'.$valuess.'</p>';
                                        }
                                    }
                                    $package->exam_type = '<a href="javascript:void(0)" class="more_subject" data-title="'.$result_subject.'">'.($more_subject[0].' & '.$more_subject[1].' & '.$more_subject[2]).'<span class="badge badge-primary badge-pill fs-10 ml-5">+'.(count($more_subject)-3).'</span><div id="tooltip"></div></a>';
                                } else {
                                    $package->exam_type = $package->exam_type;
                                }
                              @endphp
                              <span class="fs-9 font-bold my-4 series-exam-types">{!!$package->exam_type!!}</span>
                              <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.' days' : date('d-m-Y', strtotime($package->expire_date))}}</li>
                              </ul>
                              @if($package->status == 6)
                                @if($package->sale_type < 4)
                                  @if($package->discount_price > 0)
                                    @php
                                      $show_btn = 'Unavailable' ;
                                      $show_price = $package->discount_price." <strike>".$package->product_price."</strike>" ;
                                    @endphp
                                  @else
                                    @php
                                      $show_btn = 'Unavailable' ;
                                      $show_price = $package->product_price;
                                    @endphp
                                  @endif
                                @else
                                  @php
                                    $show_btn = 'Unavailable' ;
                                    $show_price = ($package->product_price > 0 ? " <strike>".$package->product_price."</strike>" : 0); 
                                  @endphp
                                @endif
                              @else
                                @if($package->sale_type < 4)
                                  @if($package->discount_price > 0)
                                    @php
                                      $show_btn = ($package->on_sale_status == 1 ? 'Unavailable' : 'Buy Now') ;
                                      $show_price = $package->discount_price." <strike>".$package->product_price."</strike>" ;
                                    @endphp
                                  @else
                                    @php
                                      $show_btn = ($package->on_sale_status == 1 ? 'Unavailable' : 'Buy Now') ;
                                      $show_price = $package->product_price;
                                    @endphp
                                  @endif
                                @else
                                  @php
                                    $show_btn = ($package->on_sale_status == 1 ? 'Unavailable' : 'Unlock Free')  ;
                                    $show_price = ($package->product_price > 0 ? " <strike>".$package->product_price."</strike>" : 0); 
                                  @endphp
                                @endif
                              @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>
                            
                            <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_count > 2){{number_format(($package->rating),2)}} @else{{'-'}} @endif</p>
                                @if($package->rating_count > 2)
                                <span class="rating">({{$package->rating_count}} Ratings)</span>
                                @else
                                <span class="rating">(Not Rated)</span>
                                @endif
                              </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>
                              @php 
                                $more_subject = explode(' & ', $package->exam_type);
                                if(count($more_subject) > 3){
                                    $result_subject = '';
                                    foreach ($more_subject as $keyss=>$valuess) {
                                        if($keyss>2){
                                            $result_subject .= '<p>'.$valuess.'</p>';
                                        }
                                    }
                                    $package->exam_type = '<a href="javascript:void(0)" class="more_subject" data-title="'.$result_subject.'">'.($more_subject[0].' & '.$more_subject[1].' & '.$more_subject[2]).'<span class="badge badge-primary badge-pill fs-10 ml-5">+'.(count($more_subject)-3).'</span><div id="tooltip"></div></a>';
                                } else {
                                    $package->exam_type = $package->exam_type;
                                }
                              @endphp
                              <span class="fs-9 font-bold my-4 series-exam-types">{!!$package->exam_type!!}</span>
                              @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>Total Marks : @if(isset($package->totalMarks[0])) @if(isset($package->totalMarks[0]->marks)) @if($package->totalMarks[0]->marks>0) {{(int)$package->totalMarks[0]->marks}} @else{{0}} @endif  @else{{0}} @endif @else{{0}} @endif</li>
                                  <li>Time : {{$package->duration}} Minutes</li>
                                  <li>{{(($package->language_id == 1) ? 'English' : 'Hindi')}}</li>
                                </ul>
                              @endif
                              @if($package->is_published == 1)
                              <button class="btn btn-preview-outline disable-btn">{{(($package->product_type == 2) ? 'Start Practice' : 'Start Quiz')}}</button>
                              @else
                              <button class="btn btn-preview-outline disable-btn">Unavailable</button>
                              @endif
                            </div>
                            </div>
                        </div>
                      @endif
                    </div>
                @endforeach
              @else
                <div class="no-data-found-card">
                 <img src="{{asset('admin/images/no-data.png')}}" alt="">
                 <h3>No Record Found</h3>
               </div>
              @endif
            </div>
            @if($section->total_packages >4)
            <div class="view-more"><a href="javascript:void(0)" class="section_view_more" data-section-id="{{$section->id}}" data-offset="4" data-total="{{$section->total_packages}}">View More <i class="fa fa-angle-down"></i></a></div>
            @endif
          </div>
        @endforeach
      @endif
    </div>
@elseif($mainTabWise > 1 &&  $mainTabWise < 5)
    <!-- Home End -->
    <!-- Practice Sets -->
    <div class="practice-coaching dragSectionContainer home_coaching_unique_practice">
      <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}}">
                @if($section->exam_type)
                <span class="action">
                  <a href="javascript:void(0)" class="update_exam_type_section"  data-id="{{base64_encode($section->id)}}" data-exam-type-id="{{($section->exam_type_id)}}" data-section-type="{{($section->section_type)}}"><i class="fa fa-pencil"></i></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>
                @endif
                <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>
          <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip" data-placement="right" title="You can manage all packages" alt="info" style="width: 12px; margin-right: 5px;" />
          <span class="filter_for_sort">
            <p>Sort By </p>
            <select name="" id="filter_exam" class="form-control input-sm" disabled="disabled">
              <option value="">Relevance</option>
            </select>
          </span>
        </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="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 {{$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" style="background-image: url('{{asset('storage/test_package_image/'.$package->package_image)}}')">
                            
                          </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_count > 2){{number_format(($package->rating),2)}} @else{{'-'}} @endif</p>
                                @if($package->rating_count > 2)
                                <span class="rating">({{$package->rating_count}} Ratings)</span>
                                @else
                                <span class="rating">(Not Rated)</span>
                                @endif
                              </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>
                              @php 
                                $more_subject = explode(' & ', $package->exam_type);
                                if(count($more_subject) > 3){
                                    $result_subject = '';
                                    foreach ($more_subject as $keyss=>$valuess) {
                                        if($keyss>2){
                                            $result_subject .= '<p>'.$valuess.'</p>';
                                        }
                                    }
                                    $package->exam_type = '<a href="javascript:void(0)" class="more_subject" data-title="'.$result_subject.'">'.($more_subject[0].' & '.$more_subject[1].' & '.$more_subject[2]).'<span class="badge badge-primary badge-pill fs-10 ml-5">+'.(count($more_subject)-3).'</span><div id="tooltip"></div></a>';
                                } else {
                                    $package->exam_type = $package->exam_type;
                                }
                              @endphp
                              <span class="fs-9 font-bold my-4 series-exam-types">{!!$package->exam_type!!}</span>
                              <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.' days' : date('d-m-Y', strtotime($package->expire_date))}}</li>
                              </ul>
                              @if($package->status == 6)
                                @if($package->sale_type < 4)
                                  @if($package->discount_price > 0)
                                    @php
                                      $show_btn = 'Unavailable' ;
                                      $show_price = $package->discount_price." <strike>".$package->product_price."</strike>" ;
                                    @endphp
                                  @else
                                    @php
                                      $show_btn = 'Unavailable' ;
                                      $show_price = $package->product_price;
                                    @endphp
                                  @endif
                                @else
                                  @php
                                    $show_btn = 'Unavailable' ;
                                    $show_price = ($package->product_price > 0 ? " <strike>".$package->product_price."</strike>" : 0); 
                                  @endphp
                                @endif
                              @else
                                @if($package->sale_type < 4)
                                  @if($package->discount_price > 0)
                                    @php
                                      $show_btn = ($package->on_sale_status == 1 ? 'Unavailable' : 'Buy Now') ;
                                      $show_price = $package->discount_price." <strike>".$package->product_price."</strike>" ;
                                    @endphp
                                  @else
                                    @php
                                      $show_btn = ($package->on_sale_status == 1 ? 'Unavailable' : 'Buy Now') ;
                                      $show_price = $package->product_price;
                                    @endphp
                                  @endif
                                @else
                                  @php
                                    $show_btn = ($package->on_sale_status == 1 ? 'Unavailable' : 'Unlock Free')  ;
                                    $show_price = ($package->product_price > 0 ? " <strike>".$package->product_price."</strike>" : 0); 
                                  @endphp
                                @endif
                              @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>
                            
                            <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_count > 2){{number_format(($package->rating),2)}} @else{{'-'}} @endif</p>
                                @if($package->rating_count > 2)
                                <span class="rating">({{$package->rating_count}} Ratings)</span>
                                @else
                                <span class="rating">(Not Rated)</span>
                                @endif
                              </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>
                              @php 
                                $more_subject = explode(' & ', $package->exam_type);
                                if(count($more_subject) > 3){
                                    $result_subject = '';
                                    foreach ($more_subject as $keyss=>$valuess) {
                                        if($keyss>2){
                                            $result_subject .= '<p>'.$valuess.'</p>';
                                        }
                                    }
                                    $package->exam_type = '<a href="javascript:void(0)" class="more_subject" data-title="'.$result_subject.'">'.($more_subject[0].' & '.$more_subject[1].' & '.$more_subject[2]).'<span class="badge badge-primary badge-pill fs-10 ml-5">+'.(count($more_subject)-3).'</span><div id="tooltip"></div></a>';
                                } else {
                                    $package->exam_type = $package->exam_type;
                                }
                              @endphp
                              <span class="fs-9 font-bold my-4 series-exam-types">{!!$package->exam_type!!}</span>
                              @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>Total Marks : @if(isset($package->totalMarks[0])) @if(isset($package->totalMarks[0]->marks)) @if($package->totalMarks[0]->marks>0) {{(int)$package->totalMarks[0]->marks}} @else{{0}} @endif  @else{{0}} @endif @else{{0}} @endif</li>
                                  <li>Time : {{$package->duration}} Minutes</li>
                                  <li>{{(($package->language_id == 1) ? 'English' : 'Hindi')}}</li>
                                </ul>
                              @endif
                              @if($package->is_published == 1)
                              <button class="btn btn-preview-outline disable-btn">{{(($package->product_type == 2) ? 'Start Practice' : 'Start Quiz')}}</button>
                              @else
                              <button class="btn btn-preview-outline disable-btn">Unavailable</button>
                              @endif
                            </div>
                            </div>
                        </div>
                      @endif
                    </div>
                @endforeach
              @else
                <div class="no-data-found-card">
                 <img src="{{asset('admin/images/no-data.png')}}" alt="">
                 <h3>No Record Found</h3>
               </div>
              @endif
            </div>
            @if($section->total_packages >4)
            <div class="view-more"><a href="javascript:void(0)" class="section_view_more" data-section-id="{{$section->id}}" data-offset="4" data-total="{{$section->total_packages}}">View More <i class="fa fa-angle-down"></i></a></div>
            @endif
          </div>
          @break
        @endforeach
      @else
          <div class="no-data-found-card">
           <img src="{{asset('admin/images/no-data.png')}}" alt="">
           <h3>No Record Found</h3>
         </div>
      @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">
                        @if($faculty->picture)
                        <span class="avatar cover-image avatar-xxl brround" style="background-image: url({{asset('storage/faculty_pic/'.$faculty->picture)}});"></span>
                        @else
                        <span class="avatar cover-image avatar-xxl brround" style="background-image: url({{asset('admin/images/profile-avatar.jpg')}});"></span>
                        @endif
                      </div>
                      <div class="faculty-content">
                        <h4>{{$faculty->faculty_name}}</h4>
                        <p class="desg">Experience: {{$faculty->experience}} Years</p>
                        @php $faculty_subject = ''; @endphp
                        @php 
                          $more_subject = explode(' & ', trim($faculty->subject,' & '));
                          if(count($more_subject) > 3){
                              $result_subject = '';
                              foreach ($more_subject as $keyss=>$valuess) {
                                  if($keyss>2){
                                      $result_subject .= '<p>'.$valuess.'</p>';
                                  }
                              }
                              $faculty_subject = '<a href="javascript:void(0)" class="more_subject" data-title="'.$result_subject.'">'.($more_subject[0].' , '.$more_subject[1].' , '.$more_subject[2]).'<span class="badge badge-primary badge-pill fs-10 ml-5">+'.(count($more_subject)-3).'</span><div id="tooltip"></div></a>';
                          } else {
                              $faculty_subject = trim($faculty_subject,' & ');
                          }
                        @endphp
                        <p class="prof">{!!$faculty_subject!!}</p>
                      </div>
                    </div>
                  </div>
                @endforeach
              @else
                <div class="no-data-found-card">
                 <img src="{{asset('admin/images/no-data.png')}}" alt="">
                 <h3>No Record Found</h3>
               </div>
              @endif
            </div>
          </div>
            @if($totalFaculties > 6)
            <div class="view-more"><a href="javascript:void(0)" class="faculty_view_more" data-offset="6" 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="card-body">
              <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}}" @if($state->id == $coachingDetails->state_id){{'selected'}}@endif>{{$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>
                            @if($cities)
                              @foreach($cities as $city)
                                  <option value="{{$city->id}}" @if($city->id == $coachingDetails->city_id){{'selected'}}@endif>{{$city->city}}</option>
                              @endforeach
                            @endif
                          </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>
          </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">
                        
                        @if(isset($related->coachingBanner))
                        ` @if(count($related->coachingBanner)>0)
                            <img src="{{asset('storage/coaching_banner/'.$related->coachingBanner[0]->banner)}}">
                          @endif 
                        @else
                          <img src="{{asset('admin/images/banner-img.jpg')}}">
                        @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>@if($related->total_rating_count>2){{number_format($related->rating, 2)}}@else{{'-'}}@endif</strong>
                            @if($related->total_rating_count>2)
                            <span>({{$related->total_rating_count}} Ratings)</span>
                            @else
                                <span class="rating">(Not Rated)</span>
                            @endif
                          </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
                            @php 
                            $more_subject = explode(' , ', trim($exam_covered,' , '));
                            if(count($more_subject) > 3){
                                $result_subject = '';
                                foreach ($more_subject as $keyss=>$valuess) {
                                    if($keyss>2){
                                        $result_subject .= '<p>'.$valuess.'</p>';
                                    }
                                }
                                $exam_covered = '<a href="javascript:void(0)" class="more_subject" data-title="'.$result_subject.'">'.($more_subject[0].' , '.$more_subject[1].' , '.$more_subject[2]).'<span class="badge badge-primary badge-pill fs-10 ml-5">+'.(count($more_subject)-3).'</span><div id="tooltip"></div></a>';
                            } else {
                                $exam_covered = trim($exam_covered,' , ');
                            }
                          @endphp
                          <span class="fs-9 font-bold my-4 series-exam-types">{!!$exam_covered!!}</span>
                        </div>
                      </div>
                      <div class="preview-footer">
                        <ul>
                          <li>
                            @php
                              $total_students = 0;
                            @endphp
                            @if(isset($related->total_students))
                              @if($related->total_students > 1000)
                                @php
                                  $total_students = ($related->total_students / 1000).' K';
                                @endphp
                              @else 
                                @php
                                  $total_students = $related->total_students;
                                @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
                <div class="no-data-found-card">
                 <img src="{{asset('admin/images/no-data.png')}}" alt="">
                 <h3>No Record Found</h3>
               </div>
              @endif
            </div>
          </div> -->
          <!-- Related Coaching End-->
        </div>
      </div>
    </div>
@endif
<script src="{{asset('admin/plugins/bootstrap-4.1.3/js/bootstrap.min.js')}}"></script>
<script src="{{asset('admin/plugins/select2/select2.full.min.js')}}"></script>
<script type="text/javascript">
  $('[data-toggle="tooltip"]').tooltip();
  $('.js-ExamType').select2({
      closeOnSelect: false,
      placeholder: 'Select',
      allowHtml: true,
      allowClear: true,
      tags: true
  });
  $('.js-ExamType').select2({
      createTag: function () {
        return null;
      }
  });
  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: 4
          },
          1300: {
            items: 4
          },
          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: 3
          },
          1300: {
            items: 4
          },
          1600: {
            items: 4
          }
        }
    });
  $(function(){
    $(".dragItemContainer").sortable({ containment: "parent", placeholder: "testclass" }).disableSelection();
   
    $('.sectionAdd').attr('data-total-section', '{{count($sections)}}');
    $('.dragItemContainer').sortable({
        //axis: 'x',
        placeholder: "testclass",        
        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',
        placeholder: "testclass",
        start: function (event, ui) {
             ui.item.toggleClass("testclass");
        },
        stop: function (event, ui) {
            ui.item.toggleClass("testclass");
            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>