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

       

        <div class="col-md-6">
            <div class="form-group">
                {{ Form::label('rate', __('Rate'), ['class' => 'form-label']) }}
                <span class="text-danger pl-1">*</span>
                {{ Form::text('rate', null, ['class' => 'form-control', 'maxlength' => 35, 'placeholder' => __('Enter Rate'), 'required' => 'required']) }}
                @error('rate')
                    <small class="invalid-name" role="alert">
                        <strong class="text-danger">{{ $message }}</strong>
                    </small>
                @enderror
            </div>
        </div>

        <div class="col-md-6">
            <div class="form-group">
                {{ Form::label('percentage', __('Percentage'), ['class' => 'form-label']) }}
                <span class="text-danger pl-1">*</span>
                {{ Form::text('percentage', null, ['class' => 'form-control', 'maxlength' => 35, 'max' => '100', 'min' => '1', 'placeholder' => __('Enter Percentage'), 'required' => 'required', 'oninput' => 'alphaOnly(this);']) }}
                @error('percentage')
                    <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_overheads">
</div>

{{ Form::close() }}

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

    var form = $("#create_overheads");

    form.validate({
        rules: {
            overheads_name: {
                required: true,
                remote: {
                    url: '{{ route('check_overheads_name') }}',
                    data: {
                        'form_name': "overheadscreate"
                    },
                    type: "GET"
                }
            }
        },
        messages: {
            overheads_name: {
                remote: "{{ __('Overheads already exists!') }}"
            }
        }
    });

    function alphaOnly(input) {
        let value = input.value;
        let numbers = value.replace(/[^0-9 ]/g, "");
        input.value = numbers;
    }
</script>