@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="card-body">




                <!--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-->


                <div class="form-group row">

                    <div class="col-lg-6">
                        <label> الأسم  باللغة العربية <span class="text-danger">*</span> </label>
                        {!! Form::text('name_ar', null ,['id'=>'name_ar','class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال الأسم  باللغة العربية ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                    <div class="col-lg-6">
                        <label> الأسم  باللغة en <span class="text-danger">*</span> </label>
                        {!! Form::text('name_en', null ,['id'=>'name_en','class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال الأسم  باللغة en ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

           
                    

        
                    
                </div>


                <div class="form-group row">

                    <div class="col-lg-6">
                        <label> وصف  باللغة العربية <span class="text-danger">*</span> </label>
                        {!! Form::textarea('info_ar', null ,['id'=>'desc_ar','class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال الأسم  باللغة العربية ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                    <div class="col-lg-6">
                        <label> وصف  باللغة en <span class="text-danger">*</span> </label>
                        {!! Form::textarea('info_en', null ,['id'=>'desc_en','class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال الأسم  باللغة en ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

           
                    

        
                    
                </div>

                <div class="form-group row">

                    <div class="col-lg-6">
                        <label> تكلفة المنتج <span class="text-danger">*</span> </label>
                        {!! Form::number('cost_price', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال تكلفة المنتج  ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                    <div class="col-lg-6">
                        <label>    سعر بيع المنتج <span class="text-danger">*</span> </label>
                        {!! Form::number('price', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال   سعر بيع المنتج en ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

        
                    
                </div>


                <div class="form-group row">

                    <div class="col-lg-6">
                        <label> عدد المنتج المتاح <span class="text-danger">*</span> </label>
                        {!! Form::number('quantity', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال عدد المنتج المتاح ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                    <div class="col-lg-6">
                        <label>     عدد المتبقي من  المنتج <span class="text-danger">*</span> </label>
                        {!! Form::number('left', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال عدد المنتج المتاح en ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

        
                    
                </div>



                <div class="form-group row">
                    <label class="col-form-label col-3 text-lg-right text-left"> نوع </label>
                    <div class="col-8">
                        <div class="form-group row">
                            {!! Form::select('type', all_product_type() , null ,['class'=>'form-control select2 form-control-lg form-control-solid select2','id'=>'select2']); !!}
                        </div>
                    </div>
                </div>





                



                

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


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







    




@push('scripts')


    <!--begin::Page Scripts(used by this page)-->
    <script src="{{asset('/admin/assets')}}/js/pages/custom/user/edit-user.js"></script>
    <!--end::Page Scripts-->

    <!--begin::Page Scripts(used by this page)-->

    <script src="{{asset('/admin/assets')}}/js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script>
    <script src="{{asset('/admin/assets')}}/js/pages/crud/forms/widgets/select2.js"></script>
    <script>
        $('.select2').select2({});


        $('.datepicker').datepicker({
            todayHighlight: true,
            orientation: "bottom left",
            format: "yyyy-mm-dd",
            width: '100%',
        });



        $('document').ready(function(){



            $('#name_ar').on('keyup',function(e){

                $('#name_en').val(e.target.value)

            });

            $('#desc_ar').on('keyup',function(e){

                $('#desc_en').val(e.target.value)

            });
       

        });

    </script>
    <!--end::Page Scripts-->
@endpush