@extends('layouts.app')
@section('content')
    <div class="login-one-container r-24 bg-white p-3 p-lg-5 mx-auto d-flex flex-column gap-5">
        <h3 class=" text-start form-tittle text-p">
           إرسال إشعار 
        </h3>
        <form class="d-flex flex-column gap-4"
            action="{{  route('notifications.store') }}"
            method="post">
            @csrf
            <div class="">
                <label class="py-3 test-p2 fs-6 fw-bolder" for="message">الرسالة</label>
                <textarea class="form-control py-3 @error('message')  is-invalid  @enderror" id="name"
                    name="message" placeholder="الرسالة " >{{ old('message',null) }}</textarea>
            </div>
            <div class="">
                <label class="py-3 test-p2 fs-6 fw-bolder" for="parent_phone">  الطلاب </label>

                <select name="student_ids[]" multiple class="form-select select-field form-select-lg mb-3" aria-label=".form-select-lg example">
                    <option 
                    value="0"> كل الطلاب</option>
                    @foreach($students as $student)
                        <option 
                        value="{{$student->id}}">{{$student->username}} - {{$student->phone}}</option>
                    @endforeach
                </select>
            </div>
            <button type="submit" class="submit py-3 r-10">
                أرسال
            </button>
        </form>
    </div>
@endsection