<?php
    include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/inc/sessionStartGeneral.php");
?>

<?php
$pageTitle = "Fuel Rewards FAQ";
$pageDescription = "Frequently Asked Questions Fuel Rewards";
$pageKeywords = "Thayne, Wyoming, grocery, store, market, fresh foods, Wyoming, grocery, Valley Market Thayne, grocery store";

$theSiteParts = explode(".", $_SERVER['HTTP_HOST']);
$theSite = $theSiteParts[0];
?>
<?php
    include_once($_SERVER['DOCUMENT_ROOT'] . "/common/header.php");
?>

<?php require($_SERVER['DOCUMENT_ROOT'] . '/common/mainNav.php'); ?>

<style>
@media only screen and (max-width: 768px) {

    html,
    body {
        height: 100% !important;
        width: 100% !important;
        display: contents !important;
        /* padding-left: 10px !important; */
        /* padding-right: 20px !important; */
        /* margin-left: 10px !important; */
    }

    .alignButtons {
        /* text-align: center; */
    }

    .wrapper {
        max-width: 100% !important;
        /* margin: 10px auto 0 auto !important; */
        display: block !important;
        /* padding: 10px !important; */
    }

    #howItWorks-img1 {
        margin-bottom: 10px;
    }

    li {
        list-style-type: none !important;
    }

    .sectionHeader {
        text-align: center !important;
    }

    .column-b {
        padding-top: 20px;
        padding-bottom: 20px;
        margin: auto;
        text-align: center;
    }

    #imgGrocery {

        min-width: 1px;
        width: 90%;
       justify-content:center;
       margin-left: 20px;
    }

    #imgFuel {
        min-width: 1px;
        width: 90%;
        justify-content: center;
        margin-left: 20px;
    }

}


@media only screen and (min-width: 768px) {

    html,
    body {
        height: 100% !important;
        width: 90% !important;
        display: contents !important;
        padding-left: 20px !important;
        margin: 20px;
    }


    .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 90% !important;
        /* margin-left: 45px !important;
        padding-left: 35px !important; */
        /*  justify-content:center;
    text-align:center; */
    }

    .column {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
        align-item: center;
    }


    .column-2 {
        flex: 45%;
        max-width: 45%;
        padding: 0 4px;
        justify-content: space-between;
    }

    .column-a {
        display: flex;
        flex: 43%;
        max-width: 43%;
        padding: 0 4px;
        justify-content: space-between;
        flex-shrink: 0;
        align-self: self-start;
    }

    .column-b {
        display: flex;
        /* flex: 6%;
        max-width: 6%;
        padding: 0 4px;
        justify-content: space-between; */
        margin: auto;
        justify-content: center;
        align-items: center;
    }

    .column-c {
        display: flex;
        flex: 43%;
        max-width: 43%;
        padding: 0 4px;
        justify-content: space-between;
        flex-shrink: 0;
        align-self: flex-start;
    }

    .column-2 img {
        margin-top: 8px;
        vertical-align: middle;
        width: 100%;
    }

    .wrapper {

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 50px;

    }

    #hero-img {
        margin-left: 10px !important;
        height: 200px;
        max-width: 800px !important;
        width: 800px !important;
        padding-right: 30px !important;
        margin-right: 30px !important;
    }


    #imgGrocery {

        min-width: 1px;
        width: 337px;
    }

    #imgFuel {
        min-width: 1px;
        width: 337px;
    }

    .aligner-center {
        display: flex;
        /* align-items: center; */
        /* min-height: 24em; */
        height: 20px;
        justify-content: center;
    }

    .aligner-item {
        flex: 1;
    }

    .aligner-item--top {
        align-self: flex-start;
    }

    .aligner-item--bottom {
        align-self: flex-end;
    }

    .aligner-item--fixed {
        flex: none;
        max-width: 50%;
    }


    .box {
        /* background-color: #444; */
        /* color: #fff; */
        border-radius: 5px;
        padding: 10px;
        /*font-size: 150%;*/
    }


    li {
        list-style: none;
    }

    .sectionHeader {
        margin-left: 20px !important;

    }

    .alignButtons {
        text-align: right;
    }

    #graphicsRow{
        padding-left: 10px !important;
        /* padding-right: 10px !important; */
    }
}


