<div class="modal fade" tabindex="-1" role="dialog" id="change-pin">
    <div class="modal-dialog modal-dialog-centered modal-md" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
            <div class="modal-body modal-body-md">
                <h5 class="title">Change Account Transaction Pin</h5>
                <form class="form-validate is-alter mt-4 form-authentic" id="change-pin-form">
                    <?php echo csrf_field(); ?>
                    <div class="form-group">
                        <label class="form-label" for="current-pin">Current Pin <span
                                class="text-danger">*</span></label>
                        <div class="form-control-wrap">
                            <input type="pin" name="old_pin" class="form-control form-control-lg"
                                id="current-pin" placeholder="Enter Current Pin" required maxlength="4">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="new-pin">New Pin <span
                                class="text-danger">*</span></label>
                        <div class="form-control-wrap">
                            <input type="pin" name="new_pin" class="form-control form-control-lg"
                                id="new-pin" placeholder="Enter new pin" required maxlength="4">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="new-pin">Retype New Pin <span
                                class="text-danger">*</span></label>
                        <div class="form-control-wrap">
                            <input type="pin" name="new_pin_confirmation"
                                class="form-control form-control-lg" id="new-pin-confirmation"
                                placeholder="Retype new pin" required maxlength="4">
                        </div>
                    </div>
                    <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                        <li>
                            <button id="update-pin" class="btn btn-primary pn-btn">
                                <span>Update Pin</span>
                                <span class="spinner-border spinner-border-sm hide pn-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                            </button>
                        </li>
                        <li>
                            <a href="javascript:void(0)" data-dismiss="modal" class="link link-light">Cancel</a>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /home2/fivemill/secure.fivemillionmiles.net/resources/views/user/modals/change_pin.blade.php ENDPATH**/ ?>