<!-- Modal Add clint -->
<div class="modal fade" id="addCourse" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
aria-labelledby="addCourse" aria-hidden="true">
<div class="modal-dialog ">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title"><strong>إضافة برنامج جديدة </strong></h4>
            <i type="reset" data-bs-dismiss="modal" aria-label="Close" class="las las la-times text-danger scale5"></i>
        </div>
        <div class="modal-body">
            <form id="courseForm" method="POST" action="{{ route('course_store') }}" class="row g-3 fv-plugins-bootstrap5 fv-plugins-framework needs-validation form-disable" novalidate>
                @csrf
                <div class="row">
                <div class="col-12 col-md-12 fv-plugins-icon-container">
                    <label class="form-label" for="title">عنوان البرنامج</label>
                    <input type="text" id="validationCustom01" value="{{ old('title') }}" name="title" class="form-control text" placeholder="الرجاء ادخال عنوان البرنامج" required="">
                    <p id="alert" class="massege"></p>
                    <div class="fv-plugins-message-container invalid-feedback ">
                    يرجاء ادخال عنوان البرنامج
                    </div>
                    @error('title')
                    <div class="text-danger px-2 showModalAdd ">
                        {{ $message }}
                    </div>
                    @enderror
                </div>


                <div class="col-12 col-md-12 fv-plugins-icon-container">
                    <label class="form-label" for="description">وصف البرنامج</label>
                    <textarea name="description" id="description" cols="30" rows="10" class="form-control" placeholder="الرجاء ادخال وصف البرنامج" required="">
                        {{ old('description') }}
                    </textarea>
                    {{-- <input type="text" id="description" value="{{ old('description') }}" name="description" class="form-control" placeholder="الرجاء ادخال وصف البرنامج" required=""> --}}
                    <p id="alertPhone" class="massege"></p>
                    <div class="fv-plugins-message-container invalid-feedback ">
                    يرجاء ادخال وصف البرنامج
                    </div>
                    @error('description')
                    <div class="text-danger px-2 showModalAdd ">
                    {{ $message }}
                    </div>
                @enderror
                </div>
                <div class="col-12 col-md-12 fv-plugins-icon-container">
                    <label class="form-label" for="hours_number">عدد الساعات</label>
                    <input type="number" id="hours_number" value="{{ old('hours_number') }}" name="hours_number" class="form-control text" placeholder="الرجاء ادخال عدد الساعات" required="">
                    <p id="alerthours_number" class="massege"></p>
                    <div class="fv-plugins-message-container invalid-feedback ">
                    يرجاء ادخال عدد الساعات
                    </div>
                    @error('hours_number')
                    <div class="text-danger px-2 showModalAdd ">
                    {{ $message }}
                    </div>
                @enderror
                </div>
            </div>


            <div class="modal-footer">
                <button type="submit" class="btn btn-primary me-sm-3 me-1 form-btn-disable">اضافة</button>
                <button type="reset" class="btn btn-label-secondary" data-bs-dismiss="modal" aria-label="Close">الغاء</button>
                </div>

            </form>
        </div>
    </div>
</div>
</div>
<!-- End Modal Add clint -->
