@extends('dashboard.layouts.main')

@section('content')
<div class="container mt-5">
    <div class="row">
        <div class="col-md-12">
            <h1 class="mb-4">Folder: {{ $folder->name }}</h1>
            <a href="{{ route('employee.file.upload') }}" class="btn btn-secondary mb-3">Back to All Folders</a>

            <!-- Files in this Folder -->
          
            @if (count($files) > 0)
            
                <div class="col-md-12 mb-4">
    <div class="d-flex flex-wrap gap-4">
        @if (count($files) > 0)
        
            @foreach ($files as $file)
                <div class="d-flex flex-column align-items-center">
                    <!-- File Icon -->
                   
                    <a href="{{ route('file.download.employee', ['folder' => $folder['id'], 'fileName' => basename($file['file_name'])]) }}" target="_blank">
                        <img src="{{ asset('fileimage.png') }}" alt="File Icon" width="50" />
                    </a>
                

                    <!-- File Name -->
                    <p class="mt-2 mb-2">
    {{ \Illuminate\Support\Str::limit(basename($file['file_name']), 15, '...') }}
            </p>
                    <!-- Delete Button -->
                  
                    <form action="{{ route('file.delete.employee', ['folder_id' => $folder['id'], 'filename' => basename($file['file_name'])]) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure you want to delete this file?');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                    </form>
                 
                </div>
            @endforeach
        @else
            <p class="text-muted">No files uploaded yet.</p>
        @endif
    </div>
</div>

            @else
                <p class="text-muted">No files found in this folder.</p>
            @endif
        </div>
    </div>
</div>
@endsection