@extends('layouts.app')

@section('content')
<div class="container">
    <h3 class="mb-4">Center Files</h3>

    {{-- Feedback Messages --}}
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif
    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    {{-- Upload Form --}}
    <form action="{{ route('lead_trainer.upload_file') }}" method="POST" enctype="multipart/form-data" class="mb-5">
        @csrf
        <div class="mb-3">
            <label for="center_id" class="form-label">Select Center</label>
            <select name="center_id" id="center_id" class="form-select" required>
                <option value="">-- Choose Center --</option>
                @foreach($centerIds as $centerId)
                    @php
                        $center = \App\Models\Center::find($centerId);
                    @endphp
                    @if($center)
                        <option value="{{ $center->id }}">{{ $center->name }}</option>
                    @endif
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label for="file" class="form-label">Choose File</label>
            <input type="file" name="file" id="file" class="form-control" required>
            <small class="text-muted">Accepted formats: PDF, DOC, DOCX, PPT, PPTX, ZIP, RAR, MP4, AVI (max 10MB)</small>
        </div>

        <div class="mb-3">
            <label for="description" class="form-label">Description (optional)</label>
            <input type="text" name="description" id="description" class="form-control">
        </div>

        <button type="submit" class="btn btn-primary">Upload File</button>
    </form>

    <hr>

    {{-- List of Uploaded Files --}}
    <h5 class="mb-3">Uploaded Files</h5>
    <table class="table table-bordered table-striped">
        <thead>
            <tr>
                <th>#</th>
                <th>File Name</th>
                <th>Type</th>
                <th>Description</th>
                <th>Uploaded By</th>
                <th>Uploaded At</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($files as $file)
            <tr>
                <td>{{ $loop->iteration }}</td>
                <td>{{ $file->filename }}</td>
                <td>{{ pathinfo($file->filename, PATHINFO_EXTENSION) }}</td>
                <td>{{ $file->description ?? '-' }}</td>
                <td>{{ $file->leadTrainer->name ?? 'N/A' }}</td>
                <td>{{ $file->created_at->format('d M Y H:i') }}</td>
                <td class="d-flex gap-1">
                    <a href="{{ route('lead_trainer.download_file', $file->id) }}" class="btn btn-sm btn-success">Download</a>
                    <form action="{{ route('lead_trainer.delete_file', $file->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this file?');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                    </form>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="7" class="text-center">No files uploaded yet.</td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection