@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="mb-4 text-center">Create New Chat Group</h1>
            <form action="{{ route('teacher.chat_group.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <div class="card-body">
                    <div class="form-group">
                        <label for="name">Name</label>
                        <input type="text" name="name" id="name"
                            class="form-control @error('name') is-invalid @enderror" placeholder="Enter name"
                            value="{{ old('name') }}">
                        @error('title')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="educationalStageId">Curriculum*</label>
                        <select name="curriculum_id" class="form-control select2" data-select-curriculum="true"
                            id="curriculumId" required></select>
                        @error('curriculum_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="student_ids">Student</label>
                        <select name="student_ids[]" id="student_ids" class="form-control select2" data-select-student="true"
                            multiple></select>
                        @error('student_ids')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="text-center form-group">
                    <button type="submit" class="btn btn-success">Save</button>
                </div>
            </form>
        </div>
    </div>
@endsection


@push('js')
    @include('teacher.chat_group.shared._js');
@endpush