<form method="POST" action="{{route('ajax-post', ['name'=>'edit_research_save'])}}" class="edit_res_info_form">
    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
    <input type="hidden" name="edit_id" value="{{$edit_research->id}}">
    <div class="col-md-12">
        <div class="mb-2">
            <label class="form-label config"></label>
            <div class="form-icon position-relative">
                <input type="text" class="form-control" placeholder="Research" name="research" value="{{$edit_research->research}}" required="" style="font-size: 13px;">
            </div>
        </div>
    </div>
    <div class="col-md-12">
        <div class="text-end">
            <button type="button" class="btn cancel_button mr-1 btn-cancel close_form" >
                <i aria-hidden="true" class="fa fa-refresh"></i>
            </button>
            <button class="btn btn2">Update</button>
        </div>
    </div>

</form>


<script>
    $(function(){
        $('.edit_res_info_form').on('submit', function(event){
            event.preventDefault();
            var self = $(this);
            ajax_form(self, function(self){
                $('#load_research_interest').empty();
                fetch_sub_content(
                    '#load_research_interest',
                    "{{ route('sub-content', ['name'=>'load_research_interest']) }}"
                );
            });
        });


        $('.btn-cancel').on('click', function(){
            $('.open_research_edit_info_div_inner').addClass('d-none')
        });
    });
</script>