<?php

require_once('__header.php'); ?>
    <div class="wrap">
        <div class="grid"></div>

        <div class="cover">
            <img src="<?php echo $page->image->url; ?>">
        </div>

        <div class="container">
            <h1 class="big"><?php echo $page->headline; ?></h1>
            <?php echo $page->body; ?>


            <!-- AddToAny BEGIN -->
            <div class="a2a_kit a2a_kit_size_32 a2a_default_style">
                <a class="a2a_button_facebook"></a>
                <a class="a2a_button_twitter"></a>
                <a class="a2a_button_linkedin"></a>
            </div>
            <script async src="https://static.addtoany.com/menu/page.js"></script>
            <!-- AddToAny END -->

        </div>





        <div class="mystery_shopper_form">

            <h2>
                Mystery shopper
            </h2>

            <div class="row grid-items subscription">
                <form action="<?php echo $page->url?>" method="post">
                    <div class="form_success" >
                        <div>
                            <h2 style="margin-bottom: 10px;">Thank you!</h2>
                            <span>Thank you! We will be contact with you soon</span>
                        </div>
                    </div>

                    <input type="hidden" name="action" value="shopper"/>
                    <div class="column width-12">


                        <div class="row grid-items">
                            <div class="column width-6">
                                <label>First name <input type="text" value="" name="name" placeholder="Type your name"></label>
                            </div>
                            <div class="column width-6">
                                <label>Surname  <input type="text" value="" name="surname" placeholder="Type your surname"></label>
                            </div>
                        </div>



                        <div class="row grid-items">
                            <div class="column width-6">
                                <label>
                                    Gender

                                    <select name="gender">
                                        <option value="m">Male</option>
                                        <option value="f">Female</option>
                                    </select>
                                </label>
                            </div>
                            <div class="column width-6">
                                <label>Age <input type="text" value="" name="age" placeholder="Age"></label>
                            </div>
                        </div>



                        <div class="row grid-items">
                            <div class="column width-6">
                                <label>
                                    Education

                                    <select name="education">
                                        <option value="b">Bachelor</option>
                                        <option value="m">Master</option>

                                    </select>
                                </label>
                            </div>
                            <div class="column width-6">
                                <label>
                                    Marital status

                                    <select name="marital">
                                        <option value="m">Married</option>
                                        <option value="s">Single</option>
                                    </select>
                                </label>
                            </div>
                        </div>



                        <label>Existence of<input type="text" value="" name="position" placeholder="Existence of"></label>



                        <div class="row grid-items">
                            <div class="column width-6">

                                <div class="radio_block">
                                    <span class="radio_title">Smartphone</span>
                                    <label class="radio checked">
                                        <input type="radio" name="smartphone" value="yes" checked="">Yes </label>
                                    <label class="radio">
                                        <input type="radio" name="smartphone" value="no">No </label>
                                </div>

                            </div>
                            <div class="column width-6">
                                <div class="radio_block">
                                    <span class="radio_title">Laptop</span>
                                    <label class="radio checked">
                                        <input type="radio" name="laptop" value="yes" checked="">Yes </label>
                                    <label class="radio">
                                        <input type="radio" name="laptop" value="no">No </label>
                                </div>
                            </div>
                        </div>





                        <div class="row grid-items">
                            <div class="column width-6">
                                <label>City <input type="text" value="" name="city" placeholder="City"></label>
                            </div>
                            <div class="column width-6">
                                <label>Home phone <input type="text" value="" name="homephone" placeholder="Home phone"></label>
                            </div>
                        </div>


                        <div class="row grid-items">
                            <div class="column width-6">
                                <label>Mobile phone<input type="text" value="" name="mobile" placeholder="Mobile phone"></label>
                            </div>
                            <div class="column width-6">
                                <label>Email<input type="text" value="" name="email" placeholder="Home phone"></label>
                            </div>
                        </div>


                        <!--


                                                <label>Position <input type="text" value="" name="position" placeholder="Type your position"></label>
                                                <label>Company <input type="text" value="" name="company" placeholder="Type your company"></label>
                                                <label>Website <input type="text" value="" name="website" placeholder="Type your website"></label>
                                                <label>Email <input type="text" value="" name="email" placeholder="Type your email"></label>
                                                <label>Telephone number <input type="text" value="" name="phone" placeholder="Type your phone number"></label>
                                                <label>Mobile number  <input type="text" value="" name="mobile" placeholder="Type your mobile number"></label> -->

                        <input type="hidden" id="_post_token" name="<?php echo $session->CSRF->getTokenName()?>" value="<?php echo $session->CSRF->getTokenValue()?>">
                        <input type="hidden" name="action" value="shopper">
                        <button class="bigger" type="submit">Send</button>


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



        </div>




        <ul class="directions inner-directions">
            <?php
            foreach ($pages->get('/directions-of-activity/')->children() as $item):
                echo '<li><img src="' . $item->image->url . '">'
                    . '<div class="li_content">'
                    . '<figure>' . substr($item->title, 0, 1) . '</figure>'
                    . '<h3>' . $item->title . '</h3>'
                    . '<ul>';
                foreach ($item->children() as $subitem):

                    if ($subitem->numChildren):
                        echo '<li><a href="javascript:void(0)">' . $subitem->title . '</a>';
                        echo '<ul>';
                        foreach ($subitem->children() as $child):
                            echo '<li><a href="' . $child->url() . '">' . $child->title . '</a></li>';
                        endforeach;
                        echo '</ul>';
                    else:
                        echo '<li><a href="' . $subitem->url . '">' . $subitem->title . '</a>';
                    endif;

                    echo '</li>';
                endforeach;
                echo '</ul></div></li>';
            endforeach;
            ?>
        </ul>








        <!--
        <?php
        if ($page->numChildren):
            $next = $page->children()->first();
        else:
            $next = $page->siblings('sort>' . $page->sort)->first();
            if (!$next) $next = $page->siblings('sort<' . $page->sort)->first();
        endif;
        if ($next) :
            echo '<a href="' . $next->url . '" class="next-page"><small>' . _x('Next industry', '-') . '</small>' . $next->title . '</a>';
        endif;
        ?> -->


    </div>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            slidesPerView: 3,
            centeredSlides: true,
            paginationClickable: true,
            spaceBetween: 0,
            grabCursor: true,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev'
        });
    </script>
<?php require_once('__footer.php'); ?>