{{ Form::open(['route' => 'categories.store', 'method' => 'POST','id' =>'create_category']) }}
<div class="modal-body">
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                {{ Form::label('name', __('Name'), ['class' => 'form-label']) }}<span class="text-danger pl-1">*</span>
                {{ Form::text('name', null, ['class' => 'form-control', 'maxlength' => 35, 'placeholder' => __('Enter Category Name'), 'required' => 'required']) }}
                @error('name')
                    <small class="invalid-name" role="alert">
                        <strong class="text-danger">{{ $message }}</strong>
                    </small>
                @enderror
            </div>
        </div>
    </div>
</div>

<div class="modal-footer">
    <input type="button" value="{{ __('Cancel') }}" class="btn  btn-light" data-bs-dismiss="modal">
    <input type="submit" value="{{ __('Create') }}" class="btn  btn-primary" id="create_category">
</div>

{{ Form::close() }}
<script>
    $(document).on('submit', 'form', function() {
        $('#create_category').attr('disabled', 'disabled');
    });

    var form = $("#create_category");

    form.validate({
        rules: {
            name: {
                required: true,
                remote: {
                    url: '{{ route('check_categories_name') }}',
                    data: {
                        'form_name': "categorycreate"
                    },
                    type: "GET"
                }
            }
        },
        messages: {
            name: {
                remote: "{{ __('Category already exists!') }}"
            }
        }
    });
</script>