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

        <div class="form-group col-md-6">
            {{ Form::label('category', __('Category'), ['class' => 'form-label']) }}
            <span class="text-danger pl-1">*</span>
            {!! Form::select('cat_id', $category, null, ['class' => 'form-control', 'required' => 'required','id'=>'cat_id']) !!}
            @error('cat_id')
                <small class="invalid-role" role="alert">
                    <strong class="text-danger">{{ $message }}</strong>
                </small>
            @enderror
        </div>

        <div class="form-group col-md-6">
            {{ Form::label('division_id', __('Division'), ['class' => 'form-label']) }}
            <span class="text-danger pl-1">*</span>
            {!! Form::select('division_id', $division, null, ['class' => 'form-control', 'required' => 'required','id'=>'division_id']) !!}
            @error('division_id')
                <small class="invalid-role" role="alert">
                    <strong class="text-danger">{{ $message }}</strong>
                </small>
            @enderror
        </div>

       
        <div class="col-md-6">
            <div class="form-group">
                {{ Form::label('varient', __('Varient'), ['class' => 'form-label']) }}
                <span class="text-danger pl-1">*</span>
                {{ Form::text('varient', null, ['class' => 'form-control', 'maxlength' => 35, 'placeholder' => __('Enter Varient'), 'required' => 'required']) }}
                @error('varient ')
                    <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('unit', __('Unit'), ['class' => 'form-label']) }}
                <span class="text-danger pl-1">*</span>
                {{ Form::text('unit', null, ['class' => 'form-control', 'maxlength' => 35, 'placeholder' => __('Enter Unit'), 'required' => 'required']) }}
                @error('unit')
                    <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_division">
</div>

{{ Form::close() }}

<script>
    $(document).ready(function() {
        // Set up CSRF token in AJAX requests
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $('#create_material').on('submit', function(event) {
            event.preventDefault(); // Prevent form submission

            let form = $(this);
            let data = form.serialize();

            $.ajax({
                url: '{{ route('check_material_name') }}', // Route to check duplicates
                method: 'POST',
                data: data,
                success: function(response) {
                    if (response.duplicate) {
                        toastr.error('Duplicate entry found!', 'Error'); // Show error message
                    } else {
                        form.off('submit').submit(); // Allow form submission
                    }
                },
                error: function() {
                    toastr.error('An error occurred while checking for duplicates.', 'Error'); // Show error message
                }
            });
        });
    });
</script>