{{-- create modal --}}
    <div class="modal fade" id="add_supplier_modal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ __('Supplier Info') }}</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
    
                </div>
                <div class="modal-body">
                    <form action="{{ route('ajax.create_supplier') }}" method="POST" id="create_supplier" enctype="multipart/form-data">
                        @csrf
                        <div class="text-danger" id="doctor_modal_error"></div>
                        <div class="row m-2 add_supplier_inputs">
                            <input type="hidden" class="form-control" name="status" value="Active">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name"><span class="text-danger">*</span> Supplier Name</label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" placeholder="{{ __('Supplier Name') }}" name="name"  required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name">Contact Person</label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" placeholder="{{ __('Contact Person') }}" name="contact_person">
                                    </div>
                                </div>
                            </div>
    
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name"><span class="text-danger">*</span> Contact Number</label>
                                    <div class="input-group mb-3">
                                        <input type="number" maxlength="10" class="form-control" placeholder="{{ __('Contact Number') }}" name="phone"  required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name">Email Address</label>
                                    <div class="input-group mb-3">
                                        <input type="email" class="form-control" placeholder="{{ __('Email Address') }}" name="email" >
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name"><span class="text-danger">*</span> Nature of Work</label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" placeholder="{{ __('Nature of Work') }}" name="nature_of_work"  required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name">Position</label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" placeholder="{{ __('Position') }}" name="position" >
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="name">Address</label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" placeholder="{{ __('Address') }}" name="address" >
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="modal-footer justify-content-between">
                            <button type="button" class="btn btn-danger" data-dismiss="modal">{{ __('Close') }}</button>
                            <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                        </div>
                    </form>

                </div>

                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
    </div>

    {{-- edit modal --}}
    <div class="modal fade" id="edit_supplier_modal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ __('Supplier Info') }}</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
    
                </div>
                <div class="modal-body">
                    <form method="POST" id="edit_supplier_form" enctype="multipart/form-data">
                        @csrf
                        {{-- <div class="text-danger" id="doctor_modal_error"></div> --}}
                        <div class="row m-2 edit_supplier_inputs">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name"><span class="text-danger">*</span> Supplier Name</label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" placeholder="{{ __('Supplier Name') }}" name="name" id="supplier_name" required>
                                    </div>
                                </div>
                            </div>
    
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name">Contact Person</label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" placeholder="{{ __('Contact Person') }}" name="contact_person" id="supplier_contact_personx">
                                    </div>
                                </div>
                            </div>
    
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name"><span class="text-danger">*</span> Contact Number</label>
                                    <div class="input-group mb-3">
                                        <input type="number" maxlength="10" class="form-control" placeholder="{{ __('Contact Number') }}" name="phone" id="supplier_phone" required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name">Email Address</label>
                                    <div class="input-group mb-3">
                                        <input type="email" class="form-control" placeholder="{{ __('Email Address') }}" name="email" id="supplier_email">
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name"><span class="text-danger">*</span> Nature of Work</label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" placeholder="{{ __('Nature of Work') }}" name="nature_of_work"  id="supplier_nature_of_work" required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name">Position</label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" id="supplier_position2" placeholder="{{ __('Position') }}" name="position" >
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="name">Address</label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" placeholder="{{ __('Address') }}" name="address" id="supplier_address2">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="modal-footer justify-content-between">
                            <button type="button" class="btn btn-danger" data-dismiss="modal">{{ __('Close') }}</button>
                            <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                        </div>
                    </form>

                </div>

                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
    </div>