WSC Protect - Edit the Pin Check page style and text

When 2FA is enabled, WSC will record the user's IP addresses. These are stored in a log that can be seen on the "WSC Protect" tab located on WHMCS client's profiles. It's possible to change the look of the page end users see to enter the PIN code they receive via email. Some people like to change the colour of this page to match their website. Others may need to tweak the page so text is visible correctly. Open up the below file on your desktop or in a file manager. If you are editing the file in your file manager, make a copy first.

/modules/addons/tickets_credentials/templates/pinchecker.tpl

As of V2.1.1 you also edit this page to change the text that is displayed to end users. We will add language strings in a future version. The default code of the file displays as;

div class="row">
    <div class="col-md-12">
        <div class="card panel panel-default card-default">            
            <div class="card-body panel-body">
                <form method="POST" action="" role="form">
                    <input type="hidden" name="checkpin" value="1">
                    <div class="smsmanagerarea" style="background-color: #fff">
                        {if $alert}
                            <div class="alert alert-danger">Invalid PIN, please try to put right PIN to continue login!</div>
                        {/if}
                        <center><b>It looks like you are logging in to your Dev GB account from an IP address we have not seen before. We have blocked this login to protect your account. You should have received a random login code to your registered email address. Please enter the code below to whitelist this new IP and access your account.</b></center>
                        <br><br>
                        <div>
                            <div class="form-group row">
                                <label for="inputExistingPassword" class="col-xl-4 col-form-label" style="text-align: right">PIN</label>
                                <div class="col-xl-5">
                                    <input type="password" class="form-control" name="pin" id="inputExistingPassword" autocomplete="off">
                                </div>
                            </div>
                        </div>            
                        <div class="form-group text-center">
                            <input class="btn btn-primary" type="submit" name="save" value="Validate PIN Now">
                            <a class="btn btn-danger" href="logout.php">Logout</a>
                        </div> 
                </form>
            </div> 
        </div> 
    </div>
</div>

• At line 7 you can change the background of the Pin Checker form. Its default is #fff for a white background. 
• At line 9 you can change the text of the warning that is displayed when an incorrect pin is entered.
• At line 11 you can change the text displayed explaining 2FA authentication is required.
• At line 22 you can change the text of the buttons on the page.