PPDCampPortal/public/parts/signup.php

<?php
/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

if (empty($IN_SITE)) {
    die("Access denied.");
}

$campers = [];
$adults = [];
$youth = [];

if (isset($_SESSION['familyid']) && $database->has('families', ['familyid' => $_SESSION['familyid']])) {
    $campers = $database->select("people", 'personid', ['AND' => ['familyid' => $_SESSION['familyid'], 'camperid[!]' => null]]);
    $adults = $database->select("people", 'personid', ['AND' => ['familyid' => $_SESSION['familyid'], 'adultid[!]' => null]]);
    $youth = $database->select("people", 'personid', ['AND' => ['familyid' => $_SESSION['familyid'], 'youthid[!]' => null]]);
}
?>
<div class="container mt-4">
    <?php
    if (!empty($SETTINGS["disable_registration"]) && $SETTINGS["disable_registration"] == true) {
        ?>
        <div class="card mb-4 bg-green text-light">
            <div class="card-body">

                <div class="d-flex flex-wrap justify-content-around">
                    <div class="ml-auto mr-auto pl-4 align-self-center text-center">
                        <h1>Day Camp Registration</h1>

                        <h3>Online registration is now closed.</h3>
                    </div>
                </div>
            </div>
        </div>
        <?php
    } else {
        ?>
        <form action="actions/submit.php" method="post" id="registrationform">
            <?php
            // Add a hidden form element, to detect if the renewal session
            // expired before we submitted the thing
            if (isset($_SESSION['familyid'])) {
                ?>
                <input type="hidden" name="editing" value="1" />
                <?php
            }
            ?>
            <div class="card mb-4 bg-green text-light">
                <div class="card-body">

                    <div class="d-flex flex-wrap justify-content-around">
                        <div class="ml-auto mr-auto pl-4 align-self-center text-center">
                            <h1>Day Camp Registration</h1>
                        </div>
                    </div>
                </div>
            </div>

            <?php
            if (!empty($_GET['error'])) {
                ?>
                <div class="card mb-4 bg-danger text-white">
                    <div class="card-body">
                        <?php echo htmlspecialchars($_GET['error']); ?>
                    </div>
                </div>
                <?php
            }
            ?>


            <!-- Campers -->
            <div class="card mb-4">
                <div class="card-header bg-green text-light">
                    <h3><i class="fas fa-campground fa-fw"></i> Campers</h3>
                </div>
                <div class="list-group list-group-flush" id="camper_list">
                    <?php
                    $persontype = "camper";
                    if (count($campers) > 0) {
                        foreach ($campers as $personid) {
                            include __DIR__ . "/template_person.php";
                        }
                    }
                    ?>
                </div>

                <div class="card-body">
                    <div class="btn btn-sm btn-teal mt-1" id="add_camper">
                        <i class="fas fa-plus"></i> Add Camper
                    </div>
                </div>
            </div>


            <!-- Adults -->
            <div class="card mb-4">
                <div class="card-header bg-green text-light">
                    <h3><i class="fas fa-hiking fa-fw"></i> Adult Volunteers</h3>
                </div>
                <div class="list-group list-group-flush" id="adult_list">
                    <?php
                    $persontype = "adult";
                    if (count($adults) > 0) {
                        foreach ($adults as $personid) {
                            include __DIR__ . "/template_person.php";
                        }
                    }
                    ?>
                </div>

                <div class="card-body d-flex flex-wrap align-items-center">
                    <div class="btn btn-sm btn-teal mt-1 mr-4" id="add_adult">
                        <i class="fas fa-plus"></i> Add Adult
                    </div>
                    <div>
                        <i class="fas fa-info-circle fa-fw"></i> Do not register as a volunteer if you are attending with your Tiger cub, instead enter your name as the camper's parent/guardian.<br />
                        <i class="fas fa-calendar-alt fa-fw"></i> A $10 discount is applied for every day an adult volunteers.<br />
                        <?php
                        if ($SETTINGS["prices"]["adult_tshirt"] === false) {
                            ?>
                            <i class="fas fa-tshirt fa-fw"></i> Shirts and patches are free for adult volunteers.
                            <?php
                        } else {
                            ?>
                            <i class="fas fa-tshirt fa-fw"></i> Shirts are $<?php echo $SETTINGS["prices"]["tshirt"]; ?>, or free for adults who volunteer at least <?php echo $SETTINGS["prices"]["adult_tshirt"]; ?> days.
                            <?php
                            if ($SETTINGS["prices"]["alone_adult_free_tshirt"] === true) {
                                ?>
                            Shirts are also free for volunteers who are not attending with Cub Scouts.
                            <?php
                            }
                        }
                        ?>
                    </div>
                </div>
            </div>


            <!-- Youth Volunteers -->
            <div class="card mb-4">
                <div class="card-header bg-green text-light">
                    <h3><i class="fas fa-walking fa-fw"></i> Youth Volunteers</h3>
                </div>
                <div class="list-group list-group-flush" id="youth_list">
                    <?php
                    $persontype = "youth";
                    if (count($youth) > 0) {
                        foreach ($youth as $personid) {
                            include __DIR__ . "/template_person.php";
                        }
                    }
                    ?>
                </div>

                <div class="card-body d-flex flex-wrap align-items-center">
                    <div class="btn btn-sm btn-teal mt-1 mr-4" id="add_youth">
                        <i class="fas fa-plus"></i> Add Youth
                    </div>
                    <div>
                        <?php
                        if ($SETTINGS["prices"]["youth_tshirt"] === false) {
                            ?>
                            <i class="fas fa-tshirt fa-fw"></i> Shirts and patches are free for youth volunteers.
                            <?php
                        } else {
                            ?>
                            <i class="fas fa-tshirt fa-fw"></i> Shirts are $<?php echo $SETTINGS["prices"]["tshirt"]; ?>, or free for youth who volunteer at least <?php echo $SETTINGS["prices"]["youth_tshirt"]; ?> days.
                            <?php
                        }
                        ?>
                    </div>
                </div>
            </div>


            <!-- Payment -->
            <div class="card mb-4">
                <div class="card-header bg-green text-light">
                    <h3><i class="fas fa-dollar-sign fa-fw"></i> Pay and Submit</h3>
                </div>
                <div class="card-body">
                    <h4>Total: $<span id="total">0</span></h4>

                    <div class="row" id="payment-methods" style="display: none;">
                        <div class="col-12 col-md-8">
                            <noscript>
                                <div class="card-text text-danger mb-1">
                                    <i class="fas fa-code"></i> JavaScript is required to complete your payment.
                                </div>
                            </noscript>
                            <label for="card-element">
                                Credit or debit card:
                            </label>
                            <div id="card-element" class="form-control">

                            </div>
                            <div id="card-errors" class="alert alert-danger d-none"></div>
                            <input type="hidden" name="stripeToken" id="stripe-token" required />
                            <div class="card-text text-success mb-1">
                                <i class="fas fa-lock"></i> We can't see your card info; it's sent directly and securely from your computer to our payment processor.
                            </div>
                            <?php if ($SETTINGS["prices"]["add_stripe_fees"]) { ?>
                            <div class="card-text text-info mb-1">
                                <i class="fas fa-info-circle"></i> Credit card fees are automatically calculated and added to your total.
                            </div>
                            <?php } ?>
                        </div>
                        <div class="col-12 col-md-4">
                            <div class="form-group">
                                <label for="campcoupons">Camp Credits or Scout Bucks:</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i class="fas fa-dollar-sign"></i>
                                        </div>
                                    </div>
                                    <input type="number" step="1" name="campcoupons" class="form-control" value="0" />
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Hi, don't bother tampering with this, the math is checked on the server. -->
                    <input type="hidden" name="totalcharge" value="0" />
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-teal" id="savebutton">
                        <span id="savebutton-text">
                            <i class="fas fa-arrow-right"></i> Submit<span class="d-none d-sm-inline"> Registration</span>
                        </span>
                        <span id="savebutton-wait" class="d-none">
                            <i class="fas fa-spinner fa-spin"></i> Working...
                        </span>
                    </button>
                </div>
            </div>
        </form>
        <?php
    }
    ?>
</div>

<script src="https://js.stripe.com/v3/"></script>
<script>
    var stripe_pubkey = '<?php echo $SETTINGS["stripe"]["pubkey"]; ?>';
    // Hi, don't bother trying to change these values for a discount, the math
    // is done on the server too so you'll just be wasting your time.
    var prices = <?php echo json_encode($SETTINGS["prices"]); ?>;
</script>
<script src="static/signup.js"></script>