@if(!empty($files) && is_iterable($files))
    @php(
        $deleteDocuments = !!($deleteDocuments ?? false)
    )
    
    @foreach($files as $key => $file)
        <div class="document-file-wrapper">
            @if(isset($file->file_read_status) && $file->file_read_status !== 1)
                <span class="unreadPrompt"></span>
            @endif
                
            @if($deleteDocuments)
                <div class="delete-button" onclick="deleteUserDocument('{{$file->id}}')"></div>
            @endif
        
            @php(
                $fileName = (substr_compare($file->name, '.' . $file->format, -strlen('.' . $file->format)) === 0)
                    ? $file->name
                    : $file->name . '.' . $file->format
            )
            @if($file->format == 'zip' || $file->format == 'rar')
            <div class="document-file"> 
                @if(!empty($file->thumbnailImage))
                    <img src="{{asset('img/package.png')}}" class="file-image software-icon" alt="">
                @endif
            </div>
            @else
            <div class="document-file" onclick="preview('{{$file->id}}', this, '{{(isset($file->file_read_status) && $file->file_read_status !== 1) ? $file->file_read_status : ''}}','{{$key}}')"> 
                @if(!empty($file->thumbnailImage))
                    <img src="{{$file->thumbnailImage}}" class="file-image {{($file->thumbnailType === 'icon') ? 'software-icon' : ''}}" alt="">
                @endif
            </div>
            @endif
                
            <div class="file-summary">
                <div class="file-name file-name-start">
                    {{$fileName}}
                </div>
    
                <div class="download-button" onclick="download('{{$file->filePath}}?t={{$file->created_at}}', '{{$fileName}}');"></div>
            </div>

            @if(isset($file->ocr_flag) && $file->ocr_flag && isset($allowEdit) && $allowEdit)
                <div class="document-orc">
                    <img src="{{asset('img/OCR_icon.png')}}" alt="">
                </div>
            @endif
        </div>
    @endforeach
@endif