<commit_before><%@ taglib prefix="c" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>

<html>
<head>
    <title>Checkout</title>

    <!-- Bootstrap Core CSS -->
    <link href="<c:url value="css/bootstrap.min.css"/>" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="<c:url value="css/Checkout.css"/>" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="<c:url value="css/shop-homepage.css"/>" rel="stylesheet">
</head>
<body>
<!-----------------------PUT ON EVERY PAGE START---------------------------------------------------------------->
<!-- Navigation -->
<nav class="navbar navbar navbar-fixed-top" role="navigation">

    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">

            <button type="button" class="navbar-toggle navbar-default" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="front"><img class="logo1" src="<c:url value="images/Logo.png"/>" alt=""></a>
            <a class="navbar-brand " href="front">Cover to Cover</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li >
                    <a href="account">Account</a>
                </li>
                <li >
                    <a href="shoppingCart">Book Bag</a>
                </li>
                <li class="login-button pull-right">
                    <a href="signOn">Login / Register</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>
<!-----------------------PUT ON EVERY PAGE END---------------------------------------------------------------->
<form action="checkout" method="post">
    <div class="billing">
        <fieldset>
            <legend>Billing Information</legend>
            <ul class="bill">
                <li>
                    <label for="firstName1">First Name:</label>
                    <input type="text" id="firstName1" name="firstName1" autofocus>
                </li>

                <li>
                    <label for="surname1">Last Name:</label>
                    <input type="text" id="surname1" name="surname1">
                </li>


                <li>
                    <label for="StBillAddress">Street Address:</label>
                    <input type="text" id="StBillAddress" name="StBillAddress">
                </li>

                <li>
                    <label for="StBillAddress2"></label>
                    <input type="text" id="StBillAddress2" name="StBillAddress2">
                </li>

                <li>
                    <label for="CityBillAddress">City/Town:</label>
                    <input type="text" id="CityBillAddress" name="CityBillAddress">
                </li>

                <li>
                    <label for="StateBillAddress">State:</label>
                    <input type="text" id="StateBillAddress" name="StateBillAddress" placeholder="XX">
                </li>

                <li>
                    <label for="email1">Email:</label>
                    <input type="email1" id="email1" name="email1" placeholder="<EMAIL>" required>
                </li>
                <li>
                    <label for="phone1">Phone Number:</label>
                    <input type="tel" id="phone1" name="phone1" placeholder="(555)555-5555" required>
                </li>
            </ul>
        </fieldset>
    </div>
    <div class="shipping">
        <fieldset>
            <legend>Shipping Information</legend>
            <ul class="ship">
                <li>

                        <input type="checkbox" onClick=flood() id="floodInfo">Shipping information is same as billing<br>

                </li>
                <li>
                    <label for="firstName">First Name:</label>
                    <input type="text" id="firstName" name="firstName" autofocus>
                </li>

                <li>
                    <label for="surname">Last Name:</label>
                    <input type="text" id="surname" name="surname">
                </li>


                <li>
                    <label for="StShipAddress">Street Address:</label>
                    <input type="text" id="StShipAddress" name="StShipAddress">
                </li>

                <li>
                    <label for="StShipAddress2"></label>
                    <input type="text" id="StShipAddress2" name="StShipAddress2">
                </li>

                <li>
                    <label for="CityShipAddress">City/Town:</label>
                    <input type="text" id="CityShipAddress" name="CityShipAddress">
                </li>

                <li>
                    <label for="StateShipAddress">State:</label>
                    <input type="text" id="StateShipAddress" name="StateShipAddress" placeholder="XX">
                </li>

                <li>
                    <label for="email">Email:</label>
                    <input type="email" id="email" name="email" placeholder="<EMAIL>" required>
                </li>
                <li>
                    <label for="phone">Phone Number:</label>
                    <input type="tel" id="phone" name="phone" placeholder="(555)555-5555" required>
                </li>
            </ul>
        </fieldset>
    </div>
    <div class="pay">
        <fieldset>
            <legend>Payment</legend>
            <ul class="payment">
                <li>
                    <label for="card">Credit Card Type:</label>
                    <select name="card" id="card">
                        <option value="QAJAVSC">Visa</option>
                        <option value="QAWEBUI">Mastercard</option><commit_msg>added zipcode form to checkout<commit_after><%@ taglib prefix="c" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>

<html>
<head>
    <title>Checkout</title>

    <!-- Bootstrap Core CSS -->
    <link href="<c:url value="css/bootstrap.min.css"/>" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="<c:url value="css/Checkout.css"/>" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="<c:url value="css/shop-homepage.css"/>" rel="stylesheet">
