@if(count($trendingPackages)>0)
  @foreach($trendingPackages as $series)
      <div class="owl-item">
        <div class="preview-container">
          <div class="preview-header">
            
            <img src="{{asset('storage/test_package_image/'.$series->package_image)}}" alt="">
          </div>
          <div class="preview-body">
            <div class="preview-body-top">
              <h6>{{$series->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($series->rating_count > 2){{number_format(($series->rating),2)}} @else{{'-'}} @endif</p>
                @if($series->rating_count > 2)
                <span class="rating">({{$series->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/institute.svg')}}" alt="">
                <span>{{$coachingDetails->coaching_name}}</span>
              </p>
              @php $exam_type_name = ''; @endphp
              @if(isset($series->examTypeNames))
                @foreach($series->examTypeNames as $exam_types)
                  @php $exam_type_name .= $exam_types->examTypeNames->exam_type.' & '; @endphp
                @endforeach
              @endif
              @php 
                $more_subject = explode(' & ', trim($exam_type_name,' & '));
                if(count($more_subject) > 3){
                    $result_subject = '';
                    foreach ($more_subject as $keyss=>$valuess) {
                        if($keyss>2){
                            $result_subject .= '<p>'.$valuess.'</p>';
                        }
                    }
                    $exam_type_name = '<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_type_name = trim($exam_type_name,' & ');
                }
              @endphp
              <span class="fs-9 font-bold my-4 series-exam-types">{!!$exam_type_name!!}</span>
              <ul class="preview-list">
                <li>No of Tests : {{$series->no_of_test}}</li>
                @php $test_type_name = ''; @endphp
                @if(isset($series->testByTestType))
                  @foreach($series->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($series->testByTestType)>0)<li>{{trim($test_type_name, ' + ')}}</li>@else<li>N/A</li>@endif
                @endif
                @php $test_language = ''; @endphp
                @if(isset($series->PackageLanguage))
                  @foreach($series->PackageLanguage as $lang)
                    @if($lang->language_id == 1)
                      @php $test_language .= 'English | '; @endphp
                    @else
                      @php $test_language .= 'Hindi | '; @endphp
                    @endif
                  @endforeach
                @endif
                <li>{{trim($test_language, ' | ')}}</li>
                <li>Validity: {{($series->validity_type ==0) ? $series->validity.' days' : date('d-m-Y', strtotime($series->expire_date))}}</li>
              </ul>
              @if($series->status == 6)
                @if($series->sale_type < 4)
                  @if($series->discount_price > 0)
                    @php
                      $show_btn = 'Unavailable' ;
                      $show_price = $series->discount_price." <strike>".$series->product_price."</strike>" ;
                    @endphp
                  @else
                    @php
                      $show_btn = 'Unavailable' ;
                      $show_price = $series->product_price;
                    @endphp
                  @endif
                @else
                  @php
                    $show_btn = 'Unavailable' ;
                    $show_price = ($series->product_price > 0 ? " <strike>".$series->product_price."</strike>" : 0); 
                  @endphp
                @endif
              @else
                @if($series->sale_type < 4)
                  @if($series->discount_price > 0)
                    @php
                      $show_btn = ($series->on_sale_status == 1 ? 'Unavailable' : 'Buy Now') ;
                      $show_price = $series->discount_price." <strike>".$series->product_price."</strike>" ;
                    @endphp
                  @else
                    @php
                      $show_btn = ($series->on_sale_status == 1 ? 'Unavailable' : 'Buy Now') ;
                      $show_price = $series->product_price;
                    @endphp
                  @endif
                @else
                  @php
                    $show_btn = ($series->on_sale_status == 1 ? 'Unavailable' : 'Unlock Free') ;
                    $show_price = ($series->product_price > 0 ? " <strike>".$series->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>
      </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

<script type="text/javascript">
  $(function(){
    if($(window).width() < 600){
      @if(count($trendingPackages)>1)
        $('.owl-nav').show();
      @else
        $('.owl-nav').hide();
      @endif
    } else if($(window).width() >= 600 && $(window).width() < 900){
      @if(count($trendingPackages)>2)
        $('.owl-nav').show();
      @else
        $('.owl-nav').hide();
      @endif
    } else if($(window).width() >= 900 && $(window).width() < 1000){
      @if(count($trendingPackages)>4)
        $('.owl-nav').show();
      @else
        $('.owl-nav').hide();
      @endif
    } else {
      @if(count($trendingPackages)>4)
        $('.owl-nav').show();
      @else
        $('.owl-nav').hide();
      @endif
    }
  })
</script>