@extends('layouts.app')

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

    {{-- ✅ Success / Error Alerts --}}
    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if (session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    {{-- ⚙️ Assignment Form --}}
    <form action="{{ route('modules.assign.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        {{-- 🧍‍♂️ Select Trainee --}}
        <div class="mb-3">
            <label for="trainee_id" class="form-label fw-bold">Select Trainee</label>
            <select name="trainee_id" id="trainee_id" class="form-select" required>
                <option value="">-- Choose Trainee --</option>
                @foreach ($trainees as $trainee)
                    <option value="{{ $trainee->id }}">{{ $trainee->name }}</option>
                @endforeach
            </select>
            @error('trainee_id')
                <div class="text-danger small">{{ $message }}</div>
            @enderror
        </div>

        {{-- 📘 Select Module --}}
        <div class="mb-3">
            <label for="module_id" class="form-label fw-bold">Select Module</label>
            <select name="module_id" id="module_id" class="form-select" required>
                <option value="">-- Choose Module --</option>
                @foreach ($modules as $module)
                    <option value="{{ $module->id }}">{{ $module->title }}</option>
                @endforeach
            </select>
            @error('module_id')
                <div class="text-danger small">{{ $message }}</div>
            @enderror
        </div>

        {{-- 📂 Upload File (Optional) --}}
        <div class="mb-3">
            <label for="file" class="form-label fw-bold">Upload Module File (optional)</label>
            <input type="file" name="file" id="file" class="form-control" 
                   accept=".pdf,.doc,.docx,.ppt,.pptx,.zip">
            <small class="text-muted">Allowed types: PDF, DOCX, PPTX, ZIP (max 20MB)</small>
            @error('file')
                <div class="text-danger small">{{ $message }}</div>
            @enderror
        </div>

        {{-- 🧾 Submit --}}
        <button type="submit" class="btn btn-success w-100">Assign Module</button>
    </form>

    {{-- 🗃️ Optional: List of Existing Modules (for reference) --}}
    <hr class="my-4">
    <h5>Existing Modules</h5>
    <table class="table table-bordered align-middle">
        <thead>
            <tr>
                <th>Title</th>
                <th>File</th>
                <th>Uploaded On</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($modules as $module)
                <tr>
                    <td>{{ $module->title }}</td>
                    <td>
                        @if ($module->file_path)
                            <a href="{{ route('modules.download', $module->id) }}" 
                               class="btn btn-sm btn-outline-primary">
                               <i class="bi bi-download"></i> Download
                            </a>
                        @else
                            <span class="text-muted">No file</span>
                        @endif
                    </td>
                    <td>{{ $module->created_at->format('d M Y') }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="3" class="text-center text-muted">No modules available.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection