<form method="POST" action="{{route('ajax-post', ['name'=>'document_required_upload_save'])}}"  class="edit_dep_info_form" enctype="multipart/form-data"> 
<input type="hidden" name="_token" value="{{ csrf_token() }}" />
<input type="hidden" id="req_id" name="id" value="{{$requirements->id}}">
    <div class="col-md-12">
        <div class="mb-2">
            <label class="form-label config"></label>
            <div class="form-icon position-relative">
                <input type="file" id="document_file" class="form-control" name="document_file" 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 type="submit" class="btn btn2 submit_upload_document">Update</button>                      
        </div>
    </div>
</form>
     
 

<script>
    $(function(){

        $('.edit_dep_info_form').on('submit', function(event){
            event.preventDefault();
            var self = $(this); 
            ajax_form(self, function(self){
                fetch_sub_content(
                    '#doc_required_load',
                    "{{ route('sub-content', ['name'=>'document_required_load', 'id'=>$proposal_details->id]) }}"
                ); 
            });
        }); 

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