
<!-- Connect to WebPayment table on WEBSQL -->


<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="" lang="en">
<!--<![endif]-->
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sault College - Main Tryouts</title>

<link rel="stylesheet" type="text/css" href="scripts/css/MyFontsWebfontsKit/MyFontsWebfontsKit.css">
    <link href="boilerplate.css" rel="stylesheet" type="text/css">

    <!-- Bootstrap CSS -->
    <link href="scripts/css/bootstrap.css" rel="stylesheet" type="text/css">

    <script src="/respond.min.js"></script>
    <script type="text/javascript" src="scripts/js/smartmenus-1.0.1/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="scripts/js/smartmenus-1.0.1/libs/jquery/jquery.js"></script>
    <script type="text/javascript" src="scripts/js/smartmenus-1.0.1/jquery.smartmenus.js"></script>
    <script type="text/javascript" src="scripts/js/SCscripts.js"></script>

    <!--Bootstrap JS-->
    <script type="text/javascript" src="scripts/js/bootstrap.min.js"></script>

    <!-- Icon library for favicon icons -->
    <link href="https://use.fontawesome.com/releases/v5.3.0/css/all.css" rel="stylesheet"/>

    <!--Bootstrap Formhelpers - phone (Field Formatter)-->
    <script type="text/javascript" src="scripts/js/bootstrap-formhelpers-phone.js"></script>

    <script type="text/javascript" language="javascript" src="scripts/js/validateEmail.js"></script>
    <script type="text/javascript" language="javaScript" src="scripts/js/OnlineRegistration.js"></script>

    <style>
        .card-header {
            cursor: pointer;
        }

        [data-toggle="collapse"].collapsed .fa:before {
            content: "\f077";
        }

        [data-toggle="collapse"] .fa:before {
            content: "\f078";
        }
        .title {
            border-bottom: 1px solid #dedede;
        }

        .form-check-inline{
            display: flex;
            align-items: center;
            margin-left: 50px;
        }

        .form-check-input{
            transform: scale(2);
        }

        .form-check-label{
            font-size: 1.5em;
            margin-left: 15px;
            white-space: nowrap;
        }
    </style>

    <script>
//<![CDATA[

