@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', 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::text('phone', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال الأسم  باللغة العربية ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>


                </div>

                <div class="form-group row">


                    <div class="col-lg-12">
                        <label> العنوان بالتفصيل  <span class="text-danger">*</span> </label>
                        {!! Form::textarea('address', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>' من فضلك  ادخل العنوان .. مثالد   :- ١٣-شارع---،حي ---- ، مدينه -----، البلد----عنوان مميز','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

    
                    

                    
                </div>


                <div class="form-group row">



                    <div class="col-lg-6">
                        <label>   VAT-NO  <span class="text-danger">*</span> </label>
                        {!! Form::text('vat', 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::email('email', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال الأسم  باللغة العربية ','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-12">
                        <div class="form-group row">
                            {!! Form::select('type', all_client_type() , null ,['class'=>'form-control select2 form-control-lg form-control-solid select2','id'=>'select2']); !!}
                        </div>
                    </div>
                </div>


                


                @if (isset($item) && count($item->extra))
                @foreach ($item->extra as $item)
                 
                <div class="form-group row clientextra">



  
                    <div class="col-lg-4">
                        <label>  ar اسم العنصر المضاف  <span class="text-danger">*</span> </label>
                        {!! Form::text('extra_name_ar[]', $item->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-4">
                        <label> قيمة العنصر   <span class="text-danger">*</span> </label>
                        {!! Form::email('extra_value[]', $item->value ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال    قيمة العنصر المضاف ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>



                    <div class="col-lg-3">
                        <label>  en اسم العنصر المضاف  <span class="text-danger">*</span> </label>
                        {!! Form::text('extra_name_en[]', $item->name_en ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال    اسم العنصر المضاف ','autocomplete'=>'off']); !!}
                        <span class="form-text text-danger"> </span>
                    </div>

                    


                    <div class="col-lg-1">
                        <a  class="deleteextra" hreff="{{ route('company.delete_extra',$item->id) }}">
                            <span class="form-text text-danger"> 
                            Delete

                            </span>
                    </a>
                    </div>

                    
                </div>



                @endforeach
                @else

                <div class="form-group row clientextra">



                    <div class="col-lg-4">
                        <label>  ar اسم العنصر المضاف  <span class="text-danger">*</span> </label>
                        {!! Form::text('extra_name_ar[]', 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-4">
                        <label> قيمة العنصر   <span class="text-danger">*</span> </label>
                        {!! Form::email('extra_value[]', 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-3">
                        <label>  en اسم العنصر المضاف  <span class="text-danger">*</span> </label>
                        {!! Form::text('extra_name_en[]', 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-1">
                        <a  class="deleteextra" hreff="">
                            <span class="form-text text-danger"> 
                            Delete

                            </span>
                    </a>
                    </div>


                    
                </div>



                @endif

                    




                



                <a   class="btn btn-primary font-weight-bolder px-9 py-4 addnewextra">
                    اضافه حقل جديد
                </a>

                

                <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%',
        });



        $('.addnewextra').on('click',function(){

           copy =  $('.clientextra').last().clone()
           copy.insertAfter(".clientextra:last")
           copy.find('input').val(null);


            console.log(copy);



        })


        $(document).on('click','.deleteextra',function(e){

            console.log(
                e.target,
                $(e.target).parents('.clientextra')
            );

            $(e.target).parents('.clientextra').remove();
            
            


            })


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