@php
    $viewPermission = user()->permission('view_job_application');
    $deletePermission = user()->permission('delete_job_application');
@endphp

@forelse($files as $file)
    <x-file-card :fileName="$file->filename" :dateAdded="$file->created_at->diffForHumans()">
        @if ($file->icon == 'images')
            <img src="{{ $file->file_url }}">
        @else
            <i class="fa {{ $file->icon }} text-lightest"></i>
        @endif

        <x-slot name="action">
            <div class="dropdown ml-auto file-action">
                <button class="btn btn-lg f-14 p-0 text-lightest text-capitalize rounded  dropdown-toggle"
                        type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="fa fa-ellipsis-h"></i>
                </button>

                <div class="dropdown-menu dropdown-menu-right border-grey rounded b-shadow-4 p-0"
                        aria-labelledby="dropdownMenuLink" tabindex="0">
                    @if ($viewPermission == 'all' || ($viewPermission == 'added' && $file->added_by == user()->id))
                        @if ($file->icon != 'images')
                            <a class="cursor-pointer d-block text-dark-grey f-13 pt-3 px-3 " target="_blank"
                                href="{{ $file->file_url }}">@lang('app.view')</a>
                        @endif
                        <a class="cursor-pointer d-block text-dark-grey f-13 py-3 px-3 "
                            href="{{ route('application-file.download', md5($file->id)) }}">@lang('app.download')</a>
                    @endif
                    @if ($deletePermission == 'all' || ($deletePermission == 'added' && $file->added_by == user()->id))
                        <a class="cursor-pointer d-block text-dark-grey f-13 pb-3 px-3 delete-file"
                            data-row-id="{{ $file->id }}" href="javascript:;">@lang('app.delete')</a>
                    @endif
                </div>
            </div>
        </x-slot>

    </x-file-card>
@empty
    <x-cards.no-record :message="__('messages.noFileUploaded')" icon="file"/>
@endforelse