templates/register.htm

<header class="d-flex flex-wrap py-340 mb-8 pb-5">
    <div class="col-md-2 justify-content-start align-self-center pb-1 float-start">
        <a href="/">
            <img class="" width="80" src="<?php echo $SERVICE_LOGO;?>" alt="<?php echo $SERVICE_NAME; ?>" />
        </a>
    </div>
    <div class="col-md-10 justify-content-start pb-1 align-self-center float-start">
        <h1 class=" fw-bold">
            <?php echo $SERVICE_NAME; ?>
        </h1>
    </div>
    <!--
            <div class="col-md-12 bold navbar-expand-lg mt-5 ml-5  pl-5 bg-primary" data-bs-theme="dark">
                <ul class="nav nav-pills justify-content-start fs-4">
                    <li class="nav-item"><a href="https://korpus.cz/icc" class="nav-link">Home</a></li>
                    <li class="nav-item"><a href="#" class="nav-link active" aria-current="page">Sign up</a></li>
                    <li class="nav-item"><a href="#" class="nav-link">Query</a></li>
                </ul>
            </div>
        -->
    <div class="col-md-12 justify-content-start align-self-center pb-1 float-start">
        <h2 class="text-center fw-bold">
            <?php echo $SERVICE_ACRONYM;?> Registration
        </h2>
    </div>
</header>