#loginBtn,
#registerBtn,
#couponBtn {
    width: 200px;
    margin-bottom: 10px;
    margin-left: 50px;
    margin-top: 10px;
    height: 20px !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.box {
    /*  background-color: #444;
color: #fff; */
    border-radius: 5px;
    padding: 10px;
    /*font-size: 150%;*/
}
</style>

<div class="wrapper">
    <div class="box row" style="text-align:center; display:block;">
        <div class="column">
            <img src="/Kickstrap/img/ValleyMarket_FuelSiteGraphics_EnjoyTheRewards_Header.png"
                alt="enjoy the Rewards of shopping with us" id="hero-img">
        </div>
    </div>

    <div class="sectionHeader">
        <h3 style="color:#f79e1e;">
            Being a Rewards member has so many benefits!
        </h3>
    </div>

    <div class="row">
        <div class="column-2">

            <ul>
                <li>1. The more you spend, the more you save.</li>
                <li>2. Earn points on grocery and pharmacy purchases</li>
                <li>3. Earn and spend points at all our locations.</li>
                <li>4. Access to coupons, exclusive sales and more.</li>
                <li>5. FREE items, like gelato on your birthday.</li>
            </ul>

        </div>

        <div class="column-2">

            <p class="alignButtons">
                <!-- <span><a name="loginBtn" id="loginBtn" href="/login.php" class="btn btn-primary">Log In</a></span> -->
                <!--  <span><a name="registerBtn" id="registerBtn" href="/register.php"
                        class="btn btn-primary">Register</a></span> -->
                <span><a name="couponBtn" id="couponBtn" href="/coupons.php" class="btn btn-primary">Digital
                        Coupons</a></span>
            </p>

        </div>
    </div>



    <div class="row">
        <h3 class="sectionHeader" id="saveHeader" style="color:#f79e1e;">You choose - Save on groceries or fuel</h3>
    </div>

    <div class="row" style="margin-bottom: 20px;" id="graphicsRow">

        <div class="column-a">
            <a href="/about-points.php">
                <img src="/Kickstrap/img/ValleyMarket_FuelSiteGraphics_Groceries_Button.png"
                    alt="picture of bag of groceries" id="imgGrocery">
            </a>
        </div>

        <div class="column-b">
            <b id="textBetweenImg" style="font-family: Consolas; font-size: 50px;">OR</b>
        </div>

        <div class="column-c">
            <a href="/about-fuel.php">
                <img src="/Kickstrap/img/ValleyMarket_FuelSiteGraphicsFuel_Button.jpg" alt="picture of gas tank"
                    id="imgFuel">
            </a>
        </div>

    </div>

    <div class="row">

        <div class="column">
            <div id="allFAQs" class="accordion">
                <!--  <div class="sectionHeader">
                    <h3 style="color:#f79e1e; text-align: center;">
                        Frequently Asked Questions
                    </h3>
                </div> -->

                <div class="accordion" id="allFAQs">
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <h3>
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#allFAQs"
                                    style="color:#f79e1e; href=" #collapse_FAQs">
                                    FAQ's
                                </a>
                            </h3>
                        </div>
                        <div id="collapse_FAQs" class="accordion-body collapse in">
                            <div class="accordion-inner">
                                <div id="faqGroup_FAQs" class="accordion">
                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse"
                                                data-parent="#faqGroup_FAQs" href="#faqGroup_FAQs_how_program_works">
                                                <h4>How does your rewards program work? </h4>
                                            </a>
                                        </div>

                                        <div id="faqGroup_FAQs_how_program_works" class="accordion-body collapse">
                                            <div class="accordion-inner">

                                                <p>
                                                    Our rewards program is a great way to save money and earn awesome
                                                    deals
                                                    on groceries.
                                                    The more you spend at any of our grocery locations, the more you
                                                    save.
                                                    There are two ways to spend your rewards; choose either groceries or
                                                    fuel.
                                                    Use your rewards phone number every time you shop to earn a wallet
                                                    credit or discounts
                                                    at the pump. Every dollar spent = 1 reward point. Learn more about
                                                    grocery rewards <b><a style="color:red;"
                                                            href="/about-points.php">here</a></b>.
                                                    Learn more about Fuel rewards <b><a style="color:red;"
                                                            href="/about-fuel.php">here</a></b>.

                                                </p>

                                            </div>

                                        </div>

                                    </div>
                                    <!--- end of faqGroup_FAQs_how_program_works section -->

                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse"
                                                data-parent="#faqGroup_FAQs" href="#faqGroup_FAQs_how_to_enroll">
                                                <h4>How do I enroll in rewards? </h4>
                                            </a>
                                        </div>

                                        <div id="faqGroup_FAQs_how_to_enroll" class="accordion-body collapse">
                                            <div class="accordion-inner">

                                                <p>
                                                    Enrolling is easy, visit the registration page <b><a
                                                            style="color:red;" href="/register.php">here</a></b> and
                                                    complete the form.
                                                    Next time you visit our store provide your phone number at checkout
                                                    to
                                                    start earning points.
                                                    To track your points, login to your account <b><a style="color:red;"
                                                            href="/login.php">here</a></b> .

                                                </p>

                                            </div>

                                        </div>

                                    </div>
                                    <!--- end of faqGroup_FAQs_how_to_enroll section -->


                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse"
                                                data-parent="#faqGroup_FAQs"
                                                href="#faqGroup_FAQs_use_both_grocery_fuel_discounts">
                                                <h4>Can I use both grocery and fuel discounts? </h4>
                                            </a>
                                        </div>

                                        <div id="faqGroup_FAQs_use_both_grocery_fuel_discounts"
                                            class="accordion-body collapse">
                                            <div class="accordion-inner">

                                                <p>
                                                    The rewards discount only applies to either discounts on groceries
                                                    or
                                                    discounts on fuel, they cannot be combined.
                                                </p>

                                            </div>

                                        </div>

                                    </div>
                                    <!--- end of faqGroup_FAQs_use_both_grocery_fuel_discounts section -->


                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse"
                                                data-parent="#faqGroup_FAQs"
                                                href="#faqGroup_FAQs_switch_between_grocery_fuel_discounts">
                                                <h4>Can I switch between grocery and fuel discounts?</h4>
                                            </a>
                                        </div>

                                        <div id="faqGroup_FAQs_switch_between_grocery_fuel_discounts"
                                            class="accordion-body collapse">
                                            <div class="accordion-inner">

                                                <p>
                                                    Yes, you can switch between the two options but there are
                                                    restrictions.
                                                    If you are enrolled in fuel rewards, once you have accumulated 50
                                                    points,
                                                    those points are immediately converted to a .05 cent fuel discount
                                                    and
                                                    they cannot be brought back.
                                                    If you switch to grocery discounts, you will need to wait until the
                                                    beginning of the month for any points
                                                    to be converted to a wallet credit.
                                                </p>

                                            </div>

                                        </div>

                                    </div>
                                    <!--- end of faqGroup_FAQs_switch_between_grocery_fuel_discounts section -->


                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse"
                                                data-parent="#faqGroup_FAQs" href="#faqGroup_FAQs_update_email_address">
                                                <h4>How do I update my email address? </h4>
                                            </a>
                                        </div>

                                        <div id="faqGroup_FAQs_update_email_address" class="accordion-body collapse">
                                            <div class="accordion-inner">

                                                <p>
                                                    Once you have logged into your account, visit Your Account page.
                                                    Click
                                                    the Update Account Information button.
                                                    Scroll down and enter the correct email address.
                                                </p>

                                            </div>

                                        </div>

                                    </div>
                                    <!--- end of faqGroup_FAQs_update_email_address section -->


                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse"
                                                data-parent="#faqGroup_FAQs" href="#faqGroup_FAQs_username">
                                                <h4>What is my username? </h4>
                                            </a>
                                        </div>

                                        <div id="faqGroup_FAQs_username" class="accordion-body collapse">
                                            <div class="accordion-inner">

                                                <p>
                                                    If you have registered on our updated website, your username is your email address. 
                                                    If you aren't sure which email you used, please visit your store customer service desk.
                                                </p>

                                            </div>

                                        </div>

                                    </div>
                                    <!--- end of faqGroup_FAQs_username -->


                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse"
                                                data-parent="#faqGroup_FAQs" href="#faqGroup_FAQs_phoneNumber">
                                                <h4>Can I have more than one phone number linked to my rewards account?
                                                </h4>
                                            </a>
                                        </div>

                                        <div id="faqGroup_FAQs_phoneNumber" class="accordion-body collapse">
                                            <div class="accordion-inner">

                                                <p>
                                                    Yes, you can add a second phone number when registering for an
                                                    account
                                                    or by visiting
                                                    Your Account page and updating your information.
                                                </p>

                                            </div>

                                        </div>

                                    </div>
                                    <!--- end of faqGroup_FAQs_phoneNumber -->


                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse"
                                                data-parent="#faqGroup_FAQs" href="#faqGroup_FAQs_email_in_use">
                                                <h4>It says my email address is in use, what do I do? </h4>
                                            </a>
                                        </div>

                                        <div id="faqGroup_FAQs_email_in_use" class="accordion-body collapse">
                                            <div class="accordion-inner">

                                                <p>
                                                    Reset your password using your email. If you need to update any of
                                                    your
                                                    other account information,
                                                    visit Your Account page and update your information.
                                                </p>

                                            </div>

                                        </div>

                                    </div>
                                    <!--- end of faqGroup_FAQs_email_in_use -->


                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse"
                                                data-parent="#faqGroup_FAQs" href="#faqGroup_FAQs_reset_password">
                                                <h4>How do I reset my password? </h4>
                                            </a>
                                        </div>

                                        <div id="faqGroup_FAQs_reset_password" class="accordion-body collapse">
                                            <div class="accordion-inner">

                                                <p>
                                                    Click the Log In button in the menu bar. At the bottom of the login
                                                    screen,
                                                    choose the Forgot password option. Follow the prompts to reset your
                                                    password.
                                                </p>

                                            </div>

                                        </div>

                                    </div>
                                    <!--- end of faqGroup_FAQs_reset_password -->


                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse"
                                                data-parent="#faqGroup_FAQs" href="#faqGroup_FAQs_use_online_coupons">
                                                <h4>How do I use online coupons?</h4>
                                            </a>
                                        </div>

                                        <div id="faqGroup_FAQs_use_online_coupons" class="accordion-body collapse">
                                            <div class="accordion-inner">

                                                <p>
                                                    Log in or create a rewards account. Once you have created an
                                                    account,
                                                    visit the digital coupons page <b><a style="color:red;"
                                                            href="/coupons.php">here</a></b> and view hundreds of
                                                    digital
                                                    coupons
                                                    available to you.
                                                    Select the coupons you want and add them to your account. Use your
                                                    rewards phone number at the register
                                                    when you purchase the items to redeem the offers. No need to print
                                                    or
                                                    clip coupons anymore!.
                                                </p>

                                            </div>

                                        </div>

                                    </div>
                                    <!--- end of faqGroup_FAQs_use_online_coupons -->


                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>

</div>


<?php require($_SERVER['DOCUMENT_ROOT'] . '/common/footer.php'); ?>