  <!-- Modal Add clint -->
  <div class="modal fade" id="addUser" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
  aria-labelledby="addUser" 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="userForm" method="POST" action="{{route('user_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="name">الاسم</label>
                      <input type="text" id="validationCustom01" value="{{ old('name') }}" name="name" class="form-control text" placeholder="الرجاء ادخال الاسم" required="">
                      <p id="alert" class="massege"></p>
                      <div class="fv-plugins-message-container invalid-feedback ">
                     يرجاء ادخال الاسم
                      </div>
                      @error('name')
                        <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="phone">رقم الهاتف او الجوال</label>
                      <input type="tel" id="phone" value="{{ old('phone') }}" name="phone" class="form-control" placeholder="الرجاء ادخال رقم الهاتف او  الجوال" >
                      <p id="alertPhone" class="massege"></p>
                      <div class="fv-plugins-message-container invalid-feedback ">
                      يرجاء ادخال رقم الموبايل او الهاتف
                      </div>
                      @error('phone')
                      <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="email">الإيميل</label>
                      <input type="text" id="email" value="{{ old('email') }}" name="email" class="form-control text" placeholder="الرجاء ادخال الإيميل" required="">
                      <p id="alertemail" class="massege"></p>
                      <div class="fv-plugins-message-container invalid-feedback ">
                       يرجاء ادخال الإيميل
                      </div>
                      @error('email')
                      <div class="text-danger px-2 showModalAdd ">
                        {{ $message }}
                      </div>
                    @enderror
                  </div>
              </div>
              <div class="col-12 col-md-12 fv-plugins-icon-container">
                <label class="form-label" for="role">نوع الحساب</label>
                <select id="role" name="role" class="form-control" required>
                  <option selected id="myId"  value="">يرجى اختيار نوع الحساب</option>
                  <option   value="0">مدير </option>
                  <option   value="1"> مشرف أو مسؤل جهة تدريب</option>
                  <option   value="2">متدرب </option>
                  <option   value="3"> منسق برنامج</option>

                   
                </select>
                <p id="alertPhone" class="massege"></p>
                <div class="fv-plugins-message-container invalid-feedback ">
                    يرجى تحديد نوع الحساب
                </div>
                @error('role')
                    <div class="text-danger px-2 showModalAdd ">
                        {{ $message }}
                    </div>
                @enderror
            </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 -->
