@if(count($questions) == 0)
<div class="card borderless-card hme-card-hover m-b-8">
<div class="card-block ">
    <div class="row">
        <div class="col-xl-12 col-md-12 col-sm-12 text-center">
          @if(!empty($reset))
             <span align="text-center">Sorry! We cannot find any records matching your search criteria</span>
          @else
             <span align="text-center">No Records Found</span>
          @endif
        </div>
    </div>
</div>
</div>
@else
@foreach($questions as $value)
    @php 
      if(strlen($value->question) > 500){
        $question = substr(strip_tags($value->question,'<img>'),0,500);
        $more = substr(strip_tags($value->question,'<img>'),0,6000); 
      }else{
        $question ="";
        $more ="";
      }                                                                          
    @endphp
    @if($value->difficult_level_id==1)
      <div class="pro-color-tab-list pro-color-tab-left-border1 d-flex justify-content-start">
    @elseif($value->difficult_level_id==2)
      <div class="pro-color-tab-list pro-color-tab-left-border2 d-flex justify-content-start">
    @else
      <div class="pro-color-tab-list pro-color-tab-left-border3 d-flex justify-content-start">
    @endif
            <span class="tab-left-icon">Q.</span>
              <div class="tab-right-content  align-items-center  d-flex justify-content-between w-95">
                    @if($question)
                      <div class="comment more w-w-b m-0 comment-content">
                        <span class="moreellipses1">{!! $question !!}</span><span class="moreellipses">...</span><span class="morecontent"><span>{!! $more !!} </span><a href="" class="morelink"> more</a></span>
                      </div>
                    @else
                    <div class="comment more m-0 w-full " style="overflow:auto;">
                      {!! $value->question !!}
                    </div>
                    @endif
                
                  <div class="tab-button-contaner w-220 d-flex justify-content-end  ml-auto align-items-center  m-t-5">
                    @if($value->question_type == 1)
                    <span class="badge badge-primary">
                    @elseif($value->question_type == 2)
                    <span class="badge badge-danger">
                    @elseif($value->question_type == 3)
                    <span class="badge badge-warning">
                    @elseif($value->question_type == 4 )
                    <span class="badge badge-success">
                    @elseif($value->question_type ==5)
                    <span class="badge badge-info">
                    @elseif($value->question_type ==6)
                    <span class="badge  badge-info">
                    @elseif($value->question_type ==7)
                    <span class="badge badge-warning">
                    @elseif($value->question_type == 11)
                    <span class="badge badge-danger">
                    @else
                    <span class="badge badge-dark">
                    @endif
                    {!! isset($value->question_type_name->name) ? $value->question_type_name->name : '' !!}
                    </span>
                   
                                        
                    <a href="javascript:void(0)" class="md-trigger btn btn-inverse btn-icon-hmepro" data-id="{{$value->id}}" data-backdrop="static" data-keyboard="false" id="js-pro-question-view" data-toggle="tooltip" data-placement="top" data-qus-type="{{$value->question_type}}" title="" data-original-title="Preview"><i class='fa fa-eye m-r-0'></i></a>
                     @if(!in_array($value->pool_id,explode(',',getenv('RESTRICT_POOL_TO_EDIT'))))
                     @if($value->question_type==1 || $value->question_type==3 || $value->question_type==4 || $value->question_type==5 || $value->question_type==6 || $value->question_type==7 || $value->question_type==11)
                        <a href="{{secure_url('pro/create-question/'.$value->id)}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Edit" class="btn btn-inverse btn-icon-hmepro js-pro-psy-disabled-tooltip"><i class="hmepro-icon-myot f-20 m-r-0"></i>
                        </a>

  
                        @if($value->is_media_type == 1)
      			                 @if(!empty($value->getAudioVideoUrl))
                                  @if($value->getAudioVideoUrl->media_type == 'audio')
                                   <a href="javascript:void(0)" class="md-trigger btn btn-inverse btn-icon-hmepro js-pro-preview" data-id="{!! $value->getAudioVideoUrl->s3_id !!}" data-mediatype="{{ $value->getAudioVideoUrl->media_type}}" data-backdrop="static" data-keyboard="false" id="js-pro-audio-video-view" data-toggle="tooltip" data-placement="top" title="" data-original-title="Audio Preview"><i class='fa fa-music m-r-0 f-16'></i></a>
                                  </a>
                                  @elseif($value->getAudioVideoUrl->media_type == 'video')
                                    <a href="javascript:void(0)" class="md-trigger btn btn-inverse btn-icon-hmepro js-pro-preview" data-id="{!! $value->getAudioVideoUrl->s3_id !!}" data-mediatype="{{ $value->getAudioVideoUrl->media_type}}" data-backdrop="static" data-keyboard="false" id="js-pro-audio-video-view" data-toggle="tooltip" data-placement="top" title="" data-original-title="Video Preview"><i class='icofont icofont-video-alt  m-r-0 f-18'></i></a>
                                     @elseif($value->getAudioVideoUrl->media_type == 'pdf')
                                    <a href="javascript:void(0)" class="md-trigger btn btn-inverse btn-icon-hmepro js-pro-otherfiletype-preview" data-id="{!! $value->getAudioVideoUrl->s3_id !!}" data-mediatype="{{ $value->getAudioVideoUrl->media_type}}" data-backdrop="static" data-keyboard="false" data-toggle="tooltip" data-placement="top" title="" data-original-title="Pdf Preview"><i class='fa fa-file-pdf-o  m-r-0 f-18'></i></a>
                                    @elseif($value->getAudioVideoUrl->media_type == 'zip')
                                    <a href="javascript:void(0)" class="md-trigger btn btn-inverse btn-icon-hmepro js-pro-otherfiletype-preview" data-id="{!! $value->getAudioVideoUrl->s3_id !!}" data-mediatype="{{ $value->getAudioVideoUrl->media_type}}" data-backdrop="static" data-keyboard="false" data-toggle="tooltip" data-placement="top" title="" data-original-title="Zip Preview"><i class='fa fa-file-zip-o  m-r-0 f-18'></i></a>
                                   @endif 
                                @endif
                          @endif
                        @else
                          <a href="javascript:;" data-toggle="tooltip" data-placement="left" title="" data-original-title="You can't edit this question" class="c-p-n-a btn btn-inverse btn-icon-hmepro js-pro-psy-disabled-tooltip"><i class='hmepro-icon-myot f-20 m-r-0'></i></i>
                        </a>
                        @endif
                      @endif

                  </div>
            </div>
    </div>  
@endforeach
@endif