//*******************************************************************************
// This function validates all the form data before submitting to the set up page
//*******************************************************************************
function validate_form() {

    var I;
    var selText;

    //Validate First Name - Letters Only
    var firstName = document.getElementById('firstname');
    firstName.value = trim(firstName.value);
    if (notEmpty(firstName, "Please enter a First Name") == false)
        return false;
    else
    if (isAlphabet(firstName, "Only letters permitted in First Name") == false)
        return false;

    //Validate the Last Name - Letters Only
    var lastName = document.getElementById('lastname');
    lastName.value = trim(lastName.value);
    if (notEmpty(lastName, "Please enter a Last Name") == false)
        return false;
    else
    if (isAlphabet(lastName, "Only letters permitted in Last Name") == false)
        return false;

    //Validate the Email
    var email = document.getElementById('IdEmail');
    email.value = trim(email.value);
    if (notEmpty(email, "Please enter an email") == false)
        return false;
    else
    if (emailValidator(email, "Invalid email format") == false)
        return false;
		
	//Validate the Birth Date
    var birth = document.getElementById('IdBirthDate');
    birth.value = trim(birth.value);
    if (notEmpty(birth, "Please enter birth date.") == false)
        return false;

    //Validate Hometown
    var hometown = document.getElementById('Hometown');
    hometown.value = trim(hometown.value);
    if(notEmpty(hometown, "Please enter a Hometown") == false)
        return false;
    else
    if(isAlphabet(hometown, "Only letters permitted in Hometown") == false)
        return false;

    //Validate Primary Position
    var PrimaryPosition = document.getElementById('PrimaryPosition');
    PrimaryPosition.value = trim(PrimaryPosition.value);
    if(notEmpty(PrimaryPosition, "Please enter a Primary Position.") == false)
        return false;
    else
    if(isAlphabet(PrimaryPosition, "Only letters permitted in Primary Position.") == false)
        return false;

    //Validate Secondary Position
    var SecondaryPosition = document.getElementById('SecondaryPosition');
    SecondaryPosition.value = trim(SecondaryPosition.value);
    if(notEmpty(SecondaryPosition, "Please enter a Secondary Position.") == false)
        return false;
    else
    if(isAlphabet(SecondaryPosition, "Only letters permitted in Secondary Position.") == false)
        return false;

    //Validate Height
    var height = document.getElementById('Height');
    height.value = trim(height.value);
    if(notEmpty(height, "Please enter a Height.") == false)
        return false;
    else
    if(isAlphanumeric(height, "Only letters permitted in Height.") == false)
        return false;
    
    //Validate Weight
    var weight = document.getElementById('Weight');
    weight.value = trim(weight.value);
    if(notEmpty(weight, "Please enter a Weight.") == false)
        return false;
    else
    if(isNumeric(weight, "Only numbers permitted in Weight.") == false)
        return false;

    //Validate Year attending college
    var yearAttending = document.getElementById('attendingSC');
    yearAttending.value = trim(yearAttending.value);
    if(notEmpty(yearAttending, "Please enter a year attending if applicable or None.") == false)
        return false;
    else
    if(isAlphanumeric(yearAttending, "Only letters & numbers permitted in Year attending Sault College.") == false)
        return false;

    //Valdate Applied for college
    var appliedForSC = document.getElementById('appliedForSC');
    appliedForSC.value = trim(appliedForSC.value);
    if(notEmpty(appliedForSC, "Please enter a Yes or No in Applied for Sault College.") == false)
        return false;
    else
    if(isAlphabet(appliedForSC, "Only letters permitted in Applied for Sault College.") == false)
        return false;

    //Validate Housing for season
    var housingRequired = document.getElementById('housingRequired');
    housingRequired.value = trim(housingRequired.value);
    if(notEmpty(housingRequired, "Please enter a Yes or No in housing required.") == false)
        return false;
    else
    if(isAlphabet(housingRequired, "Only letters permitted in Housing Required.") == false)
        return false;

    //Validate other progs
    var otherProgs = document.getElementById('otherProgs');
    otherProgs.value = trim(otherProgs.value);
    if(notEmpty(otherProgs, "Please enter a other programs your interesed if applicable or None.") == false)
        return false;
    else
    if(isAlphabet(housingRequired, "Only letters permitted in Other programs considering.") == false)
        return false;

    //Validate heath issues
    var healthConditions = document.getElementById('healthConditions');
    healthConditions.value = trim(healthConditions.value);
    if(notEmpty(healthConditions, "Please enter any health conditions if applicable or None.") == false)
        return false;
    else
    if(isAlphabet(healthConditions, "Only letters permitted in health conditions.") == false)
        return false;


    // Validate accomodations
    var hotelRadio = document.getElementById('bookHotel');
    var noAccomodationRadio = document.getElementById('noAccomodation');
    
    if(!hotelRadio.checked && !noAccomodationRadio.checked){
        alert("Check a accomodations box please");
        hotelRadio.focus();
        return false;
    }

    if(hotelRadio.checked){
        document.getElementById("accomodations").value = hotelRadio.value
    }

    if(noAccomodationRadio.checked){
        document.getElementById("accomodations").value = noAccomodationRadio.value
    }

    // Validate checkbox
    var vetRadio = document.getElementById("committed/vet")
    var tryoutRadio = document.getElementById("recruit/tryout")

    if(!vetRadio.checked && !tryoutRadio.checked){
        alert("Check a status box please")
        vetRadio.focus();
        return false;
    }
    if(vetRadio.checked){
        document.getElementById("hdnFundDesc").value = "Main Tryouts Ticket";
        document.getElementById("hdnFundName").value = "3";
        document.getElementById("amount").value = 22.60;
        document.getElementById("price").value = 22.60;
        
        document.getElementById("birth").value = document.getElementById("IdBirthDate").value;


        $("#myModal1").modal("show");
        document.getElementById('donorForm').action = "MainTryouts_SetUp.asp";
    } else {
        document.getElementById("hdnFundDesc").value = "Main Tryouts Ticket";
        document.getElementById("hdnFundName").value = "3";
        document.getElementById("amount").value = 33.90;
        document.getElementById("price").value = 33.90;
        
        document.getElementById("birth").value = document.getElementById("IdBirthDate").value;


        $("#myModal1").modal("show");
        document.getElementById('donorForm').action = "MainTryouts_SetUp.asp";
    }
}

    //submit function
    function submit() {
        document.donorForm.submit();
        }
  
  //function changes background color when field gets focus
  function setBGColor(obj){
    obj.style.backgroundColor = "#FFFFBA";
  }

  //function returns background color to white when loosing focus
  function resetBGColor(obj){
    obj.style.backgroundColor = "";
  }	   
	
	function cleanSQLText(sqlText)
	{
	  sqlText = sqlText.replace(/['"-;]/g, "");
		return sqlText;   
	}
	
	
	//******************************************************************************************
	//The following functions provided by http://www.tizag.com/javascriptT/javascriptform.php
	
	// This function ensures the values are only Letters or Numbers
	function isAlphanumeric(elem, helperMsg){
	  var alphaExp = /^[0-9a-zA-Z .]+$/;
	  if(elem.value.match(alphaExp)){
		  return true;
	  }else{
		  alert(helperMsg);
		  elem.focus();
		  return false;
	  }
  }
	
	//Removes leading and trailing spaces
	function trim(stringToTrim) {
	  return stringToTrim.replace(/^\s+|\s+$/g,"");
  }

    //Removes everything accept numbers
	function trimNonNumbers(stringToTrim) {
	  return stringToTrim.replace(/\D+/g,"");
  }
	
	// If the length of the element's string is 0 then display helper message
  function notEmpty(elem, helperMsg){
	  if(elem.value.length == 0){
		  alert(helperMsg);
		  elem.focus(); // set the focus to this input
		  return false;
	  }
	  return true;
  }
  
  //Verify the date of in the valid range
  function isBirthInRange(elem, helperMsg){
	  var checkBirthExp = /^20(07|1[0-4])/;
	  if(elem.value.match(checkBirthExp)){
		  return true;
	  }else{
		  elem.focus();
          alert(helperMsg);
		  return false;
	  }
  }
	
	//Verify the string only contains letters and spaces
  function isAlphabet(elem, helperMsg){
	  var alphaExp = /^[a-zA-Z .]+$/;
	  if(elem.value.match(alphaExp)){
		  return true;
	  }else{
		  elem.focus();
          alert(helperMsg);
		  return false;
	  }
  }
	
	//Verify the string contains only numbers
  function isNumeric(elem, helperMsg){
    var numericExpression = /^[0-9]+$/;
    if(elem.value.match(numericExpression)){
      return true;
    }else{
      alert(helperMsg);
      elem.focus();
      return false;
    }
  }
		
  //Validate the email address
  function emailValidator(elem, helperMsg){
    var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
    if(elem.value.match(emailExp)){
      return true;
    }else{
      alert(helperMsg);
      elem.focus();
      return false;
    }
  }
		
//]]>
    </script>
</head>
<body style="width:94%">
    <div class="container">
        <div id="contentwrap">
            <div id="leftCol4" role="main">
                <div id="leftCol4R" role="contentinfo">
                    <div id="leftCol4M" class="bootstrap">
                        <br />
                        <p style="font-size:1.25rem !important;">
                            Main Tryouts Ticket - March. 28th-30th
                            <br /><br />
                            <label class="title">Dates:</label><br />
                            March 28th - (Friday 6:00pm - 8:00pm)
                            <br />
                            Pre-practice meeting at 5:00pm in both classrooms in the hockey arena
                            <br />
                            <br />
                            March 29th - (Saturday 10:00am - 12:00pm) & (2:00pm - 4:00pm)
                            <br />
                            Pre-practice meeting at 9:00-10:00am in the arena
                            <br />
                            <br />
                            Pre-practice meeting at 1:00pm-2:00pm in the arena
                            <br />
                            <br />
                            March 30th - (Sunday 10:00am - 12:00pm) & (1:00pm - 3:00pm - Scrimmage)
                            <br />
                            Pre-practice meeting at 9:00-10:00am in the arena
                            <br />
                            <br />
                            Academic / Housing applications - 4:00pm in 1 classroom in the hockey arena
                            <br /><br />
                            <label class="title">Cost:</label><br />
							Commits/Vets - $20.00 + HST
                            <br />
                            <br />
                            Tryout Player/Recruit - $30.00 + HST
							<br /><br />
							<label class="title">Location:</label><br />
							NCC Arena, 556 Goulais Ave
							<br /><br />
                        </p>
                        <br />
                        <br />

                        <form method="post" name="donorForm" id="donorForm">

                            <!-- ***************** HIDDEN FORM FIELDS ***************** -->

                            <input type="hidden" name="hdnFundDesc" id="hdnFundDesc" />
                            <input type="hidden" name="fundName" id="hdnFundName" />
							<input type="hidden" name="birth" id="birth" />
                            <input type="hidden" name="amount" id="amount" />
                            <input type="hidden" name="price" id="price" />
                            <input type="hidden" name="accomodations" id="accomodations" />
                            <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">


                            <!-- ***************** CONTACT FIELDS ***************** -->

                            <div class="form-row justify-content-center">
                                <div class="form-group col-md-6">
                                    <label for="firstname">First Name <label style="color:#9B0000">*</label></label>
                                    <input name="firstname" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="firstname" maxlength="49" />
                                    <small id="IdFirstNameError" class="text-danger"></small>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="lastname">Last Name <label style="color:#9B0000">*</label></label>
                                    <input name="lastname" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="lastname" maxlength="49" />
                                    <small id="IdLastNameError" class="text-danger"></small>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="Hometown">Hometown <label style="color:#9B0000">*</label></label>
                                    <input name="Hometown" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="Hometown" maxlength="49" />
                                    <small id="IdHometownError" class="text-danger"></small>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="IdPhoneNumber">Phone Number <label style="color:#9B0000">*</label></label>
                                    <input name="IdPhoneNumber" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg bfh-phone" data-format="(ddd) ddd-dddd">
                                    <small id="IdPhoneNumberError" class="text-danger"></small>
                                </div>
                            </div>
                            <div class="form-row justify-content-center">
                                <div class="form-group col-md-12">
                                    <label for="IdEmail">Email address <label style="color:#9B0000">*</label></label>
                                    <input name="email" onkeydown="EnterHandler();" type="email" class="form-control form-control-lg" id="IdEmail" aria-describedby="emailHelp" placeholder="example@email.com" maxlength="49">
                                    <small id="IdEmailError" class="text-danger"></small>
                                </div>
                            </div>

                            <!--Horizontal Line Spacer-->
                            <div class="form-row justify-content-center">
                                <div class="form-group col-md-10" style="margin: 0px;">
                                    <hr />
                                </div>
                            </div>
                            <!--./Horizontal Line Spacer-->

                            <div class="form-row justify-content-center">
                                <label for="status">Status: <label style="color:#9B0000">*</label></label>
                                <div class="form-check col-md-2 form-check-inline">
                                    <input name="status" onkeydown="EnterHandler();" type="radio" class="form-check-input" id="committed/vet" value="Committed/Vet" />
                                    <label class="form-check-label" for="committed/vet">Comitted/Vet</label>
                                    <small id="IdStatusError" class="text-danger"></small>
                                </div>
                                <div class="form-check col-md-2 form-check-inline">
                                    <input name="status" onkeydown="EnterHandler();" type="radio" class="form-check-input" id="recruit/tryout" value="Recruit/Tryout" />
                                    <label class="form-check-label" for="recruit/tryout">Recruit/Tryout</label>
                                    <small id="IdStatusError" class="text-danger"></small>
                                </div>
                            </div>

                            <!--Horizontal Line Spacer-->
                            <div class="form-row justify-content-center">
                                <div class="form-group col-md-10" style="margin: 0px;">
                                    <hr />
                                </div>
                            </div>
                            <!--./Horizontal Line Spacer-->

                            <div class="form-row justify-content-center">
                                <div class="form-group col-md-6">
                                    <label for="PrimaryPosition">Primary Position <label style="color:#9B0000">*</label></label>
                                    <input name="PrimaryPosition" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="PrimaryPosition" maxlength="12" />
                                    <small id="IdPrimaryPositionError" class="text-danger"></small>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="SecondaryPosition">Secondary Position <label style="color:#9B0000">*</label></label>
                                    <input name="SecondaryPosition" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="SecondaryPosition" maxlength="12" />
                                    <small id="IdSecondaryPositionError" class="text-danger"></small>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="Height">Height (feet inches)<label style="color:#9B0000">*</label></label>
                                    <input name="Height" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg bfh-phone" id="Height" data-format="d dd" />
                                    <small id="IdHeightError" class="text-danger"></small>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="Weight">Weight (In lbs) <label style="color:#9B0000">*</label></label>
                                    <input name="Weight" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="Weight" maxlength="4" />
                                    <small id="IdWeightError" class="text-danger"></small>
                                </div>
								<div class="form-group col-md-12">
									<label for="IdBirthDate">Birth Date <label style="color:#9B0000">*</label></label>
                                    <input name="IdBirthDate"  id="IdBirthDate" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg bfh-phone" data-format="dddd-dd-dd" placeholder="yyyy-mm-dd">
                                    <small id="IdBirthDateError" class="text-danger"></small>
								</div>
                            </div>
                                
                                <!--Horizontal Line Spacer-->
                                <div class="form-row justify-content-center">
                                    <div class="form-group col-md-10" style="margin: 0px;">
                                        <hr />
                                    </div>
                                </div>
                                <!--./Horizontal Line Spacer-->

                                <div class="form-row justify-content-center">
                                    <div class="form-group col-md-6">
                                        <label for="attendingSC">Year planning on attending Sault College<label style="color:#9B0000">*</label></label>
                                        <input name="attendingSC" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="attendingSC" maxlength="12" />
                                        <small id="IdAttendingSCError" class="text-danger"></small>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="appliedForSC">Applied for Sault College<label style="color:#9B0000">*</label></label>
                                        <input name="appliedForSC" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="appliedForSC" maxlength="12" />
                                        <small id="IdAppliedForSCError" class="text-danger"></small>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="housingRequired">Housing required for this season<label style="color:#9B0000">*</label></label>
                                        <input name="housingRequired" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="housingRequired" maxlength="12" />
                                        <small id="IdHousingRequiredError" class="text-danger"></small>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="otherProgs">Other programs considering<label style="color:#9B0000">*</label></label>
                                        <input name="otherProgs" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="otherProgs" maxlength="100" />
                                        <small id="IdOtherProgsError" class="text-danger"></small>
                                    </div>
                                </div>

                            <div class="form-row justify-content-center">
                                <div class="form-group col-md-6">
                                    <label for="healthConditions">Any health conditions that we should know.<label style="color:#9B0000">*</label></label>
                                    <input name="healthConditions" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg" id="healthConditions" maxlength="200" />
                                    <small id="IdHealthConditionsError" class="text-danger"></small>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="IdEContactNumber">Emergency Contact Number <label style="color:#9B0000">*</label></label>
                                    <input name="IdEContactNumber" onkeydown="EnterHandler();" type="text" class="form-control form-control-lg bfh-phone" data-format="(ddd) ddd-dddd">
                                    <small id="IdEContactNumberError" class="text-danger"></small>
                                </div>
                            </div>

                            <!--Horizontal Line Spacer-->
                            <div class="form-row justify-content-center">
                                <div class="form-group col-md-10" style="margin: 0px;">
                                    <hr />
                                </div>
                            </div>
                            <!--./Horizontal Line Spacer-->
                            
                            <div class="form-row justify-content-center">
                                <label for="accomodations">Accomodations: <label style="color:#9B0000">*</label></label>
                                <div class="form-check col-2 form-check-inline  ">
                                    <input class="form-check-input" name="accomodation" onkeydown="EnterHandler();" type="radio" id="bookHotel" value="bookingHotel" />
                                    <label class="form-check-label" for="bookHotel">I will book a hotel</label>
                                    <small id="IdAccomodationsError" class="text-danger"></small>
                                </div>
                                <div class="form-check col-2 form-check-inline" >
                                    <input class="form-check-input"  name="accomodation" onkeydown="EnterHandler();" type="radio" id="noAccomodation" value="noAccomodation" />
                                    <label class="form-check-label"  for="noAccomodation">No accomodations required</label>
                                    <small id="IdAccomodationsError" class="text-danger"></small>
                                </div>
                            </div>

                            <!--Horizontal Line Spacer-->
                            <div class="form-row justify-content-center">
                                <div class="form-group col-md-10" style="margin: 0px;">
                                    <hr />
                                </div>
                            </div>
                            <!--./Horizontal Line Spacer-->

                            <!-- ***************** SUBMIT FIELDS ***************** -->
                            <div class="form-row justify-content-left">
                                <div class="col-md-12">
                                    <script src="https://www.google.com/recaptcha/api.js?render=6Le6b_slAAAAAHAXjB9072E-gmQ9ZgJ1Js2Vthie"></script>
                                    <script>
                                    grecaptcha.ready(function() {
                                        grecaptcha.execute('6Le6b_slAAAAAHAXjB9072E-gmQ9ZgJ1Js2Vthie', {action: 'submit'}).then(function(token) {
                                        document.getElementById('g-recaptcha-response').value=token;
                                        });
                                    });
                                    </script>
                                </div>
                            </div>
                            <div class="form-row justify-content-left">
                                <div class="col-md-4">
                                    <input type="button" id="btnSubmit" class="btn btn-lg btn-primary" name="btnSubmit" value="Submit" alt="Submit This Form" onclick="return validate_form();" />&nbsp;&nbsp;&nbsp;
                                </div>
                                <div class="col-md-8">
                                    <div class="form-group text-right" style="color:#9B0000">* Indicates required field</div>
                                </div>
                            </div>
                            <div>
                                <br />
                                <p><b>If the payment form is unavaliable from your device, please try using the Microsoft Edge browser.</b></p>
                            </div>

                            <!--Confirm Modal (Online Payment)-->
                            <div class="modal fade" id="myModal1" role="dialog">
                                <div class="modal-dialog modal-dialog-centered">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h4 class="modal-title text-primary">Payment Redirect
                                            </h4>
                                            <button type="button" class="close"
                                                data-dismiss="modal" aria-hidden="true">
                                                <span class="fa fa-times"></span>
                                            </button>
                                        </div>
                                        <div class="modal-body help" style="font-size: 1.25rem;">
                                            You will be redirected to our chase site to complete your transaction.
                                            <br />
                                            <br />
                                            Would you like to continue?
                                        </div>
                                        <div class="modal-footer justify-content-between">
                                            <button type="button" class="btn btn-lg btn-primary" onclick="return submit()">Continue</button>
                                            <button class="btn btn-lg btn-light" data-dismiss="modal">Back</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBFAHzYLeWyNIuyQJo1XitvDocuyH4ELRw&libraries=places&callback=initAutocomplete" async defer></script>

    <!--Stop entry key from being pressed and submitting form-->
    <script>
    function EnterHandler(){
        if (window.event.keyCode == 13){
            window.event.returnValue =false;
            return null;
        }
    }
    </script>

</body>
</html>
