@extends('layouts.app')

@php use Illuminate\Support\Facades\Storage; @endphp

@section('content')
<div class="container py-4">
    <h3 class="mb-4 fw-bold">Upload New Module</h3>

    {{-- ✅ Flash Messages --}}
    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if (session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    {{-- 📤 Upload Form --}}
    <form action="{{ route('modules.store') }}" method="POST" enctype="multipart/form-data"
          class="card p-4 mb-5 shadow-sm border-0 rounded-3">
        @csrf

        <div class="mb-3">
            <label class="form-label fw-semibold">Module Title</label>
            <input type="text" name="title" class="form-control" placeholder="Enter module title" required>
        </div>

        <div class="mb-3">
            <label class="form-label fw-semibold">Description</label>
            <textarea name="description" class="form-control" rows="3" placeholder="Enter module description (optional)"></textarea>
        </div>

        <div class="mb-3">
            <label class="form-label fw-semibold">Upload File</label>
            <input type="file" name="file" class="form-control"
                   accept=".pdf,.doc,.docx,.ppt,.pptx,.zip,.rar,.mp4,.avi" required>
            <small class="text-muted">Accepted formats: PDF, DOC, PPT, ZIP, RAR, MP4, AVI (max 20MB)</small>
        </div>

        <div class="text-end">
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-upload"></i> Upload Module
            </button>
        </div>
    </form>

    {{-- 📚 Existing Modules --}}
    <h4 class="mb-3 fw-bold">Existing Modules</h4>
    <div class="table-responsive">
        <table class="table table-bordered table-hover align-middle shadow-sm rounded-3">
            <thead class="table-light">
                <tr>
                    <th>Title</th>
                    <th>Description</th>
                    <th>File</th>
                    <th>Uploaded On</th>
                    <th class="text-center" style="width: 180px;">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($modules as $module)
                    <tr>
                        <td class="fw-semibold">{{ $module->title }}</td>
                        <td>{{ $module->description ?? '—' }}</td>
                        <td>
                            @if (!empty($module->file_path) && file_exists(public_path('storage/' . $module->file_path)))
                                <a href="{{ asset('storage/' . $module->file_path) }}"
                                   target="_blank"
                                   class="btn btn-sm btn-outline-primary">
                                    <i class="bi bi-eye"></i> View
                                </a>
                                <a href="{{ asset('storage/' . $module->file_path) }}"
                                   download
                                   class="btn btn-sm btn-success ms-1">
                                    <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>
                        <td class="text-center">
                            <a href="{{ route('modules.edit', $module->id) }}"
                               class="btn btn-sm btn-warning me-1">
                                <i class="bi bi-pencil"></i> Edit
                            </a>

                            <form action="{{ route('modules.destroy', $module->id) }}"
                                  method="POST"
                                  class="d-inline-block"
                                  onsubmit="return confirm('Are you sure you want to delete this module?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger">
                                    <i class="bi bi-trash"></i> Delete
                                </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="text-center text-muted py-3">
                            No modules uploaded yet.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection