@if(isset($arr_image_files)) 
    <div class="row mb-2">
      @foreach($arr_image_files as $key => $image)  
      <div class="col-12 col-md-2 col-lg-2 align-text-bottom files file_type_{{ $image['file_type'] }} file_id_{{ $image['image_id'] }}"> 
          <i class="fa fa-times-circle position-absolute text-danger delete_file" style="cursor: pointer;" onclick="delete_file({{$image['image_id']}});"></i>
          <a data-fancybox="gallery" href="{{ route('frontend-show-files-image-show',$image['image_id']) }}" class="align-text-bottom">
              <img  class="w-100 d-block" src="{{ route('frontend-show-files-image-show',$image['image_id']) }}"> 
              <span class="text-center align-text-bottom d-block">{{ $image['image_name'] }}</span >
          </a>
      </div> 
      @endforeach 
    </div>  
    full_files_loaded_string_{{ $full_files_loaded }}
    last_file_id_string_{{ $image['image_id'] }}_last_file_id_string
@endif
@if(isset($arr_cam_recorded_files)) 
    <div class="row mb-2">
      @foreach($arr_cam_recorded_files as $key => $image)  
      <div class="col-12 col-md-2 col-lg-4 align-text-bottom files file_type_{{ $image['file_type'] }} file_id_{{ $image['file_id'] }}"> 
          <i class="fa fa-times-circle position-absolute text-danger delete_file" style="cursor: pointer;" onclick="delete_file({{$image['file_id']}});"></i>
          
          <video controls src="{{ url($image['file_path']) }}" ></video>


      </div> 
      @endforeach 
    </div>  
@endif
@if(isset($arr_audio_files)) 
    <div class="row mb-2">
      @foreach($arr_audio_files as $key => $audio)  
      <div class="col-12 col-md-2 col-lg-4 align-text-bottom files file_type_{{ $audio['file_type'] }} file_id_{{ $audio['file_id'] }}"> 
          <i class="fa fa-times-circle position-absolute text-danger delete_file" style="cursor: pointer;" onclick="delete_file({{$audio['file_id']}});"></i>
          <audio class="audio" src="{{ url($audio['file_path']) }}" controls></audio>
      </div> 
      @endforeach 
    </div>  
@endif
@if(isset($arr_other_files))
    @foreach($arr_other_files as $key => $file)
        @if($i==1)
      <div class="row">
    @endif
     	<div class="col-12 col-md-4 col-lg-4 files file_id_{{ $file['file_id'] }} file_type_{{ $file['file_type'] }}"> 
        <i class="fa fa-times-circle position-absolute text-danger delete_file" style="cursor: pointer;" onclick="delete_file({{$file['file_id']}});"></i> 
        @if($file['file_ext'] == 'dcm')    
          <a href="{{ URL(route('frontend-dicom-viewer',[$file['file_id']])) }}"><i class="fa fa-eye position-absolute text-primary ml-4 view_file" style="cursor: pointer;" ></i></a> 
        @elseif($file['file_ext'] == 'mp4')    
          <a href="{{ URL(route('frontend-video-viewer',[$file['file_id']])) }}"><i class="fa fa-eye position-absolute text-primary ml-4 view_file" style="cursor: pointer;" ></i></a>  
        @endif
        @if($file['file_ext'] == 'wav')                                      
        <audio controls> 
              <source src="{{ URL($file['file_path']) }}" type="audio/wav">
            Your browser does not support the audio element.
            </audio> 
            <span class="text-center text-primary d-block">{{ $file['file_name'] }}</span>
        @else
            <a href="{{ route('frontend-download-files',$file['file_id']) }}" >
                <i class="d-block fa fa-file text-center p-3" style="font-size: 40px !important;color: #ccc;"> </i>
                <span class="text-center d-block">{{ $file['file_name'] }}</span>
            </a>
        @endif 
      </div> 
    @if($i==6)
        </div>
            @endif
  @endforeach
  @if($i!=0)
      </div> 
  @endif 
@endif
@if(isset($steth_files))
    @foreach($steth_files as $key => $file)
        @if($i==1)
        <div class="row">
    @endif
      <div class="col-12 col-md-4 col-lg-4 steth_files">
        <!--<audio controls> 
            <source src="{{ URL('steth/' . $file->name) }}" type="audio/wav">
            Your browser does not support the audio element.
        </audio>-->
            <span class="text-center text-primary d-block">{{ substr($file->name,0,35) }}</span>
            <!--
            <span class="text-center text-primary d-block">{{ date("d-m-Y", strtotime($file->created_at)) }}</span> -->
        <center>
        <div class="col-12">
            <button type="button" onclick="listenFile('{{ URL("steth/". $file->name) }}')" class="btn btn-outline-primary">Listen</button>
        </div>
        </center>
      </div>

    @if($i==6)
        </div>
            @endif
  @endforeach
  @if($i!=0)
    </div> 
  @endif
@endif 
@if(isset($arr_audio_files) or isset($arr_other_files))
<script>
  $(document).ready(function () {
    const players = Plyr.setup('.audio');
  });
</script>
@endif