@extends('teacher.layouts.layouts')

@section('content')
    @push('css')
        @include('teacher.chat_group.shared._css')
    @endpush
    <div class="page-wrapper" style="display: block;">
        <div class="container mt-5">
            <!-- Display Validation Errors -->
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <h1 class="text-center mb-4">Edit Chat Group</h1>
            <form action="{{ route('teacher.chat_group.update', $group->id) }}" method="POST">
                @csrf

                <div class="card-body">
                    <div class="form-group">
                        <div class="form-group">
                            <label for="name">Name</label>
                            <input type="text" name="name" class="form-control" value="{{ $group->name }}"
                                   placeholder="Enter name">

                            @error('title')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="educationalStageId">Curriculum*</label>
                        <select name="curriculum_id" class="form-control select2" data-select-curriculum="true" id="curriculumId">
                            @if($group->curriculum_id)
                                <option value="{{ $group->curriculum_id }}" selected>{{ $group->curriculum->name }}</option>
                            @endif
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="student_ids">Students</label>
                        <select name="student_ids[]" id="student_ids" class="form-control select2" data-select-student="true" multiple>
                            @foreach ($group->students as $student)
                                <option value="{{ $student->id }}" selected>{{ $student->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="text-center form-group">
                    <button type="submit" class="btn btn-primary">Update Chat Group</button>
                </div>
            </form>
        </div>
    </div>
@endsection
@push('js')
    @include('teacher.chat_group.shared._js');
@endpush