@extends('layouts.dashboard')
@section('title', __('Enrollments'))
@section('page_title', __('Enrollments'))

@section('content')
<div class="lf-toolbar mb-3">
    <div>
        <h4 class="mb-0 fw-bold">{{ __('Enrollments') }}</h4>
        <p class="text-muted small mb-0">{{ $course->title }} · {{ $course->total_enrollments }} {{ __('active') }}</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.courses.show', $course) }}" class="btn btn-light btn-sm"><i class="bi bi-arrow-left me-1"></i>{{ __('Course') }}</a>
        <button class="btn btn-primary btn-sm" type="button" data-bs-toggle="collapse" data-bs-target="#manualEnrol"><i class="bi bi-person-plus me-1"></i>{{ __('Enrol learners') }}</button>
    </div>
</div>

<div class="collapse {{ $errors->any() ? 'show' : '' }} mb-3" id="manualEnrol">
    <div class="card border-0 shadow-sm">
        <div class="card-body">
            <form action="{{ route('admin.courses.enrollments.store', $course) }}" method="POST" class="row g-3">
                @csrf
                <div class="col-md-7">
                    <label class="form-label">{{ __('E-mail addresses') }}</label>
                    <textarea name="emails" rows="3" class="form-control @error('emails') is-invalid @enderror" placeholder="alice@example.com, bob@example.com&#10;one per line or comma separated" required>{{ old('emails') }}</textarea>
                    <div class="form-text">{{ __('Learners must already have an account. Existing seats are kept; cancelled ones are re-activated.') }}</div>
                    @error('emails')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-3">
                    <label class="form-label">{{ __('Access expires') }} <span class="text-muted small">({{ __('optional') }})</span></label>
                    <input type="datetime-local" name="expires_at" class="form-control @error('expires_at') is-invalid @enderror" value="{{ old('expires_at') }}">
                    @error('expires_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    <div class="form-check mt-2">
                        <input type="hidden" name="notify" value="0">
                        <input class="form-check-input" type="checkbox" name="notify" value="1" id="notifyLearner" checked>
                        <label class="form-check-label small" for="notifyLearner">{{ __('Send welcome e-mail') }}</label>
                    </div>
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button class="btn btn-primary w-100"><i class="bi bi-check-lg me-1"></i>{{ __('Enrol') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="card border-0 shadow-sm">
    <div class="card-header bg-white d-flex flex-wrap gap-2 justify-content-between align-items-center">
        <form method="GET" class="d-flex gap-2">
            <input type="search" name="q" value="{{ request('q') }}" class="form-control form-control-sm" placeholder="{{ __('Name or e-mail') }}">
            <select name="status" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="">{{ __('All statuses') }}</option>
                @foreach(['active', 'completed', 'expired', 'cancelled'] as $st)<option value="{{ $st }}" @selected(request('status') === $st)>{{ status_label($st) }}</option>@endforeach
            </select>
            <button class="btn btn-sm btn-outline-secondary"><i class="bi bi-search"></i></button>
        </form>
        <span class="small text-muted">{{ $enrollments->total() }} {{ __('records') }}</span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead><tr><th>{{ __('Learner') }}</th><th>{{ __('Enrolled') }}</th><th>{{ __('Source') }}</th><th>{{ __('Progress') }}</th><th>{{ __('Expires') }}</th><th>{{ __('Status') }}</th><th class="text-end">{{ __('Actions') }}</th></tr></thead>
            <tbody>
            @forelse($enrollments as $e)
                <tr class="{{ $e->status === 'cancelled' ? 'opacity-50' : '' }}">
                    <td><div class="fw-semibold">{{ $e->student?->name ?? '—' }}</div><div class="small text-muted">{{ $e->student?->email }}</div></td>
                    <td class="small text-muted">{{ optional($e->enrolled_at)->format('M d, Y') }}</td>
                    <td class="small">{{ $e->order_id ? __('Purchase') : ($e->membership_id ? __('Membership') : __('Manual / other')) }}</td>
                    <td style="min-width:120px"><div class="progress" style="height:6px"><div class="progress-bar" style="width: {{ (int) $e->progress_percentage }}%"></div></div><div class="small text-muted">{{ (int) $e->progress_percentage }}%</div></td>
                    <td class="small text-muted">{{ optional($e->expires_at)->format('M d, Y') ?? '—' }}</td>
                    <td>@php($sb = ['active' => 'success', 'completed' => 'primary', 'expired' => 'secondary', 'cancelled' => 'danger'][$e->status] ?? 'secondary')<span class="badge bg-{{ $sb }}-subtle text-{{ $sb }}-emphasis text-capitalize">{{ status_label($e->status) }}</span></td>
                    <td class="text-end">
                        @if($e->status === 'cancelled')
                            <form action="{{ route('admin.enrollments.restore', $e) }}" method="POST" class="d-inline">@csrf<button class="btn btn-sm btn-outline-success"><i class="bi bi-arrow-counterclockwise me-1"></i>{{ __('Restore') }}</button></form>
                        @else
                            <form action="{{ route('admin.enrollments.destroy', $e) }}" method="POST" class="d-inline" data-confirm="{{ __('Revoke this learner\'s access?') }}">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger"><i class="bi bi-x-lg me-1"></i>{{ __('Revoke') }}</button></form>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="7"><div class="lf-empty py-5"><i class="bi bi-people"></i>{{ __('Nobody is enrolled yet.') }}</div></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @if($enrollments->hasPages())<div class="card-footer bg-white">{{ $enrollments->links() }}</div>@endif
</div>
@endsection