One Hat Cyber Team
Your IP :
172.69.130.198
Server IP :
188.114.96.4
Server :
Linux thuru 6.5.11-4-pve #1 SMP PREEMPT_DYNAMIC PMX 6.5.11-4 (2023-11-20T10:19Z) x86_64
Server Software :
Apache/2.4.51 (Unix) OpenSSL/1.0.2k-fips
PHP Version :
7.3.33
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
thuruk
/
public_html
/
application
/
views
/
Edit File:
registration_view.php
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Thuru Kapakaru | User Registration</title> <link href="<?php echo base_url();?>public/assets/css/bootstrap.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/style.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/revolution-slider.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/mystyle.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/main.css" rel="stylesheet"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link href="<?php echo base_url();?>public/assets/css/responsive.css" rel="stylesheet"> <!-- Stylesheets --> <!-- <link href="<?php echo base_url();?>public/assets/css/bootstrap.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/style.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/revolution-slider.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/mystyle.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/main.css" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> --> <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if lt IE 9]><script src="js/respond.js"></script><![endif]--> <link href="<?php echo base_url();?>public/assets/css/responsive.css" rel="stylesheet"> <?php $page='registration'; ?> </head> <body> <div class="page-wrapper"> <!-- Preloader <div class="preloader"></div>--> <?php // $path = $_SERVER['DOCUMENT_ROOT']; $path = "/resources/includes/header.php"; /*$path .= */ require_once(__DIR__.$path); ?> <!--End Main Header --> <!--Default Section / Other Info--> <section class="default-section other-info reg-section"> <div class="auto-container registration-fix-col"> <div class="row clearfix registration-fix-row"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <div class="container registration-fix-col"> <div class="row registration-fix-row"> <!-- BEGIN SEARCH RESULT --> <div class="col-md-12 registration-fix-col"> <div class="row registration-fix-row"> <!-- BEGIN RESULT --> <div class="col-md-12 registration-fix-col"> <section class="registration-section"> <form id="regForm" action="<?php echo base_url();?>/Registration/SaveUserRegistration" method="post"> <h1 id="reg-head">Registration</h1> <br><br> <!-- One "tab" for each step in the form: --> <div class="tab">Mobile Number: <p><input placeholder="Enter your mobile here" type="number" oninput="validate_mobile(this.value)" id="number" name="mobilenumber"></p> <p>(Eg: 7x xxx xxxx)</p> <div id="result"></div> <!-- <div id="result2" style="background-color: green;">All good</div> --> </div> <input type="hidden" id="otp"> <div class="tab opt-tab"><h5>OTP Verification:</h5><br> <div class="container height-100 d-flex justify-content-center align-items-center"> <div class="position-relative"> <div class="card p-2 text-center"> <h6>Please enter the one time password <br> to verify your account</h6> <div> <span>A code has been sent to</span> <small id="valid_number"></small> </div> <div id="otp" class="inputs d-flex flex-row justify-content-center mt-2"> <input class="otp-form" type="text" id="v1" placeholder="Enter OTP code here" maxlength="6" /> </div> <div class="mt-4"> <a class="btn btn-danger px-4 validate" onclick="validate_otp()">Validate</a> </div> </div> </div> </div> <!-- <p><input placeholder="Verify OTP" oninput="validate_otp(this.value)" name='otp' id="otp"></p> <div id="otpresult" style="color:red;"></div> --><br> <div id="otpresult" style="color:red;"></div> <!-- <span class="otpmg">Successful</span>--> </div> <div class="tab">Personal Details: <p><input placeholder="First name..." name='fname'></p> <!-- <p><input placeholder="District" name='district'></p>--> <p> <select class="form-control" id="sel1" name="district" > <option value="Jaffna">Jaffna</option> <option value="Kilinochchi">Kilinochchi</option> <option value="Mannar">Mannar</option> <option value="Mullaitivu">Mullaitivu</option> <option value="Vavuniya">Vavuniya</option> <option value="Puttalam">Puttalam</option> <option value="Kurunegala">Kurunegala</option> <option value="Gampaha">Gampaha</option> <option value="Colombo">Colombo</option> <option value="Kalutara">Kalutara</option> <option value="Anuradhapura">Anuradhapura</option> <option value="Polonnaruwa">Polonnaruwa</option> <option value="Matale">Matale</option> <option value="Kandy">Kandy</option> <option value="Nuwara Eliya">Nuwara Eliya</option> <option value="Kegalle">Kegalle</option> <option value="Ratnapura">Ratnapura</option> <option value="Trincomalee">Trincomalee</option> <option value="Batticaloa">Batticaloa</option> <option value="Ampara">Ampara</option> <option value="Monaragala">Monaragala</option> <option value="Hambantota">Hambantota</option> <option value="Matara">Matara</option> <option value="Galle">Galle</option> </select></p> <p><input placeholder="E-mail..." name='email'></p> <p><input placeholder="City" name='city'></p> <p><input placeholder="Password" type="password" name='password'></p> </div> <div class="tab"> <span class="complete">Click on the submit button to complete your registration</span> <!--<span class="complete2">You can log now</span>--> </div> <div style="overflow:auto;"> <div style="float:right;"> <button type="button" id="prevBtn" onclick="nextPrev(-1)">Previous</button> <button type="button" id="nextBtn" onclick="nextPrev(1)">Next</button> </div> </div> <!-- Circles which indicates the steps of the form: --> <div style="text-align:center;margin-top:40px;"> <span class="step"></span> <span class="step"></span> <span class="step"></span> <span class="step"></span> </div> </form> </section> </div> <!-- END RESULT --> </div> </div> </div> </div> <!-- END SEARCH RESULT --> </div> </div> </section> <!--Main Footer--> <?php include __DIR__.'/resources/includes/footer.php'; ?> <!--End pagewrapper--> <!--Donate Popup--> <div class="modal fade pop-box" id="donate-popup" tabindex="-1" role="dialog" aria-labelledby="donate-popup" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <!--Donation Section--> <section class="donation-section"> <div class="donation-form-outer"> <form method="post" action="contact.html"> <!--Form Portlet--> <div class="form-portlet"> <h3>How Much Would you like to Donate?</h3> <div class="row clearfix"> <div class="form-group col-lg-7 col-md-12 col-xs-12 clearfix"> <div class="radio-select"> <input type="radio" name="sel-amount" id="amount-1"> <label for="amount-1">$10</label> </div> <div class="radio-select"> <input type="radio" name="sel-amount" id="amount-2" checked> <label for="amount-2">$25</label> </div> <div class="radio-select"> <input type="radio" name="sel-amount" id="amount-3"> <label for="amount-3">$50</label> </div> <div class="radio-select"> <input type="radio" name="sel-amount" id="amount-4"> <label for="amount-4">$100</label> </div> <div class="radio-select"> <input type="radio" name="sel-amount" id="amount-5"> <label for="amount-5">$150</label> </div> </div> <div class="form-group other-amount col-lg-5 col-md-8 col-xs-12 padd-top-10"> <input type="text" name="other-amount" value="" placeholder="Or Other Amount"> </div> </div> </div> <br> <!--Form Portlet--> <div class="form-portlet"> <h4>Billing Information</h4> <div class="row clearfix"> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">First Name <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="First Name" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Last Name <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Last Name" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Email <span class="required">*</span></div> <input type="email" name="name" value="" placeholder="Email" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Phone <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Phone" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Address 1 <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Address 1" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Address 2 <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Address 2" required> </div> </div> </div> <br> <!--Form Portlet--> <div class="form-portlet"> <h4>Payment Information</h4> <div class="payment-option-logo"><img class="img-responsive" src="../images/resource/payment-logos.png" alt=""></div> <br> <div class="row clearfix"> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Card Number <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Card Number" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Card Holder Name <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Card Holder Name" required> </div> <div class="form-group col-lg-3 col-md-3 col-xs-12"> <div class="field-label">Expire Date <span class="required">*</span></div> <select> <option>01</option> <option>02</option> <option>03</option> <option>04</option> <option>05</option> <option>06</option> <option>07</option> <option>08</option> <option>09</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class="form-group col-lg-3 col-md-3 col-xs-12"> <div class="field-label"> </div> <select> <option>2016</option> <option>2017</option> <option>2018</option> <option>2019</option> <option>2020</option> </select> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Security Code (CVC) <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Security Code" required> </div> </div> </div> <div class="text-left"><button type="submit" class="theme-btn btn-style-two">Donate Now</button></div> </form> </div> </section> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <!-- /.modal --> <!--registration js--> <script> var currentTab = 0; // Current tab is set to be the first tab (0) showTab(currentTab); // Display the current tab function showTab(n) { // This function will display the specified tab of the form ... var x = document.getElementsByClassName("tab"); x[n].style.display = "block"; // ... and fix the Previous/Next buttons: if (n == 0) { document.getElementById("prevBtn").style.display = "none"; } else { document.getElementById("prevBtn").style.display = "inline"; } if (n == (x.length - 1)) { document.getElementById("nextBtn").innerHTML = "Submit"; } else { document.getElementById("nextBtn").innerHTML = "Next"; } // ... and run a function that displays the correct step indicator: fixStepIndicator(n) } function nextPrev(n) { // This function will figure out which tab to display var x = document.getElementsByClassName("tab"); // Exit the function if any field in the current tab is invalid: if (n == 1 && !validateForm()) return false; // Hide the current tab: x[currentTab].style.display = "none"; // Increase or decrease the current tab by 1: currentTab = currentTab + n; // if you have reached the end of the form... : if (currentTab >= x.length) { //...the form gets submitted: document.getElementById("regForm").submit(); return false; } // Otherwise, display the correct tab: showTab(currentTab); } function validateForm() { // This function deals with validation of the form fields var x, y, i, valid = true; x = document.getElementsByClassName("tab"); y = x[currentTab].getElementsByTagName("input"); // A loop that checks every input field in the current tab: for (i = 0; i < y.length; i++) { // If a field is empty... if (y[i].value == "") { // add an "invalid" class to the field: y[i].className += " invalid"; // and set the current valid status to false: valid = false; } } // If the valid status is true, mark the step as finished and valid: if (valid) { document.getElementsByClassName("step")[currentTab].className += " finish"; } return valid; // return the valid status } function fixStepIndicator(n) { // This function removes the "active" class of all steps... var i, x = document.getElementsByClassName("step"); for (i = 0; i < x.length; i++) { x[i].className = x[i].className.replace(" active", ""); } //... and adds the "active" class to the current step: x[n].className += " active"; } function validate_otp(){ var mobile_number = parseInt(document.getElementById("number").value,10).toString(); var v1 = document.getElementById("v1").value; /* var v2 = document.getElementById("v2").value; var v3 = document.getElementById("v3").value; var v4 = document.getElementById("v4").value; var v5 = document.getElementById("v5").value; var v6 = document.getElementById("v6").value; var res = v1+v2+v3+v4+v5+v6;*/ $.ajax({ url:"<?php echo base_url("Registration/otpValidation");?>", method:"post", data:{otp:v1,mobile_number:mobile_number}, cache: false, success:function(data) { if(data == 1){ document.getElementById("otpresult").innerHTML = "All good"; document.getElementById("otpresult").style.color = "green"; document.getElementById("nextBtn").disabled = false; }else{ document.getElementById("otpresult").innerHTML = "Invalid OTP Number"; document.getElementById("nextBtn").disabled = true; document.getElementById("otpresult").style.color = "red"; } } }); /*}else{ document.getElementById("result").innerHTML = "Enter correct mobile number."; document.getElementById("result").style.color = "green"; document.getElementById("nextBtn").disabled = true; }*/ } function validate_mobile(query1) { var query = parseInt(query1,10).toString(); if(query.length == 9){ $.ajax({ url:"<?php echo base_url("Registration/validateNumber");?>", method:"post", data:{query:query}, cache: false, success:function(data) { if(data == 1){ document.getElementById("result").innerHTML = "You can't use this mobile number!"; document.getElementById("nextBtn").disabled = true; document.getElementById("result").style.color = "red"; }else{ document.getElementById("valid_number").innerHTML =query; document.getElementById("result").innerHTML = "All good"; document.getElementById("result").style.color = "green"; document.getElementById("nextBtn").disabled = false; } } }); }else{ document.getElementById("result").innerHTML = "Enter valid mobile number."; document.getElementById("result").style.color = "red"; // document.getElementById("result").style.background-color = "white"; document.getElementById("nextBtn").disabled = true; } } </script> <script src="<?php echo base_url();?>public/assets/js/jquery.js"></script> <script src="<?php echo base_url();?>public/assets/js/bootstrap.min.js"></script> <script src="<?php echo base_url();?>public/assets/js/revolution.min.js"></script> <script src="<?php echo base_url();?>public/assets/js/jquery.fancybox.pack.js"></script> <script src="<?php echo base_url();?>public/assets/js/jquery.fancybox-media.js"></script> <script src="<?php echo base_url();?>public/assets/js/owl.js"></script> <script src="<?php echo base_url();?>public/assets/js/wow.js"></script> <script src="<?php echo base_url();?>public/assets/js/script.js"></script> </body> </html>
Simpan