</head>
<body>
<!-----------------------PUT ON EVERY PAGE START---------------------------------------------------------------->
<!-- Navigation -->
<nav class="navbar navbar navbar-fixed-top" role="navigation">

    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">

            <button type="button" class="navbar-toggle navbar-default" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="front"><img class="logo1" src="<c:url value="images/Logo.png"/>" alt=""></a>
            <a class="navbar-brand " href="front">Cover to Cover</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li >
                    <a href="account">Account</a>
                </li>
                <li >
                    <a href="shoppingCart">Book Bag</a>
                </li>
                <li class="login-button pull-right">
                    <a href="signOn">Login / Register</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>
<!-----------------------PUT ON EVERY PAGE END---------------------------------------------------------------->
<form action="checkout" method="post">
    <div class="billing">
        <fieldset>
            <legend>Billing Information</legend>
            <ul class="bill">
                <li>
                    <label for="firstName1">First Name:</label>
                    <input type="text" id="firstName1" name="firstName1" autofocus>
                </li>

                <li>
                    <label for="surname1">Last Name:</label>
                    <input type="text" id="surname1" name="surname1">
                </li>


                <li>
                    <label for="StBillAddress">Street Address:</label>
                    <input type="text" id="StBillAddress" name="StBillAddress">
                </li>

                <li>
                    <label for="StBillAddress2"></label>
                    <input type="text" id="StBillAddress2" name="StBillAddress2">
                </li>

                <li>
                    <label for="CityBillAddress">City/Town:</label>
                    <input type="text" id="CityBillAddress" name="CityBillAddress">
                </li>

                <li>
                    <label for="StateBillAddress">State:</label>
                    <input type="text" id="StateBillAddress" name="StateBillAddress" placeholder="XX">
                </li>
                <li>
                    <label for="zipCode">Zip Code:</label>
                    <input type="text" id="zipCode" name="zipCode">
                </li>

                <li>
                    <label for="email1">Email:</label>
                    <input type="email1" id="email1" name="email1" placeholder="<EMAIL>" required>
                </li>
                <li>
                    <label for="phone1">Phone Number:</label>
                    <input type="tel" id="phone1" name="phone1" placeholder="(555)555-5555" required>
                </li>
            </ul>
        </fieldset>
    </div>
    <div class="shipping">
        <fieldset>
            <legend>Shipping Information</legend>
            <ul class="ship">
                <li>

                        <input type="checkbox" onClick=flood() id="floodInfo">Shipping information is same as billing<br>

                </li>
                <li>
                    <label for="firstName">First Name:</label>
                    <input type="text" id="firstName" name="firstName" autofocus>
                </li>

                <li>
                    <label for="surname">Last Name:</label>
                    <input type="text" id="surname" name="surname">
                </li>


                <li>
                    <label for="StShipAddress">Street Address:</label>
                    <input type="text" id="StShipAddress" name="StShipAddress">
                </li>

                <li>
                    <label for="StShipAddress2"></label>
                    <input type="text" id="StShipAddress2" name="StShipAddress2">
                </li>

                <li>
                    <label for="CityShipAddress">City/Town:</label>
                    <input type="text" id="CityShipAddress" name="CityShipAddress">
                </li>

                <li>
                    <label for="StateShipAddress">State:</label>
                    <input type="text" id="StateShipAddress" name="StateShipAddress" placeholder="XX">
                </li>
                <li>
                    <label for="ZipCodeShipAddress">Zip Code:</label>
                    <input type="text" id="ZipCodeShipAddress" name="ZipCodeShipAddress">
                </li>
                <li>
                    <label for="email">Email:</label>
                    <input type="email" id="email" name="email" placeholder="<EMAIL>" required>
                </li>
                <li>
                    <label for="phone">Phone Number:</label>
                    <input type="tel" id="phone" name="phone" placeholder="(555)555-5555" required>
                </li>
            </ul>
        </fieldset>
    </div>
    <div class="pay">
        <fieldset>
            <legend>Payment</legend>
            <ul class="payment">
                <li>
                    <label for="card">Credit Card Type:</label>
                    <select name="card" id="card">
                        <option value="QAJAVSC">Visa</option>
                        <option value="QAWEBUI">Mastercard</option>
{'fraction_non_alphanumeric': 0.17802180805815482, 'fraction_numerical': 0.006650684401825072, 'mean_word_length': 1.4409211023027557, 'pattern_counts': {'":': 0, '<': 373, '<?xml version=': 0, '>': 373, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3735076', 'n_tokens_mistral': 3626, 'n_tokens_neox': 3303, 'n_words': 685}