<!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>