@if($files->count() > 0)
    @foreach($files as $file)
    @if($file->type != 'media')
    <div class="col-sm-6 col-md-4 col-xl-3 d-inline-block align-items-center">
        <!-- Example File -->
        <div class="options-container fx-overlay-zoom-out w-100">
            <!-- Example File Block -->
            <div class="options-item block block-rounded bg-body mb-0">
                <div class="block-content text-center">
                    <p class="mb-2 overflow-hidden">
                        <i class="fa fa-fw fa-4x fa-file-alt text-black"></i>
                    </p>
                    <p class="font-w600 mb-0">
                        {{$file->name}}
                    </p>
                    @if($file->size)
                        <p class="font-size-sm text-muted">
                            {{$file->size}}KB
                        </p>
                    @endif
                    <div class="block-content block-content-full d-flex align-items-center py-0 mb-2">
                        <img class="img-avatar img-avatar48" src="{{asset($file->user->image)}}" alt="{{$file->user->name}}">
                        <div class="ml-3 text-right">
                            <p class="font-w600 font-size-sm mb-0">{{$file->user->name}}</p>
                        </div>
                    </div>
                    <div class="d-flex justify-content-between mb-2">
                        <div class="d-flex">
                            <div class="mr-2"> <i class="far fa fa-eye" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','view'],['subject_data_id',$file->id]])->count()}}</span></div>
                            <div><i class="far fa fa-download" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','download'],['subject_data_id',$file->id]])->count()}}</span></div>
                        </div>
                        <div class="d-flex">
                            <div class="mr-2"> <i class="far fa fa-thumbs-up" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','like'],['subject_data_id',$file->id]])->count()}}</span></div>
                            <div><i class="far fa fa-thumbs-down" style="font-size: 13px;"></i> <span class="text-muted" style="font-size: 13px;">{{\App\SubjectDataReaction::where([['type','dislike'],['subject_data_id',$file->id]])->count()}}</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END Example File Block -->
            <!-- Example File Hover Options -->
            <div class="options-overlay rounded-lg bg-white-50">
                <div class="options-overlay-content">
                    <div class="mb-3">
                        <a class="btn btn-hero-light" href="{{route('website.subject_data.show',$file->id)}}">
                            <i class="fa fa-eye text-primary mr-1"></i> View
                        </a>
                    </div>
                    <div class="d-flex justify-content-center">
                        <a download href="{{$file->link}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">
                            {{--                                                <a download href="{{route('website.subject_data.download',$file->id)}}" type="button" class="btn btn-hero-primary px-3 py-2 mr-1 mb-3">--}}
                            <i class="fa fa-fw fa-download"></i>
                        </a>
                        <button type="button" class="btn btn-hero-danger px-3 py-2 mr-1 mb-3">
                            <i class="fa fa-fw fa-trash-alt"></i>
                        </button>
                    </div>
                    <div class="d-flex justify-content-center">
                        <a href="{{route('website.subject_data.like',$file->id)}}" class="btn btn-hero-primary mr-1 mb-3 px-3 py-2">
                            <i class="fa fa-fw fa-thumbs-up mr-1"></i> <span class="font-size-sm">Like</span>
                        </a>
                        <a href="{{route('website.subject_data.dislike',$file->id)}}" class="btn btn-hero-danger mr-1 mb-3 px-3 py-2">
                            <i class="fa fa-fw fa-thumbs-down mr-1"></i> <span class="font-size-sm">Dislike</span>
                        </a>
                    </div>
                </div>
            </div>
            <!-- END Example File Hover Options -->
        </div>
        <!-- END Example File -->
    </div>
    @else

        <div class="col-md-4 animated fadeIn" role="button">
            <iframe width="560" height="315" src="{{$file->link}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>

        @endif
@endforeach
@else
    <div class="alert alert-danger">
        <p>عذرا لايوجد بيانات</p>
    </div>

@endif