@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
            <div>
                <h5 class="mb-0">Students - {{ $course->title }}</h5>
                <small class="text-muted">Select a student to start chat</small>
            </div>
            <a href="{{ url()->previous() }}" class="btn btn-outline-secondary btn-sm">Back</a>
        </div>
        <hr class="m-0">

        <div class="card-body">
            @if($students->isEmpty())
                <div class="alert alert-warning mb-0">No students enrolled in this course.</div>
            @else
                <div class="list-group">
                    @foreach($students as $student)
                        <a class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
                           href="{{ route('chats.conversation', $student->id) }}?course_id={{ $course->id }}">
                            <span>{{ $student->name }}</span>
                            <span class="badge bg-primary">Chat</span>
                        </a>
                    @endforeach
                </div>
            @endif
        </div>
    </div>
</div>
@endsection