@php
    $deleteLeadFilePermission = user()->permission('delete_lead_files');
@endphp
<x-table class="table-hover bg-white rounded">
    <x-slot name="thead">
        <th>@lang('modules.projects.fileName')</th>
        <th>@lang('app.date')</th>
        <th class="text-right">@lang('app.action')</th>
    </x-slot>
    @forelse($lead->files as $file)
        <tr>
            <td>{{ $file->filename }}</td>
            <td>{{ $file->created_at->diffForHumans() }}</td>
            <td class="text-right pr-20">
                <div class="task_view">
                    <a class="taskView" href="{{ $file->file_url }}" target="_blank">
                        @lang('app.view')
                    </a>
                    <div class="dropdown">
                        <a href="{{ route('lead-files.download', $file->id) }}"
                            class="task_view_more d-flex align-items-center justify-content-center dropdown-toggle"
                            type="link" id="dropdownMenuLink-3" data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false">
                            <i class="icon-options-vertical icons"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a class="dropdown-item" href="{{ route('lead-files.download', $file->id) }}">
                                <i class="fa fa-download mr-2"></i>
                                @lang('app.download')
                            </a>
                            @if ($deleteLeadFilePermission == 'all' || ($deleteLeadFilePermission == 'added' && $file->added_by == user()->id))
                                <a class="dropdown-item delete-lead-file" href="javascript:;"
                                    data-file-id="{{ $file->id }}">
                                    <i class="fa fa-trash mr-2"></i>
                                    @lang('app.delete')
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    @empty
        <tr>
            <td colspan="3" class="shadow-none">
                <x-cards.no-record icon="file-excel" :message="__('messages.noFileUploaded')" />
            </td>
        </tr>
    @endforelse
</x-table>