@extends('layouts.admin')

@section('title', 'Courses | Admin')

@section('content')

<div class="container py-5">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-1">Courses</h1>
            <p class="text-muted mb-0">Manage website courses.</p>
        </div>

        <a href="{{ route('admin.courses.create') }}" class="btn btn-primary">
            + Add Course
        </a>
    </div>

    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            {{ session('success') }}

            <button
                type="button"
                class="btn-close"
                data-bs-dismiss="alert"
                aria-label="Close"
            ></button>
        </div>
    @endif

    <div class="card border-0 shadow-sm">
        <div class="card-body">

            @if ($courses->count())

                <div class="table-responsive">
                    <table class="table align-middle">
                        <thead>
                            <tr>
                                <th>Title</th>
                                <th>Duration</th>
                                <th>Fee</th>
                                <th>Status</th>
                                <th class="text-end">Actions</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($courses as $course)
                                <tr>
                                    <td>
                                        <strong>{{ $course->title }}</strong>

                                        <div class="small text-muted">
                                            {{ $course->slug }}
                                        </div>
                                    </td>

                                    <td>
                                        {{ $course->duration ?: '—' }}
                                    </td>

                                    <td>
                                        @if ($course->fee !== null)
                                            ₹{{ number_format((float) $course->fee, 2) }}
                                        @else
                                            —
                                        @endif
                                    </td>

                                    <td>
                                        @if ($course->status)
                                            <span class="badge text-bg-success">
                                                Active
                                            </span>
                                        @else
                                            <span class="badge text-bg-secondary">
                                                Inactive
                                            </span>
                                        @endif
                                    </td>

                                    <td class="text-end">
                                        <a
                                            href="{{ route('admin.courses.edit', $course) }}"
                                            class="btn btn-sm btn-outline-primary"
                                        >
                                            Edit
                                        </a>

                                        <form
                                            action="{{ route('admin.courses.destroy', $course) }}"
                                            method="POST"
                                            class="d-inline"
                                        >
                                            @csrf
                                            @method('DELETE')

                                            <button
                                                type="submit"
                                                class="btn btn-sm btn-outline-danger"
                                                onclick="return confirm('Delete this course?')"
                                            >
                                                Delete
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                {{ $courses->links() }}

            @else

                <div class="text-center py-5">
                    <h5>No courses found</h5>

                    <p class="text-muted">
                        Create your first course to get started.
                    </p>

                    <a
                        href="{{ route('admin.courses.create') }}"
                        class="btn btn-primary"
                    >
                        Add Course
                    </a>
                </div>

            @endif

        </div>
    </div>

</div>

@endsection