<form class="row g-3 needs-validation" novalidate data-toggle="validator" action="" method="POST">

    <?php if(! $CONFERENCE_REGISTRATION ): ?>
    <!-- Username input -->
    <div class="col-md-4">
        <label class="form-label fw-bold" for="username">Username</label>
        <input pattern="[^\s]{<?php echo $VAL_USER->min_username.','.$VAL_USER->max_username;?>}" required title="At least 5 not whitespace characters" name="username" type="text" id="username" class="form-control fs-4 <?php if(isset($error) && $error && !isset($_POST['username'])){echo 'border-danger';}?>"
            placeholder="johndoe" value="<?php echo isset($_POST['username']) ? htmlspecialchars($_POST['username']) : '' ?>" />
        <div class="invalid-feedback">
            Please choose a username with at least 5 not whitespace characters.
        </div>
    </div>
    <?php endif; ?>
    <?php if( $CONFERENCE_REGISTRATION ): ?>
    <!-- title input -->
    <div class="col-md-3">
        <label class="form-label fs-4 fw-bold" for="title">Title</label>
        <select class="form-select fs-4 " id="title" name="title" aria-label="Title">
            <option selected value=""></option>
            <option value="Dr.">Dr.</option>
            <option value="Prof. Dr.">Prof. Dr.</option>
          </select>
        </div>
    <?php endif; ?>
    <!-- 2 column grid layout with text inputs for the first and last names -->
    <div class="col-md-4">
        <div class="form-outline">
            <label class="form-label fw-bold" for="form3Example1">First name</label>
            <input pattern="[^\s]{<?php echo $VAL_USER->min_first_name.','.$VAL_USER->max_first_name;?>}" required title="At least 2 not whitespace characters" name="first_name" type="text" id="form3Example1" class="form-control fs-4 <?php if(isset($error) && $error && !isset($_POST['first_name'])){echo 'border-danger';}?>"
                placeholder="Jane" value="<?php echo isset($_POST['first_name']) ? htmlspecialchars($_POST['first_name']) : '' ?>" />
            <div class="invalid-feedback">
                Please provide a first name with at least 2 characters.
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-outline">
            <label class="form-label fs-4 fs-4 fw-bold" for="form3Example2">Last name</label>
            <input pattern="[^\s]{<?php echo $VAL_USER->min_last_name.','.$VAL_USER->max_last_name;?>}" required title="At least 2 not whitespace characters" name="last_name" type="text" id="form3Example2" class="form-control fs-4 <?php if(isset($error) && $error && !isset($_POST['last_name'])){echo 'border-danger';}?>"
                placeholder="Doe" value="<?php echo isset($_POST['last_name']) ? htmlspecialchars($_POST['last_name']) : '' ?>" />
            <div class="invalid-feedback">
                Please provide a last name with at least 2 characters.
            </div>
        </div>
    </div>

    <div class="form-outline md-6">
        <label class="form-label fw-bold" for="organization">Affiliation</label>
        <input required name="organization" maxlength="32" type="text" id="organization" class="form-control fs-4 <?php if(isset($error) && $error && !isset($_POST['organization'])){echo 'border-danger';}?>" placeholder="Example University" pattern=".{3,32}"
            type="text" value="<?php echo isset($_POST['organization']) ? htmlspecialchars($_POST['organization']) : '' ?>" />
        <div class="invalid-feedback">
            Please indicate the institution or organization you are affiliated with.
        </div>
        <?php if($CONFERENCE_REGISTRATION ): ?>
        <div id="totalHelp" class="form-text">max. 32 characters so that it fits legibly on your badge</div>
        <?php endif; ?>
    </div>

    <!--
    <div class="form-outline col-md-6">
        <label for="address-line-1" class="form-label form-label fw-bold">Address line 1</label>
        <input name="address-line-1" type="text" class="form-control fs-4" id="address-line-1"/>
    </div>
    Address line 1-->

    <!-- Street -->
    <div class="form-outline col-md-12">
        <label for="street" class="form-label form-label fw-bold">Street</label>
        <input name="street" type="text" class="form-control fs-4" id="street" placeholder="1234 Main St" value="<?php echo isset($_POST['street']) ? htmlspecialchars($_POST['street']) : '' ?>" required/>
        <div class="invalid-feedback">
            Please provide a valid street.
        </div>
    </div>

    <!-- Zip code -->
    <div class="form-outline col-md-3">
        <label for="zip-code" class="form-label form-label fw-bold">Zip</label>
        <input name="zip" type="text" class="form-control fs-4" id="zip-code" placeholder="12345" value="<?php echo isset($_POST['zip']) ? htmlspecialchars($_POST['zip']) : '' ?>" required/>
        <div class="invalid-feedback">
            Please provide a valid zip or postal code.
        </div>
    </div>

    <!-- City -->
    <div class="form-outline col-md-5">
        <label for="city" class="form-label form-label fw-bold">City</label>
        <input name="city" type="text" class="form-control fs-4" id="city" placeholder="City" value="<?php echo isset($_POST['city']) ? htmlspecialchars($_POST['city']) : '' ?>" required/>
        <div class="invalid-feedback">
            Please provide a valid city.
        </div>
    </div>

    <!-- Country -->
    <div class="form-outline col-md-6">
        <label for="country" class="form-label form-label fw-bold">Country</label>
        <input class="form-control fs-4" list="countries" name="country" id="country" value="<?php echo isset($_POST['country']) ? htmlspecialchars($_POST['country']) : '' ?>" required placeholder="Type to search your country...">
        <datalist id="countries">
            <option value="Afghanistan">
            <option value="Åland Islands">
            <option value="Albania">
            <option value="Algeria">
            <option value="American Samoa">
            <option value="Andorra">
            <option value="Angola">
            <option value="Anguilla">
            <option value="Antarctica">
            <option value="Antigua and Barbuda">
            <option value="Argentina">
            <option value="Armenia">
            <option value="Aruba">
            <option value="Australia">
            <option value="Austria">
            <option value="Azerbaijan">
            <option value="Bahamas">
            <option value="Bahrain">
            <option value="Bangladesh">
            <option value="Barbados">
            <option value="Belarus">
            <option value="Belgium">
            <option value="Belize">
            <option value="Benin">
            <option value="Bermuda">
            <option value="Bhutan">
            <option value="Bolivia, Plurinational State of">
            <option value="Bonaire, Sint Eustatius and Saba">
            <option value="Bosnia and Herzegovina">
            <option value="Botswana">
            <option value="Bouvet Island">
            <option value="Brazil">
            <option value="British Indian Ocean Territory">
            <option value="Brunei Darussalam">
            <option value="Bulgaria">
            <option value="Burkina Faso">
            <option value="Burundi">
            <option value="Cambodia">
            <option value="Cameroon">
            <option value="Canada">
            <option value="Cape Verde">
            <option value="Cayman Islands">
            <option value="Central African Republic">
            <option value="Chad">
            <option value="Chile">
            <option value="China">
            <option value="Christmas Island">
            <option value="Cocos (Keeling) Islands">
            <option value="Colombia">
            <option value="Comoros">
            <option value="Congo">
            <option value="Congo, the Democratic Republic of the">
            <option value="Cook Islands">
            <option value="Costa Rica">
            <option value="Côte d'Ivoire">
            <option value="Croatia">
            <option value="Cuba">
            <option value="Curaçao">
            <option value="Cyprus">
            <option value="Czech Republic">
            <option value="Denmark">
            <option value="Djibouti">
            <option value="Dominica">
            <option value="Dominican Republic">
            <option value="Ecuador">
            <option value="Egypt">
            <option value="El Salvador">
            <option value="Equatorial Guinea">
            <option value="Eritrea">
            <option value="Estonia">
            <option value="Ethiopia">
            <option value="Falkland Islands (Malvinas)">
            <option value="Faroe Islands">
            <option value="Fiji">
            <option value="Finland">
            <option value="France">
            <option value="French Guiana">
            <option value="French Polynesia">
            <option value="French Southern Territories">
            <option value="Gabon">
            <option value="Gambia">
            <option value="Georgia">
            <option value="Germany">
            <option value="Ghana">
            <option value="Gibraltar">
            <option value="Greece">
            <option value="Greenland">
            <option value="Grenada">
            <option value="Guadeloupe">
            <option value="Guam">
            <option value="Guatemala">
            <option value="Guernsey">
            <option value="Guinea">
            <option value="Guinea-Bissau">
            <option value="Guyana">
            <option value="Haiti">
            <option value="Heard Island and McDonald Islands">
            <option value="Holy See (Vatican City State)">
            <option value="Honduras">
            <option value="Hong Kong">
            <option value="Hungary">
            <option value="Iceland">
            <option value="India">
            <option value="Indonesia">
            <option value="Iran, Islamic Republic of">
            <option value="Iraq">
            <option value="Ireland">
            <option value="Isle of Man">
            <option value="Israel">
            <option value="Italy">
            <option value="Jamaica">
            <option value="Japan">
            <option value="Jersey">
            <option value="Jordan">
            <option value="Kazakhstan">
            <option value="Kenya">
            <option value="Kiribati">
            <option value="Korea, Democratic People's Republic of">
            <option value="Korea, Republic of">
            <option value="Kuwait">
            <option value="Kyrgyzstan">
            <option value="Lao People's Democratic Republic">
            <option value="Latvia">
            <option value="Lebanon">
            <option value="Lesotho">
            <option value="Liberia">
            <option value="Libya">
            <option value="Liechtenstein">
            <option value="Lithuania">
            <option value="Luxembourg">
            <option value="Macao">
            <option value="Macedonia, the former Yugoslav Republic of">
            <option value="Madagascar">
            <option value="Malawi">
            <option value="Malaysia">
            <option value="Maldives">
            <option value="Mali">
            <option value="Malta">
            <option value="Marshall Islands">
            <option value="Martinique">
            <option value="Mauritania">
            <option value="Mauritius">
            <option value="Mayotte">
            <option value="Mexico">
            <option value="Micronesia, Federated States of">
            <option value="Moldova, Republic of">
            <option value="Monaco">
            <option value="Mongolia">
            <option value="Montenegro">
            <option value="Montserrat">
            <option value="Morocco">
            <option value="Mozambique">
            <option value="Myanmar">
            <option value="Namibia">
            <option value="Nauru">
            <option value="Nepal">
            <option value="Netherlands">
            <option value="New Caledonia">
            <option value="New Zealand">
            <option value="Nicaragua">
            <option value="Niger">
            <option value="Nigeria">
            <option value="Niue">
            <option value="Norfolk Island">
            <option value="Northern Mariana Islands">
            <option value="Norway">
            <option value="Oman">
            <option value="Pakistan">
            <option value="Palau">
            <option value="Palestinian Territory, Occupied">
            <option value="Panama">
            <option value="Papua New Guinea">
            <option value="Paraguay">
            <option value="Peru">
            <option value="Philippines">
            <option value="Pitcairn">
            <option value="Poland">
            <option value="Portugal">
            <option value="Puerto Rico">
            <option value="Qatar">
            <option value="Réunion">
            <option value="Romania">
            <option value="Russian Federation">
            <option value="Rwanda">
            <option value="Saint Barthélemy">
            <option value="Saint Helena, Ascension and Tristan da Cunha">
            <option value="Saint Kitts and Nevis">
            <option value="Saint Lucia">
            <option value="Saint Martin (French part)">
            <option value="Saint Pierre and Miquelon">
            <option value="Saint Vincent and the Grenadines">
            <option value="Samoa">
            <option value="San Marino">
            <option value="Sao Tome and Principe">
            <option value="Saudi Arabia">
            <option value="Senegal">
            <option value="Serbia">
            <option value="Seychelles">
            <option value="Sierra Leone">
            <option value="Singapore">
            <option value="Sint Maarten (Dutch part)">
            <option value="Slovakia">
            <option value="Slovenia">
            <option value="Solomon Islands">
            <option value="Somalia">
            <option value="South Africa">
            <option value="South Georgia and the South Sandwich Islands">
            <option value="South Sudan">
            <option value="Spain">
            <option value="Sri Lanka">
            <option value="Sudan">
            <option value="Suriname">
            <option value="Svalbard and Jan Mayen">
            <option value="Swaziland">
            <option value="Sweden">
            <option value="Switzerland">
            <option value="Syrian Arab Republic">
            <option value="Taiwan, Province of China">
            <option value="Tajikistan">
            <option value="Tanzania, United Republic of">
            <option value="Thailand">
            <option value="Timor-Leste">
            <option value="Togo">
            <option value="Tokelau">
            <option value="Tonga">
            <option value="Trinidad and Tobago">
            <option value="Tunisia">
            <option value="Turkey">
            <option value="Turkmenistan">
            <option value="Turks and Caicos Islands">
            <option value="Tuvalu">
            <option value="Uganda">
            <option value="Ukraine">
            <option value="United Arab Emirates">
            <option value="United Kingdom">
            <option value="United States">
            <option value="United States Minor Outlying Islands">
            <option value="Uruguay">
            <option value="Uzbekistan">
            <option value="Vanuatu">
            <option value="Venezuela, Bolivarian Republic of">
            <option value="Viet Nam">
            <option value="Virgin Islands, British">
            <option value="Virgin Islands, U.S.">
            <option value="Wallis and Futuna">
            <option value="Western Sahara">
            <option value="Yemen">
            <option value="Zambia">
            <option value="Zimbabwe">
        </datalist>
        <div class="invalid-feedback">
            Please provide a valid country.
        </div>
    </div>

    <!-- Email input -->
    <div class="form-outline md-6">
        <label class="form-label fw-bold" for="email">Email address</label>
        <input required name="email" type="email" id="email" class="form-control fs-4 <?php if(isset($error) && $error && !isset($_POST['email'])){echo 'border-danger';}?>" type="email" pattern="^[^\s@]+@[^\s@]+\.[^\s@]+$" placeholder="myemail@example.org" value="<?php echo isset($_POST['email']) ? htmlspecialchars($_POST['email']) : '' ?>"
        />
        <div class="invalid-feedback">
            Please provide a valid email address.
        </div>
    </div>

    <!-- Phone number -->
    <div class="form-outline md-6">
        <label class="form-label fw-bold" for="phone">Phone number</label>
        <input required name="phone" type="tel" id="phone" class="form-control fs-4 <?php if(isset($error) && $error && !isset($_POST['phone'])){echo 'border-danger';}?>" pattern="\+\d[\s\d-]+$" placeholder="+1 234 567 890" value="<?php echo isset($_POST['phone']) ? htmlspecialchars($_POST['phone']) : '' ?>"
            required/>
        <i class='bx bxs-phone'></i>
        <div class="invalid-feedback">
            Please provide a valid phone number.
        </div>
    </div>

    <?php if(! $CONFERENCE_REGISTRATION ): ?>
    <!-- Password input -->
    <div id="password-div" class="col-md-8">
        <label class="form-label fw-bold" for="pw1">Password</label>
        <input required title="Combination of upper and lowercase letters, numbers, punctuation, and special symbols" name="password" type="password" id="pw1" class="form-control fs-4" placeholder="********" oninput="check_password_match()" value="<?php echo isset($_POST['password']) ? htmlspecialchars($_POST['password']) : '' ?>"
        />
    </div>
    <div class="col-md-4">
        <label class="form-label" for="pwqinfo">Rating</label>
        <input class="form-control fs-4" type="text" id="pwqinfo" readonly />
    </div>

    <div class="col-md-12">
        <div class="progress mt-2">
            <div class="progress-bar bg-danger" role="progressbar" id="pwqbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
        </div>

    </div>
    <!--
    <div class="form-group">
        <label for="pwqinfo">Password rating</label>
        <input class="form-control fs-4" type="text" name="pwqinfo" id="pwqinfo" readonly>
        <div class="progress mt-2">
            <div class="progress-bar bg-danger" role="progressbar" id="pwqbar2" aria-valuenow="0" aria-valuemin="0"
                aria-valuemax="100"></div>
        </div>
    </div>
    -->
    <!-- Password confirmation input -->
    <div id="pwconfirm" class="form-outline col-md-8">
        <label class="form-label fw-bold" for="pw2">Confirm your Password</label>
        <input required name="password_confirm" type="password" id="pw2" class="form-control fs-4 <?php if(isset($error) && $error && !isset($_POST['password_confirm'])){echo 'border-danger';}?>" placeholder="********" oninput="check_password_match()" value="<?php echo isset($_POST['password_confirm']) ? htmlspecialchars($_POST['password_confirm']) : '' ?>"
        />
        <div class="invalid-feedback">
            Passwords do not match.
        </div>
    </div>
    <div class="form-outline mb-3">
        <label class="form-label fw-bold" for="eula">End User License Agreement</label>
        <div class="form-group form-check">
            <input type="checkbox" class="form-check-input" name="eula_signed" id="eula" required title="You need to agree to the EULA in order to proceed" <?php echo isset($_POST[ 'eula_signed']) ? 'checked' : '' ?> value="eula">
            <label class="form-check-label fs-4" for="eula">I have read and agree to to the
                <?php echo $SERVICE_ACRONYM; ?> <a
                    href="https://www2.ids-mannheim.de/cosmas2/projekt/register/license_agreement.html">End User License
                    Agreement</a> and will use the
                <?php echo $SERVICE_ACRONYM; ?> services only for academic and non-commercial purposes.
            </label>
            <div class="invalid-feedback">
                You need to agree to the EULA in order to proceed.
            </div>
        </div>
    </div>
    <?php endif; ?>
    <?php if( $CONFERENCE_REGISTRATION ): ?>
    <div class="form-outline col-md-7">
        <label class="form-label fw-bold" for="author">Author Status</label>
        <div class="form-group form-check">
            <input type="checkbox" class="form-check-input" name="author" id="author" <?php echo isset($_POST[ 'author']) ? 'checked' : '' ?> oninput="update_paper_id_field()" value="author">
            <label class="form-check-label fs-4" for="author">I am an author of a paper accepted for the conference.
            </label>
        </div>
    </div>

    <div class="form-outline col-md-5">
        <label class="form-label fw-bold" for="paper_id">Paper ID</label>
        <input type="text" class="form-control fs-4" name="accepted_paper_id" id="paper_id" <?php echo isset($_POST[ 'author']) ? 'placeholder="0"' : 'disabled' ?> value="
        <?php echo isset($_POST['paper_id']) ? htmlspecialchars($_POST['paper_id']) : '' ?>" />
        <div class="invalid-feedback">
            Please provide the ID number of your accepted paper.
        </div>
    </div>

    <div class="form-outline mb-3">
        <label class="form-label fw-bold" for="participate">Confirmation of Participation</label>
        <div class="form-group form-check">
            <input type="checkbox" class="form-check-input" name="participation_confirmed" id="participate" required <?php echo isset($_POST[ 'participation_confirmed']) ? 'checked' : '' ?> oninput="update_total_due()" value="participation_confirmed">
            <label class="form-check-label fs-4" for="participation_confirmed">I confirm that I will be attending the <?php echo $SERVICE_ACRONYM; ?> conference. 
                <?php if(new DateTimeImmutable("now") <= new DateTimeImmutable($EARLYBIRD_DEADLINE." 23:59:59 HST")) {
                        echo "The early bird conference fee of <strong>€&nbsp;<span id='conference_fee'>". $EARLYBIRD_CONFERENCE_FEE."</span></strong> is still valid until ".$EARLYBIRD_DEADLINE.".
                     Afterwards the fee fee will be €&nbsp;<span id='conference_fee'>". $REGULAR_CONFERENCE_FEE.".";
                        echo '<input type="hidden" name="conference_fee" value="' . $EARLYBIRD_CONFERENCE_FEE . '">';
                        echo '<input type="hidden" name="earlybird_registration" value="earlybird_registration">';
                    } else {
                        echo "The conference fee is <strong>€&nbsp;<span id='conference_fee'>". $REGULAR_CONFERENCE_FEE."</span></strong>.";
                        echo '<input type="hidden" name="conference_fee" value="' . $REGULAR_CONFERENCE_FEE . '">';
                        echo '<input type="hidden" name="earlybird_registration" value="">';
                    } ?>
            </label>
            <div class="invalid-feedback">
                You need to confirm your participation in order to proceed.
            </div>
        </div>
    </div>


    <div class="form-outline mb-3">
        <label class="form-label fw-bold" for="student">Student Discount</label>
        <div class="form-group form-check">
            <input type="checkbox" class="form-check-input" name="student" id="student" <?php echo isset($_POST[ 'student']) ? 'checked' : '' ?> oninput="update_total_due()" value="student">
            <label class="form-check-label fs-4" for="student">I am student and will benefit from student discount of <strong>€&nbsp;<span id="student_discount"><?php echo $STUDENT_DISCOUNT; ?></span></strong>.
            </label>
        </div>
    </div>

    <div class="form-outline mb-3">
        <label class="form-label fw-bold" for="conference_dinner">Conference Dinner</label>
        <div class="form-group form-check">
            <input type="checkbox" class="form-check-input" name="conference_dinner" id="conference_dinner" <?php echo isset($_POST[ 'conference_dinner']) ? 'checked' : '' ?> oninput="update_total_due()" value="conference_dinner">
            <label class="form-check-label fs-4" for="conference_dinner">I will be attending the conference dinner on 20 July at 8pm at the <a target="iclc10-rheinterrassen" href="https://www.rheinterrassen.info/">Rheinterrassen</a> for the price of <strong>€&#160;<span id="conference_dinner_price"><?php echo $CONFERENCE_DINNER; ?></span></strong>.
            </label>
        </div>
        <div class="form-group form-check pl-3" style="padding-left: 3.5em">
            <input type="checkbox" class="form-check-input" name="vegetarian_dinner" id="vegetarian_dinner" disabled <?php echo isset($_POST[ 'vegetarian_dinner']) ? 'checked' : '' ?> oninput="update_total_due()" value="vegetarian_dinner">
            <label class="form-check-label fs-4" for="vegetarian_dinner">I choose the vegetarian dinner option</label>
        </div>
    </div>

    <label class="form-label fw-bold" for="lunch-1 lunch-2 lunch-3">Lunch Options</label>
    <div id="lunchHelp " class="form-text fs-4 ">
        <p>You can optionally pre-order a small lunch for <strong>€&thinsp;<span id="lunch_costs"><?php echo number_format($LUNCH,2); ?></span></strong> each including a drink (0.5&thinsp;l PET Cola Mix, apple juice or water). The food is packed in a way
            that is easy to transport, so that you can easily take it into town or to the green spaces behind the University on the banks of the Rhine.
        </p>
        <p>
            Alternatively, you can choose one of the <a href="https://www.google.de/maps/search/Universität+Mannheim,+Mannheim+restaurants/@49.4832116,8.458566,16z/data=!3m1!4b1">many restaurants nearby</a>.
        </p>
    </div>
    <div id="lunch-1" class="form-outline col-md-4">
        <label class="form-label" for="pw2">Wednesday, 19 July</label>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_1" id="lunch_day_1" value="--" <?php if (!isset($_POST[ 'lunch_day_1']) || $_POST[ 'lunch_day_1']=="--" ) echo 'checked'; ?> >
            <label class="form-check-label" for="lunch_day_1">
              --
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_1" id="lunch_day_1a" <?php if ($_POST['lunch_day_1']=="Avocado Bowl" ) echo 'checked'; ?> value="Avocado Bowl">
            <label class="form-check-label" for="lunch_day_1a" data-bs-toggle="tooltip" title="avocado, beluga lentils, sweet potatoes, baby spinach, chickpeas, cilantro, yuzu dressing, mixed nuts">
                Avocado Bowl <small>(vegan, gluten-free)</small>
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_1" id="lunch_day_1b" <?php if ($_POST['lunch_day_1']=="Thai Rice Bowl" ) echo 'checked'; ?> value="Thai Rice Bowl">
            <label class="form-check-label" for="lunch_day_1b" data-bs-toggle="tooltip" title="red Thai curry, rice, snow peas, roasted peppers, red cabbage, peanuts, roasted onions, cilantro">
                Thai Rice Bowl <small>(vegan)</small>
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_1" id="lunch_day_1c" <?php if ($_POST['lunch_day_1']=="Udon Noodle Bowl" ) echo 'checked'; ?> value="Udon Noodle Bowl">
            <label class="form-check-label" for="lunch_day_1c" data-bs-toggle="tooltip" title="udon noodles, peanut sauce, sautéed vegetables, sweet potatoes, cilantro, chicken breast">
            Udon Noodle Bowl   
            </label>
        </div>
    </div>
    <div id="lunch-2" class="form-outline col-md-4">
        <label class="form-label" for="pw2">Thursday, 20 July</label>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_2" id="lunch_day_2" value="--" <?php if (!isset($_POST[ 'lunch_day_2']) || $_POST[ 'lunch_day_2']=="--" ) echo 'checked'; ?> >
            <label class="form-check-label" for="lunch_day_2">
              --
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_2" id="lunch_day_2a" <?php if ($_POST['lunch_day_2']=="New Oriental Bowl" ) echo 'checked'; ?>  value="New Oriental Bowl">
            <label class="form-check-label" for="lunch_day_2a" data-bs-toggle="tooltip" title="beetroot hummus, cumin cauliflower, chickpeas, pomegranate, baby spinach, red cabbage, cilantro falafel, tahini dressing">
                New Oriental Bowl <small>(vegan)</small>
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_2" id="lunch_day_2b" <?php if ($_POST['lunch_day_2']=="Vegetarian Lasagne" ) echo 'checked'; ?> value="Vegetarian Lasagne">
            <label class="form-check-label" for="lunch_day_2b" data-bs-toggle="tooltip" title="with fennel leek">
              Lasagne <small>(vegetarian)</small>
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_2" id="lunch_day_2b" <?php if ($_POST['lunch_day_2']=="Lasagne" ) echo 'checked'; ?> value="Lasagne">
            <label class="form-check-label" for="lunch_day_2b" data-bs-toggle="tooltip" title="with beef">
              Lasagne
            </label>
        </div>
    </div>
    <div id="lunch-3" class="form-outline col-md-4">
        <label class="form-label" for="pw2">Friday, 21 July</label>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_3" id="lunch_day_3a" value="--"  <?php if (!isset($_POST[ 'lunch_day_3']) || $_POST[ 'lunch_day_3']=="--" ) echo 'checked'; ?> >
            <label class="form-check-label" for="lunch_day_3a">
              --
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_3" id="lunch_day_3b" <?php if ($_POST['lunch_day_2']=="Tofu Teriyaki Bowl" ) echo 'checked'; ?>  value="Tofu Teriyaki Bowl">
            <label class="form-check-label" for="lunch_day_3b" data-bs-toggle="tooltip" title="Udon noodles, raw vegetable salad, roasted peanuts, tofu, sesame, coriander, teriyaki dressing">
                Tofu Teriyaki Bowl <small>(vegan, gluten-free)</small>
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" oninput="update_total_due()" type="radio" name="lunch_day_3" id="lunch_day_3c"  <?php if ($_POST['lunch_day_2']=="Salamango Bowl" ) echo 'checked'; ?> value="Salamango Bowl">
            <label class="form-check-label" for="lunch_day_3c" data-bs-toggle="tooltip" title="smoked salmon, avocado, edamame-pea mix, mango, marinated cucumber, soy-ginger dressing, wasabi mayo">
                Salamango Bowl <small>(fish, gluten-free)</small>
            </label>
        </div>
    </div>
    <div id="lunchHelp2" class="form-text fs-4">Please note that lunch must be ordered and paid for in advance and unfortunately cannot be purchased spontaneously on site.</div>

    <div class="form-outline col-md-12">
        <label class="form-label fw-bold" for="exampleInputAmount">Total Amount in Euro to be paid</label>
        <div class="input-group">
            <div class="input-group-text fs-3">€</div>
            <input lang="en" name="total_due" id="total_due" class="form-control text-end fw-bold fs-3" readonly>
        </div>
        <div id="totalHelp" class="form-text fs-4">Please note that bank transfer is the only payment method. After submitting this form, you will be asked to confirm your email address. After that you will receive an invoice with all bank details.</div>
    </div>

    <?php endif; ?>
    <div class="form-outline mb-3">
        <label class="form-label fw-bold" for="privacy_policy">Privacy Policy</label>
        <div class="form-group form-check">
            <input type="checkbox" class="form-check-input" name="privacy_policy_signed" id="privacy_policy" required title="You need to agree to the privacy policy in order to proceed" <?php echo isset($_POST[ 'privacy_policy_signed']) ? 'checked' : '' ?>            value="privacy_policy">
            <label class="form-check-label fs-4" for="privacy_policy">I have read and agree
                to to the
                <?php echo $SERVICE_ACRONYM; ?> <a
                    href="https://iclc10.ids-mannheim.de/privacy_policy.shtml">Privacy Policy</a>.
            </label>
            <div class="invalid-feedback">
                You need to agree to the privacy policy in order to proceed.
            </div>
        </div>
    </div>

    <?php if($CAPTCHA_LENGTH > 0): ?>
    <!--captcha here-->
    <div class="form-outline mb-3">
        <label class="form-label fw-bold" for="form3Example4">Captcha</label>
        <div class="container mb-2 offset-md-2">
            <img id="captcha" src="<?php echo $BASE_URL. '/captcha.php?token='.$_SESSION[ 'captcha_token']; ?>" />
            <div id="reload_captcha">
                <button id="reload" class="btn btn-outline-info" type="button"> <span class="glyphicon glyphicon-refresh"
                        aria-hidden="true"></span></button>
            </div>
        </div>
        <input pattern="[^\s]{<?php echo $CAPTCHA_LENGTH; ?>,}" required title="Please fill the captcha. It has <?php echo $CAPTCHA_LENGTH; ?> characters" name="captcha" type="text" id="form3Example6" class="form-control fs-4" placeholder="Type what you see on the image above"
        />
        <div class="invalid-feedback">
            Type what you see on the image above.
        </div>
    </div>
    <?php endif; ?>

    <!-- Submit button -->
    <button name="type" value="register" type="submit" class="btn btn-primary float-right fs-3 fw-bold" style="border: #42b23cff; background-color: #42b23cff;">Register for <?php echo $SERVICE_ACRONYM; ?></button>

</form>
</div>