<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>

<title>NBC Credit Card Portal</title>

<style>
html {
	overflow-y: scroll;
}

body {
	padding-top: 50px;
}

legend {
	margin-top: 24px;
	font-family: Consolas, monaco, monospace;
}

select {
	text-align: center;
	text-align-last: center;
}

.dept-title {
	font-family: Consolas, monaco, monospace;
}

.button1 {
	background-color: #4CAF50;
	color: white;
	border: 2px solid #4CAF50;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	cursor: pointer;
}

.button1:hover {
	background-color: #3c8c40;
	border: 2px solid #3c8c40;
}

#state {
	text-transform: uppercase;
}

#banner {
	background-image: url('images/nbcu_header.png');
	background-color: #483975;
	background-size: cover;
	padding: 30px 30px 25px 30px;
}

#bannerupd {
	background-image: url('/images/nbcu_header.png');
	background-color: #483975;
	background-size: cover;
	padding: 30px 30px 25px 30px;
}

.banner .container {
	color: #fff;
	font-size: 175%;
}

#nbclogo {
	float: left;
	margin: 31px 0 30px 0;
	padding: 0;
	img
	{
	width
	:
	240px;
}

}
#nbclogoUpd {
	float: left;
	margin: 31px 0 30px 0;
	padding: 0;
	img
	{
	width
	:
	240px;
}

}
::-webkit-input-placeholder {
	text-transform: none;
}

:-moz-placeholder {
	text-transform: none;
}

::-moz-placeholder {
	text-transform: none;
}

:-ms-input-placeholder {
	text-transform: none;
}
</style>

<!-- Latest JQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
	integrity="sha384-1H217gwSVyLSIfaLxHbE7dRb3v4mYCKbpQvzx0cegeju1MVsGrX5xXxAvs/HgeFs"
	crossorigin="anonymous"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></link>
<!-- Optional theme -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></link>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>

</head>

