@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="d-flex flex-column-fluid">
    <!--begin::Container-->
    <div class="container">
        <!--begin::Card-->
        <div class="card card-custom">

            <div class="row">
                <div class="col-xl-2"></div>
                <div class="col-xl-7 my-2">
                    <!--begin::Row-->
                    <div class="row">
                        <label class="col-3"></label>
                        <div class="col-9">
                            <h6 class="text-dark font-weight-bold mb-10">بيانات المستخدم:</h6>
                        </div>
                    </div>
                    <!--end::Row-->
                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">الصوره</label>
                        <div class="col-9">
                            <div class="image-input image-input-empty image-input-outline" id="kt_user_edit_avatar" style="background-image: url(@isset($item) {{getimg($item->image)}} @else{{asset('/admin/assets')}}/media/users/blank.png) @endisset">
                                <div class="image-input-wrapper"></div>
                                <label class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="change" data-toggle="tooltip" title="" data-original-title="Change avatar">
                                    <i class="fa fa-pen icon-sm text-muted"></i>
                                    <input type="file"  name="image" accept=".png, .jpg, .jpeg" >

                                </label>
                                <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="cancel" data-toggle="tooltip" title="" data-original-title="Cancel avatar">
																			<i class="ki ki-bold-close icon-xs text-muted"></i>
																		</span>
                                <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="remove" data-toggle="tooltip" title="" data-original-title="Remove avatar">
																			<i class="ki ki-bold-close icon-xs text-muted"></i>
																		</span>
                            </div>
                        </div>
                    </div>
                    <!--end::Group-->
                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">الاسم الأول  </label>
                        <div class="col-9">
                            {!! Form::text('name',   null ,['class'=>'form-control form-control-lg form-control-solid   ','placeholder'=>'من فضلك قم بإدخال الاسم الأول  ', ]); !!}
                        </div>
                    </div>
                    <!--end::Group-->
                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left"> الأسم الأخير</label>
                        <div class="col-9">
                            {!! Form::text('last_name',null ,['class'=>'form-control form-control-lg form-control-solid   ','placeholder'=>'من فضلك قم بإدخال الأسم الأخير  ', ]); !!}
                        </div>
                    </div>
                    <!--end::Group-->

                    <!--end::Group-->
                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">البريد الإلكتروني</label>
                        <div class="col-9">
                            <div class="input-group input-group-lg input-group-solid">

                                {!! Form::email('email',null ,['class'=>'form-control form-control-lg form-control-solid   ','placeholder'=>'من فضلك قم بإدخال البريد الإلكترونى  ', ]); !!}
                                <div class="input-group-prepend">
									 <span class="input-group-text">
										 <i class="la la-at"></i>
									 </span>
                                </div>
                             </div>
                        </div>
                    </div>
                    <!--end::Group-->
                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">  اسم المستخدم </label>
                        <div class="col-9">
                            <div class="input-group input-group-lg input-group-solid">
                                {!! Form::text('username',null ,['class'=>'form-control form-control-lg form-control-solid   ','placeholder'=>'من فضلك قم بإدخال اسم المستخدم    ', ]); !!}
                                <div class="input-group-append">
                                    <span class="input-group-text">.com</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end::Group-->

                    <!--begin::Group-->
                    <div class="form-group row">
                        <label class="col-form-label col-3 text-lg-right text-left">  كلمة المرور </label>
                        <div class="col-9">
                            <div class="input-group input-group-lg input-group-solid">
                                <input class="form-control" type="password" name="password" value="" id="">
                            </div>
                        </div>
                    </div>
                    <!--end::Group-->
                    <div class="  row">
                        <div class="col-12">


                            <div class="alert alert-custom alert-light-warning fade show mb-5" role="alert">
                                <div class="alert-icon"><i class="flaticon-warning"></i></div>
                                <div class="alert-text">يجب أن تحتوي كلمة المرور علي :
                                    <ul>
                                        <li>يجب أن تتكون كلمة المرور الخاصة بك من 8 أحرف بحد أدنى</li>
                                        <li>قم بإنشاء عبارة بدلاً من مجرد كلمة واحدة</li>
                                        <li>استخدم الرموز فى كلمة المرور (!, @,$, #,%)</li>
                                        <li>استخدم أحرف كابتال واحرف سمول</li>
                                    </ul>
                                </div>

                            </div>


                            
                        </div>
                    </div>
                </div>

            </div>

            <button type="submit"   class="btn btn-primary font-weight-bolder px-9 py-4" data-wizard-type="action-next">حفظ</button>

        </div>
        <!--end::Card-->
    </div>
    <!--end::Container-->
</div>

@push('scripts')

@endpush