@extends('layouts.master', ['crud' => ['Home' , 'Commentchats' ]
, 'crudlink' =>['/admin/user' , '/admin/Commentchats' ],
  'title_page' => "make new comment search"])
@section('content')
    <div class="account-pages mt-5 mb-5">
        <div class="container-fluid">
            <div class="row justify-content-center">
                <div class="col-xl-12">
                    <form action="{{route($data['storeUrl'])}}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="card bg-pattern">

                            <div class="card-body p-2">


                                <div class="row">

                                    <div class="col-lg-12">
                                        <div class="form-group mb-3">
                                            @component('component.CreateInputBox',[
                                            'icon' => 'icon-1x text-dark-50 flaticon2-user-1' ,
                                            'label'=>'new comment for search',
                                            'name'=> 'name',
                                          ]) @endcomponent
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer text-left">
                                <button class="btn btn-success btn-shadow font-weight-bold">Register</button>
                                <a href="{{route($data['indexUrl'])}}" class="btn btn-danger btn-shadow font-weight-bold">return back</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection



@section('script')

    <script src="/assets/js/pages/crud/forms/widgets/select2.js?v=7.0.6"></script>
    <script>


        $('#ostan_id').select2();
        $('#country_id').select2();

        $(document).on('change', "#country_id", function(e) {



            var id = $(this).val() ;


            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.ajax({

                type:'POST',

                url:'/get_ostans',

                data:{ id:id  },

                success:function(data){


                    $("#ostan_id").empty();

                    $("#ostan_id").append(data['success'])


                },

                error: function(data){

                    $("#ostan_id").empty();

                }


            });



        });



    </script>



@endsection