@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">

                <div class="form-group row">

                    <div class="col-lg-6">
                        <label> الأسم  باللغة العربية <span class="text-danger">*</span> </label>
                        {!! Form::text('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-6">
                        <label> الأسم  باللغة en <span class="text-danger">*</span> </label>
                        {!! Form::text('name_en', 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::textarea('info_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-6">
                        <label> وصف  باللغة english <span class="text-danger">*</span> </label>
                        {!! Form::textarea('info_en', 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_paymentmethod() , null ,['class'=>'form-control select2 form-control-lg form-control-solid select2','id'=>'selectpayment']); !!}
                        </div>
                    </div>
                </div>


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

           
                    

             
                    
                    @if(  (old('type')=="pos") || (isset($item) && $item->type == "pos")) 
            
            
                            <div class="col-lg-6">
                            <label>    طريقة دفع عن طريق POS <span class="text-danger">*</span> </label>
                            {!! Form::text('key_1', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال    رقم الحساب ','autocomplete'=>'off']); !!}
    
                            <span class="form-text text-danger"> </span>
                            </div>
           
                    @endif
    
                    @if(  (old('type')=="banktransfer") || (isset($item) && $item->type == "banktransfer")) 
            
                            <div class="col-lg-6">
                            <label>    طريقة دفع عن طريق bank transfer <span class="text-danger">*</span> </label>
                            {!! Form::text('key_1', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال    رقم الحساب ','autocomplete'=>'off']); !!}
    
                            <span class="form-text text-danger"> </span>
                            </div>
                    @endif

    
    
                    @if(  (old('type')=="online") || (isset($item) && $item->type == "online")) 

                            
                            <div class="col-lg-6">
                            <label>    طريقة دفع عن طريق online HyperPay  <span class="text-danger">*</span> </label>
                            {!! Form::text('key_1', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال    رقم ID ','autocomplete'=>'off']); !!}
    
                            <span class="form-text text-danger"> </span>
                            </div>
    
                            <div class="col-lg-6">
                            <label>    طريقة دفع عن طريق online HyperPay <span class="text-danger">*</span> </label>
                            {!! Form::text('key_2', null ,['class'=>'form-control form-control-lg form-control-solid','placeholder'=>'من فضلك قم بإدخال     Token ','autocomplete'=>'off']); !!}
    
                            <span class="form-text text-danger"> </span>
                            </div>
    
                      @endif


                    



                
                </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/crud/forms/widgets/select2.js"></script>
    <script>
        $('.select2').select2({});
        var avatar1 = new KTImageInput('kt_image_1');

        $('.datepicker').datepicker({
            todayHighlight: true,
            orientation: "bottom left",
            format: "yyyy-mm-dd",
            width: '100%',
        });
        $("#country_id").change(function () {
            var url = "/dashboard/lookup/get-states-by-country/" + $(this).val();
            $('#state_id').empty();
            $.getJSON(url, function (data) {
                $.each(data, function (index, value) {
                    // APPEND OR INSERT DATA TO SELECT ELEMENT.

                    $('#state_id').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            });
        });
        $("#state_id").change(function () {
            var url = "/dashboard/lookup/get-cities-by-state/" + $(this).val();
            $('#city_id').empty();
            $.getJSON(url, function (data) {
                $.each(data, function (index, value) {
                    // APPEND OR INSERT DATA TO SELECT ELEMENT.

                    $('#city_id').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            });
        });



//custom handle payment info

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


            $('#selectpayment').on('change',function(e){


                $('.extradata').html('');

                if(e.target.value == 'pos')
                {
                    $('.extradata').append(

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

                        <span class="form-text text-danger"> </span>
                        </div>
                        `
                    )
                }


                if(e.target.value == 'banktransfer')
                {
                    $('.extradata').append(

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

                        <span class="form-text text-danger"> </span>
                        </div>
                        `
                    )
                }



                if(e.target.value == 'online')
                {
                    $('.extradata').append(

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

                        <span class="form-text text-danger"> </span>
                        </div>

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

                        <span class="form-text text-danger"> </span>
                        </div>

                        `
                    )
                }






            });//end change
            
        });
    </script>
    <!--end::Page Scripts-->
@endpush