<body>
	<div class="container text-center">
		<div class="banner" id="banner">
			<div class="nbclogo">
				<img src="images/nbcu_logo.png" alt="NBCUniversallogo" />				
			</div>
		</div>
		<div class="bannerupd" id="bannerupd">
			<div class="nbclogoUpd">
				<img src="../images/nbcu_logo.png" alt="NBCUniversallogowithdot" />
			</div>
		</div>
		<div>
			<p id="error" style="color: red">sitemap.xml</p>
			<p value=""></p>
		</div>
		<div id="homebtn">
			<form action="/">
				<button type="submit">Home</button>
			</form>
		</div>


		<!-- Form to create card subscription -->
		<div id="subsciption-form" class="row">
			<div class="col-sm-8 col-sm-offset-2">
				<div class="form-group col-sm-12" id="new_customer">
					
					<div id="department_title1"></div>

					
				</div>
				<form id="subscribe" method="post" action="/checkouts" autocomplete="off">
					<div
						id="hiddenFields">
						 <input
							type='hidden' id='departmentId' value=""
							name="departmentId" /> <input type="hidden" id="transtype"
							name="transtype" value="display" />

					</div>
					<!--					<input th:unless="${mode} == 'new'" type='hidden' id='departmentId' th:value="${departmentId}" name="departmentId" /> -->
					<input type='hidden' id='mode' value="new" /> <input
						type="hidden" id="errmsg" name="errmsg" value="sitemap.xml" />
					

					<div class="form-group col-sm-12 customer-fields dept-title"
						id="department_title"></div>

					<div id="payment-form"></div>
					<input type="hidden" id="nonce" name="payment_method_nonce" />
					<div class="form-group col-sm-12 customer-fields">
						<label>Project
							Title</label>  <input
							value="" type="text" name="project_name"
							class="form-control input-sm text-center"
							placeholder="Project Title" required="required" />
					</div>

					<div class="form-group col-sm-12 customer-fields">
						<label>Company/School</label>
						 <input
							value="" type="text" name="employer"
							class="form-control input-sm text-center"
							placeholder="Company/School" required="required" /> 
					</div>


					<div class="form-group col-sm-6 customer-fields">
						<label>First
							Name</label>  <input
							value="" type="text" name="first_name"
							class="form-control input-sm text-center"
							placeholder="First Name" required="required" /> 
					</div>

					<div class="form-group col-sm-6 customer-fields">
						<label>Last
							Name</label>  <input
							value="" type="text" name="last_name"
							class="form-control input-sm text-center" placeholder="Last Name" required="required" /> 
					</div>

					<!-- Where the Braintree Drop-in UI will go -->
					

					<div class="form-group col-sm-12 customer-fields">
						<legend>Billing Address</legend>
						<label>Street</label>
						 <input
							value="" type="text" name="address"
							class="form-control input-sm text-center" placeholder="Street" required="required" />
					</div>


					<div class="form-group col-sm-6 customer-fields">
						<label>City</label>
						 <input
							value="" type="text" name="city"
							class="form-control input-sm text-center" placeholder="City" required="required" />
					</div>


					<div class="form-group col-sm-6 customer-fields">
						<label>Postal
							Code</label>  <input
							value="" type="text" name="zip"
							class="form-control input-sm text-center" maxlength="10"
							placeholder="Postal Code" />
					</div>

					<div class="form-group col-sm-6 customer-fields">
						<label>State/Province</label>
						 <input
							value="" type="text" id="state" name="state"
							class="form-control input-sm text-center" maxlength="20"
							placeholder="State/Province" />
					</div>

					<div class="form-group col-sm-6 customer-fields">
						<label>Country</label>
						 <select
							name="country" id="country"
							class="form-control input-sm text-center">
							<!--							<option value="" th:if="${mode} == 'updatepay'">Choose Country</option> -->
							
							<option value="USA">United
								States</option>
							<option value="AFG">Afghanistan</option>
							<option value="ALA">Åland</option>
							<option value="ALB">Albania</option>
							<option value="DZA">Algeria</option>
							<option value="ASM">American
								Samoa</option>
							<option value="AND">Andorra</option>
							<option value="AGO">Angola</option>
							<option value="AIA">Anguilla</option>
							<option value="ATA">Antarctica</option>
							<option value="ATG">Antigua
								and Barbuda</option>
							<option value="ARG">Argentina</option>
							<option value="ARM">Armenia</option>
							<option value="ABW">Aruba</option>
							<option value="AUS">Australia</option>
							<option value="AUT">Austria</option>
							<option value="AZE">Azerbaijan</option>
							<option value="BHS">Bahamas</option>
							<option value="BHR">Bahrain</option>
							<option value="BGD">Bangladesh</option>
							<option value="BRB">Barbados</option>
							<option value="BLR">Belarus</option>
							<option value="BEL">Belgium</option>
							<option value="BLZ">Belize</option>
							<option value="BEN">Benin</option>
							<option value="BMU">Bermuda</option>
							<option value="BTN">Bhutan</option>
							<option value="BOL">Bolivia</option>
							<option value="BES">Bonaire,
								Sint Eustatius and Saba</option>
							<option value="BIH">Bosnia
								and Herzegovina</option>
							<option value="BWA">Botswana</option>
							<option value="BVT">Bouvet
								Island</option>
							<option value="BRA">Brazil</option>
							<option value="IOT">British
								Indian Ocean Territory</option>
							<option value="BRN">Brunei
								Darussalam</option>
							<option value="BGR">Bulgaria</option>
							<option value="BFA">Burkina
								Faso</option>
							<option value="BDI">Burundi</option>
							<option value="KHM">Cambodia</option>
							<option value="CMR">Cameroon</option>
							<option value="CAN">Canada</option>
							<option value="CPV">Cape
								Verde</option>
							<option value="CYM">Cayman
								Islands</option>
							<option value="CAF">Central
								African Republic</option>
							<option value="TCD">Chad</option>
							<option value="CHL">Chile</option>
							<option value="CHN">China</option>
							<option value="CXR">Christmas
								Island</option>
							<option value="CCK">Cocos
								(Keeling) Islands</option>
							<option value="COL">Colombia</option>
							<option value="COM">Comoros</option>
							<option value="COG">Congo
								(Brazzaville)</option>
							<option value="COD">Congo
								(Kinshasa)</option>
							<option value="COK">Cook
								Islands</option>
							<option value="CRI">Costa
								Rica</option>
							<option value="CIV">Côte
								d'Ivoire</option>
							<option value="HRV">Croatia</option>
							<option value="CUB">Cuba</option>
							<option value="CUW">Curaçao</option>
							<option value="CYP">Cyprus</option>
							<option value="CZE">Czech
								Republic</option>
							<option value="DNK">Denmark</option>
							<option value="DJI">Djibouti</option>
							<option value="DMA">Dominica</option>
							<option value="DOM">Dominican
								Republic</option>
							<option value="ECU">Ecuador</option>
							<option value="EGY">Egypt</option>
							<option value="SLV">El
								Salvador</option>
							<option value="GNQ">Equatorial
								Guinea</option>
							<option value="ERI">Eritrea</option>
							<option value="EST">Estonia</option>
							<option value="ETH">Ethiopia</option>
							<option value="FLK">Falkland
								Islands</option>
							<option value="FRO">Faroe
								Islands</option>
							<option value="FJI">Fiji</option>
							<option value="FIN">Finland</option>
							<option value="FRA">France</option>
							<option value="GUF">French
								Guiana</option>
							<option value="PYF">French
								Polynesia</option>
							<option value="ATF">French
								Southern Lands</option>
							<option value="GAB">Gabon</option>
							<option value="GMB">Gambia</option>
							<option value="GEO">Georgia</option>
							<option value="DEU">Germany</option>
							<option value="GHA">Ghana</option>
							<option value="GIB">Gibraltar</option>
							<option value="GRC">Greece</option>
							<option value="GRL">Greenland</option>
							<option value="GRD">Grenada</option>
							<option value="GLP">Guadeloupe</option>
							<option value="GUM">Guam</option>
							<option value="GTM">Guatemala</option>
							<option value="GGY">Guernsey</option>
							<option value="GIN">Guinea</option>
							<option value="GNB">Guinea-Bissau</option>
							<option value="GUY">Guyana</option>
							<option value="HTI">Haiti</option>
							<option value="HMD">Heard
								and McDonald Islands</option>
							<option value="HND">Honduras</option>
							<option value="HKG">Hong
								Kong</option>
							<option value="HUN">Hungary</option>
							<option value="ISL">Iceland</option>
							<option value="IND">India</option>
							<option value="IDN">Indonesia</option>
							<option value="IRN">Iran</option>
							<option value="IRQ">Iraq</option>
							<option value="IRL">Ireland</option>
							<option value="IMN">Isle
								of Man</option>
							<option value="ISR">Israel</option>
							<option value="ITA">Italy</option>
							<option value="JAM">Jamaica</option>
							<option value="JPN">Japan</option>
							<option value="JEY">Jersey</option>
							<option value="JOR">Jordan</option>
							<option value="KAZ">Kazakhstan</option>
							<option value="KEN">Kenya</option>
							<option value="KIR">Kiribati</option>
							<option value="PRK">Korea,
								North</option>
							<option value="KOR">Korea,
								South</option>
							<option value="KWT">Kuwait</option>
							<option value="KGZ">Kyrgyzstan</option>
							<option value="LAO">Laos</option>
							<option value="LVA">Latvia</option>
							<option value="LBN">Lebanon</option>
							<option value="LSO">Lesotho</option>
							<option value="LBR">Liberia</option>
							<option value="LBY">Libya</option>
							<option value="LIE">Liechtenstein</option>
							<option value="LTU">Lithuania</option>
							<option value="LUX">Luxembourg</option>
							<option value="MAC">Macau</option>
							<option value="MKD">Macedonia</option>
							<option value="MDG">Madagascar</option>
							<option value="MWI">Malawi</option>
							<option value="MYS">Malaysia</option>
							<option value="MDV">Maldives</option>
							<option value="MLI">Mali</option>
							<option value="MLT">Malta</option>
							<option value="MHL">Marshall
								Islands</option>
							<option value="MTQ">Martinique</option>
							<option value="MRT">Mauritania</option>
							<option value="MUS">Mauritius</option>
							<option value="MYT">Mayotte</option>
							<option value="MEX">Mexico</option>
							<option value="FSM">Micronesia</option>
							<option value="MDA">Moldova</option>
							<option value="MCO">Monaco</option>
							<option value="MNG">Mongolia</option>
							<option value="MNE">Montenegro</option>
							<option value="MSR">Montserrat</option>
							<option value="MAR">Morocco</option>
							<option value="MOZ">Mozambique</option>
							<option value="MMR">Myanmar</option>
							<option value="NAM">Namibia</option>
							<option value="NRU">Nauru</option>
							<option value="NPL">Nepal</option>
							<option value="NLD">Netherlands</option>
							<option value="NCL">New
								Caledonia</option>
							<option value="NZL">New
								Zealand</option>
							<option value="NIC">Nicaragua</option>
							<option value="NER">Niger</option>
							<option value="NGA">Nigeria</option>
							<option value="NIU">Niue</option>
							<option value="NFK">Norfolk
								Island</option>
							<option value="MNP">Northern
								Mariana Islands</option>
							<option value="NOR">Norway</option>
							<option value="OMN">Oman</option>
							<option value="PAK">Pakistan</option>
							<option value="PLW">Palau</option>
							<option value="PSE">Palestine</option>
							<option value="PAN">Panama</option>
							<option value="PNG">Papua
								New Guinea</option>
							<option value="PRY">Paraguay</option>
							<option value="PER">Peru</option>
							<option value="PHL">Philippines</option>
							<option value="PCN">Pitcairn</option>
							<option value="POL">Poland</option>
							<option value="PRT">Portugal</option>
							<option value="PRI">Puerto
								Rico</option>
							<option value="QAT">Qatar</option>
							<option value="REU">Reunion</option>
							<option value="ROU">Romania</option>
							<option value="RUS">Russian
								Federation</option>
							<option value="RWA">Rwanda</option>
							<option value="BLM">Saint
								Barthélemy</option>
							<option value="SHN">Saint
								Helena</option>
							<option value="KNA">Saint
								Kitts and Nevis</option>
							<option value="LCA">Saint
								Lucia</option>
							<option value="MAF">Saint
								Martin (French part)</option>
							<option value="SPM">Saint
								Pierre and Miquelon</option>
							<option value="VCT">Saint
								Vincent and the Grenadines</option>
							<option value="WSM">Samoa</option>
							<option value="SMR">San
								Marino</option>
							<option value="STP">Sao
								Tome and Principe</option>
							<option value="SAU">Saudi
								Arabia</option>
							<option value="SEN">Senegal</option>
							<option value="SRB">Serbia</option>
							<option value="SYC">Seychelles</option>
							<option value="SLE">Sierra
								Leone</option>
							<option value="SGP">Singapore</option>
							<option value="SXM">Sint
								Maarten (Dutch part)</option>
							<option value="SVK">Slovakia</option>
							<option value="SVN">Slovenia</option>
							<option value="SLB">Solomon
								Islands</option>
							<option value="SOM">Somalia</option>
							<option value="ZAF">South
								Africa</option>
							<option value="SGS">South
								Georgia and South Sandwich Islands</option>
							<option value="SSD">South
								Sudan</option>
							<option value="ESP">Spain</option>
							<option value="LKA">Sri
								Lanka</option>
							<option value="SDN">Sudan</option>
							<option value="SUR">Suriname</option>
							<option value="SJM">Svalbard
								and Jan Mayen Islands</option>
							<option value="SWZ">Swaziland</option>
							<option value="SWE">Sweden</option>
							<option value="CHE">Switzerland</option>
							<option value="SYR">Syria</option>
							<option value="TWN">Taiwan</option>
							<option value="TJK">Tajikistan</option>
							<option value="TZA">Tanzania</option>
							<option value="THA">Thailand</option>
							<option value="TLS">Timor-Leste</option>
							<option value="TGO">Togo</option>
							<option value="TKL">Tokelau</option>
							<option value="TON">Tonga</option>
							<option value="TTO">Trinidad
								and Tobago</option>
							<option value="TUN">Tunisia</option>
							<option value="TUR">Turkey</option>
							<option value="TKM">Turkmenistan</option>
							<option value="TCA">Turks
								and Caicos Islands</option>
							<option value="TUV">Tuvalu</option>
							<option value="UGA">Uganda</option>
							<option value="UKR">Ukraine</option>
							<option value="ARE">United
								Arab Emirates</option>
							<option value="GBR">United
								Kingdom</option>
							<option value="UMI">United
								States Minor Outlying Islands</option>
							<option value="USA">United
								States of America (or United States)</option>
							<option value="URY">Uruguay</option>
							<option value="UZB">Uzbekistan</option>
							<option value="VUT">Vanuatu</option>
							<option value="VAT">Vatican
								City</option>
							<option value="VEN">Venezuela</option>
							<option value="VNM">Vietnam</option>
							<option value="VGB">Virgin
								Islands, British</option>
							<option value="VIR">Virgin
								Islands, U.S.</option>
							<option value="WLF">Wallis
								and Futuna Islands</option>
							<option value="ESH">Western
								Sahara</option>
							<option value="YEM">Yemen</option>
							<option value="ZMB">Zambia</option>
							<option value="ZWE">Zimbabwe</option>
						</select>
					</div>

					<div class="form-group col-sm-6 customer-fields">
						<label>Phone</label>
						 <input
							value="" type="tel" name="phone"
							class="form-control input-sm text-center" placeholder="Phone" />
					</div>

					<div class="form-group col-sm-6 customer-fields">
						<label>Email</label>
						 <input
							value="" type="email" name="email"
							class="form-control input-sm text-center" placeholder="Email" required="required" />
					</div>

					<div class="form-group col-sm-12 customer-fields">
						<label>Purpose/Project
							Type</label>  <input
							value="" type="text" name="purpose"
							class="form-control input-sm text-center"
							placeholder="Purpose/Project Type" maxlength="25" />
					</div>

					<div
						class="form-group col-sm-12 customer-fields">
						<p>Authorized Users / Item Pickup</p>
						
						<textarea
							name="authorized"
							class="form-control input-sm" rows="4" placeholder="Enter Names"></textarea>
					</div>

					<div id="legalAgreement" style="display: none;">By
						submitting, I authorize Universal City Studio, LLC and the marked
						departments to charge my credit card for the total payment,
						deposit, any outstanding rentals, extended rentals, labor, sales,
						losses, and/or damage charges for the project specified above.
						Charge amounts are listed on a separate invoice. I agree to pay in
						accordance with the card issuer agreement.</div>

					<br />
					<div id="legalAgreement2" style="display: none;">NO
						ALTERATIONS TO THIS CONTRACT WILL BE HONORED</div>
					<div id="legalAgreement3" style="display: none;">This
						information will not be made available to the public. It is the
						responsibility of the individual/Company to notify the billing
						office when a credit card is canceled or revoked.</div>
					<br />
					<div class="form-group customer-fields">
						<button type="submit"
							class="btn-lg button1">Submit</button>
					</div>
				</form>

				<div id="displaycustbtn" class="form-group col-sm-12"
					style="display: none;">
					<form id="dspcustform" method="post"
						action="/checkouts/displaycust">
						<input type="hidden" id="customerId" name="customerId" /> <input
							type="hidden" id="departmentIdh" name="departmentId" /> <input
							type="hidden" id="department" name="department" /> <input
							type="hidden" id="transtype" name="transtype" value='display' />
						<button type="submit" class="btn-sm button1">Display
							Customer Info</button>
					</form>
				</div>
				

				

			</div>
		</div>

	</div>

	<!-- Braintree client JS source -->
	<script src="https://js.braintreegateway.com/web/dropin/1.43.0/js/dropin.min.js"
            integrity="sha384-PHvMfgBjIYRMngy6KOY65hs5omsTV2ZkfVDFCtx+g+nAVssDIkCo4PL9IYT20IXG"
            crossorigin="anonymous"></script>
	<script src="https://code.jquery.com/jquery-3.7.1.min.js"
		integrity="sha384-1H217gwSVyLSIfaLxHbE7dRb3v4mYCKbpQvzx0cegeju1MVsGrX5xXxAvs/HgeFs"
		crossorigin="anonymous"></script>
	<!-- Needed to securely collect sensitive payment information -->
	<script>
		// Hide form on startup
		/*<![CDATA[*/

		$(document)
				.ready(
						function() {
							$
									.get(
											"/getEnvironment/",
											function(environment) {
												var ua = navigator.userAgent;												
												switch (environment) {
												case "sandbox":
													switch (window.location.host) {
													case "telemundocenterpayqa.nbcuni.com":
														window.close();
														window.location.href = "https://telemundocenterpayqa.nbcuni.com/telemundo";
														break;
													case "nbcuassemblypaymentsqa.nbcuni.com":
														window.close();
														window.location.href = "https://nbcuassemblypaymentsqa.nbcuni.com/assembly";
														break;

													}
													break;
												case "production":
													switch (window.location.host) {
													case "telemundocenterpay.nbcuni.com":
														window.close();
														window.location.href = "https://telemundocenterpay.nbcuni.com/telemundo";
														break;
													case "nbcuassemblypayments.nbcuni.com":
														window.close();
														window.location.href = "https://nbcuassemblypayments.nbcuni.com/assembly";
														break;
													}
													break;
												case "local":													
													switch (window.location.host) {
													case "localhost:8086":
														window.close();
														window.location.href = "https://nbcuassemblypaymentsqa.nbcuni.com/assembly";
														break;
													case "localhost:8085":
														window.close();
														break;

													}
													break;

												}
												//							});
												$('.customer-fields').toggle();

												if (document
														.getElementById("mode").value == "new") {
													document
															.getElementById("homebtn").style.display = "none";
													document
															.getElementById("bannerupd").style.display = "none";
												}
												if (document
														.getElementById("mode").value == "new"
														&& document
																.getElementById("errmsg").value != "") {
													document
															.getElementById("bannerupd").style.display = "none";
													formCustDisplayInput();
												}
												if (document
														.getElementById("mode").value == "dispcust") {
													$('.form-control').attr(
															'readonly', true);
													document
															.getElementById('subscribe').action = '/checkouts/displaycust';
													document
															.getElementById("banner").style.display = "none";
													formCustDisplaySetup();
												}
												if (document
														.getElementById("mode").value == "updatecust") {
													document
															.getElementById('subscribe').action = '/checkouts/updatecust';
													document
															.getElementById("banner").style.display = "none";
													formCustDisplaySetup();
												}
												if (document
														.getElementById("mode").value == "updatepay") {
													id = document
															.getElementById('departmentId').value;
													$
															.get(
																	"/greeting/"
																			+ id,
																	function(
																			data) {
																		addBraintreeDropin(data);
																		document
																				.getElementById("braintree-paypal-button").style.display = "none";
																	});
													document
															.getElementById('subscribe').action = '/checkouts/updatepay';
													document
															.getElementById("banner").style.display = "none";
													formCustDisplaySetup();
												}
											});
						});

		// Determine which token to use
		function tokenSetup(selection) {

			document.getElementById("error").innerHTML = "";

			$
					.get(
							"/greeting/" + selection.value,
							function(data) {
								//			$.get("/greetingtest/" + selection.value, function(data) {
								if (document.getElementById("customer_id").value == "") {
									document.getElementById.action = '/checkouts';
									document.getElementById("new_customer").style.display = "none";
									formSetup(data, selection.value)

								} else {
									formTitle(selection.value);
									document.getElementById("displaycustbtn").style.display = "block";
									document.getElementById("customerId").value = document
											.getElementById("customer_id").value;
									document.getElementById("departmentIdh").value = document
											.getElementById("departmentId").value;
									document.getElementById("department").value = document
											.getElementById("department_title").innerHTML;
									document.getElementById("pcustomerId").value = document
											.getElementById("customer_id").value;
									document.getElementById("pdepartmentId").value = document
											.getElementById("departmentId").value;
									document.getElementById("pdepartment").value = document
											.getElementById("department_title").innerHTML;
								}
							});

		}

		// Set up form fields
		function formSetup(clientToken, departmentID) {
			// Determine which form title to use based on department			
			formTitle(departmentID);
			// Show rest of form fields
			$('#departmentId').slideToggle("fast", function() {
				$('.customer-fields').slideToggle();
			});

			document.getElementById('legalAgreement').style.display = "block";
			document.getElementById('legalAgreement2').style.display = "block";
			document.getElementById('legalAgreement3').style.display = "block";
			document.getElementById("homebtn").style.display = "block";
			document.getElementById("homebtn").style.display = "block";

			if (document.getElementById("mode").value == "new") {
				document.getElementById("banner").style.display = "block";
			} else {
				document.getElementById("bannerupd]").style.display = "block";
			}			
			addBraintreeDropin(clientToken);
			
		}

		// Selects form title

		function formTitle(departmentID) {
			
			var map = {
				'archives' : 'Archives Department',
				'cineousd' : 'Cineo/Chandler Repair Center',
				'costume' : 'Costume Department',
				'commutes' : 'NBCU Commutes',
				'gmo' : 'GMO Department',
				'property' : 'Property/Drapery',
				'setlighting' : 'Set Lighting & Grip',
				'sign-shop' : 'Graphics Sign/Staff Shop',
				'specialeventsmarketing' : 'Marketing/Special Events',
				'stagesandbacklot' : 'Stages & Backlot',
				'studiopost-sound' : 'StudioPost-Sound',
				'transportation' : 'Transportation'
			};
			if (map[departmentID]) {
				document.getElementById("department_title").innerHTML = map[departmentID];
			}
		}

		function formCustDisplaySetup() {
			
			$('.customer-fields').toggle();
			formTitle(document.getElementById("departmentId").value);
			document.getElementById('legalAgreement').style.display = "block";
			document.getElementById('legalAgreement2').style.display = "block";
			document.getElementById('legalAgreement3').style.display = "block";

			document.getElementById("updatecust").style.display = "block";
			document.getElementById("updatepayment").style.display = "block";

			document.getElementById("department").value = document
					.getElementById("department_title").innerHTML;
			document.getElementById("pcustomerId").value = document
					.getElementById("customer_id").value;
			document.getElementById("pdepartmentId").value = document
					.getElementById("departmentId").value;
			document.getElementById("pdepartment").value = document
					.getElementById("department_title").innerHTML;

		}

		function formCustDisplayInput() {
			var dept = document.getElementById("departmentId").value;
			
			$
					.get(
							"/greeting/" + dept,
							function(data) {
								$('.customer-fields').toggle();
								formTitle(dept);
								document.getElementById('legalAgreement').style.display = "block";
								document.getElementById('legalAgreement2').style.display = "block";
								document.getElementById('legalAgreement3').style.display = "block";
								document.getElementById("homebtn").style.display = "block";

								/*					braintree.dropin.create({
								 authorization : data,
								 container: '#payment-form'						
								 }); */
								addBraintreeDropin(data);
							});
		}

		function addBraintreeDropin(clientToken) {
			var form = document.querySelector('#subscribe');
			
			braintree.dropin.create({
				authorization : clientToken,
				container : '#payment-form'
			}, function(createErr, instance) {

				form.addEventListener('submit', function(event) {
					event.preventDefault();

					instance.requestPaymentMethod(function(err, payload) {
						if (err) {
							console.log('Error', err);
							return;
						}
						
						// Add the nonce to the form and submit
						document.querySelector('#nonce').value = payload.nonce;
						form.submit();
					});
				});
			});
			
		}
		function myDebug() {
		}
		function formSubmit() {
		}
		/*]]>*/
	</script>

</body>
</html>
