@foreach ($files as $file)
<div class="col-6 col-md-4 col-lg-4 col-xl-3">
<div class="card mb-4">
    <div class="card-body">
    <div class="contact-content">
        <div class="text-center" style="height: 250px; ">
            <a target="_blank" href="{{ route('storage_file', [$file->id, 'dc_file', 'stream']) }}" class="">
        @if($file->hasThumb())
            <img data-src="{{ route('storage_file', [$file->id, 'dc_thumb', 'image']) }}" class="lozad img-fluid" style="max-height: 250px">
        @else
            @if($file->ext == 'jpg' || $file->ext == 'jpeg' || $file->ext == 'png')
                <img data-src="{{ route('storage_file', [$file->id, 'dc_file', 'image']) }}" class="lozad img-fluid" style="max-height: 250px">        
            @else
            <button type="button" class="btn icon-btn btn-xl btn-outline-info" style="margin-top: 100px">
                {{ $file->ext }}
            </button>
            @endif
        @endif
        </a>
        </div>
    
        <div class="file-content-about mt-5">
        <h6 class="file-content-name mb-1">
            <a class="text-dark" target="_blank" href="{{ route('storage_file', [$file->id, 'dc_file', 'stream']) }}" data-toggle="tooltip" data-placement="top" title="{{ $file->original_name }}">
                {{ $file->original_name }}
            </a>
        </h6>
        <div class="file-content-details">
            <span><i class="ion ion-ios-document"></i></span> {{ $file->ext }} &nbsp; &nbsp; <span><i class="ion ion-ios-download"></i></span>  {{ Util::formatBytes($file->size) }}<br>
            <span><i class="ion ion-ios-time"></i></span> {{ $file->created_at->format('d.m.Y H:i') }}<br>
        </div>                      
        <hr class="border-light">     
            <div class="text-center">
                <a target="_self" href="{{ route('storage_file', [$file->id, 'dc_file', 'download']) }}" class="btn btn-primary btn-sm"><span class="ion ion-md-download"></span></a> &nbsp;&nbsp;
                <a target="_blank" href="{{ route('storage_file', [$file->id, 'dc_file', 'stream']) }}" class="btn btn-secondary btn-sm"><span class="ion ion-md-eye"></span></a> &nbsp;&nbsp;
          </div>
        </div>
    </div>

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