<?php echo $__env->make('header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<main id="main-content">
    <section class="search-engine">
        <div class="container">
            <div class="content col-md-8 col-lg-12">
                <h1 class="leaf-title-pink">Précisez vos envies</h1>
                <form action="_search-engine.php" class="row">
                    <div class="when">
                        <label for="" class="col-xs-12 col-sm-2">Quand ?<span class="icon-pictos_derouler"></span></label>
                        <div class="col-xs-12 col-sm-10">
                            <select class="selectpicker" title="Quand ?" name="date" multiple data-max-options="1">
<?php foreach($searchEngine['when']['date'] as $aDate): ?>
                                <option value="<?php echo($aDate['value']); ?>" class="<?php echo($aDate['class']); ?>" <?php echo($aDate['selected']); ?>>
                                    <?php echo($aDate['label']); ?>                                </option>
<?php endforeach; ?>
                            </select>
                            <div class="datepicker">
                                <label for="">du</label>
                                <div>
                                    <input type="text" name="firstdate" class="form-control js_datepicker">
                                    <span class="input-group-addon"><i class="icon-pictos_dateDebut"></i></span>
                                </div>
                            </div>
                            <div class="datepicker">
                                <label for="">au</label>
                                <div>
                                    <input type="text" name="seconddate" class="form-control js_datepicker">
                                    <span class="input-group-addon"><i class="icon-pictos_dateFin"></i></span>
                                </div>
                            </div>
                            <div class="time">
<?php foreach($searchEngine['when']['time'] as $aTime): ?>
                                <div>
                                    <input type="checkbox" name="time[]" value="<?php echo($aTime['value']); ?>" id="<?php echo($aTime['value']); ?>" <?php echo($aTime['checked']); ?>>
                                    <label for="<?php echo($aTime['value']); ?>"><span class="icon-pictos_<?php echo($aTime['icon']); ?>"></span><?php echo($aTime['label']); ?></label>
                                </div>
<?php endforeach; ?>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="where">
                        <label for="" class="col-xs-12 col-sm-2">Où ça ?<span class="icon-pictos_derouler"></span></label>
                        <div class="col-xs-12 col-sm-10">
                            <select name="city" class="selectpicker" title="Où ça ?" data-live-search="true" multiple data-max-options="1">
<?php foreach($searchEngine['where']['city'] as $aCity): ?>
                                <option value="<?php echo($aCity['value']); ?>" <?php echo($aCity['selected']); ?> ><?php echo($aCity['label']); ?></option>
<?php endforeach; ?>
                            </select>
                            <label for="">dans un rayon de</label>
                            <select name="radius" class="selectpicker" title="... km" multiple data-max-options="1">
<?php foreach($searchEngine['where']['radius'] as $aRadius): ?>
                                <option value="<?php echo($aRadius['value']); ?>" <?php echo($aRadius['selected']); ?>><?php echo($aRadius['value']); ?> km</option>
<?php endforeach; ?>
                            </select>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="what">
                        <label for="" class="col-xs-12 col-sm-2">Quoi donc ?<span class="icon-pictos_derouler"></span></label>
                        <div class="col-xs-12 col-sm-10">
                            <select id="type" name="type" class="selectpicker js_extSelectPicker" title="Type d'événement" multiple>
<?php foreach($searchEngine['what']['type'] as $aType): ?>
                                <option value="<?php echo($aType['value']); ?>" <?php echo($aType['selected']); ?> class="<?php echo($aType['class']); ?>"><?php echo($aType['label']); ?></option>
<?php endforeach; ?>
                            </select>
                            <select id="type_event" name="type_event" class="selectpicker hidden" title="Type d'événement" multiple>
<?php foreach($searchEngine['what']['typeEvent'] as $aType): ?>
                                <option value="<?php echo($aType['value']); ?>" <?php echo($aType['selected']); ?>><?php echo($aType['label']); ?></option>
<?php endforeach; ?>
                            </select>
                            <select id="type_group" name="type_group" class="selectpicker hidden" title="Type d'événement" multiple>
<?php foreach($searchEngine['what']['typeGroup'] as $aType): ?>
                                <option value="<?php echo($aType['value']); ?>" <?php echo($aType['selected']); ?> ><?php echo($aType['label']); ?></option>
<?php endforeach; ?>
                            </select>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="which-name">
                        <label for="" class="col-xs-12 col-sm-2">Quel nom ?<span class="icon-pictos_derouler"></span></label>
                        <div class="col-xs-12 col-sm-10">
                            <input name="keywords" type="text" placeholder="Mots clés" value="<?php echo($searchEngine['keywords']); ?>">
                        </div>
                    </div>
                    <div class="clearfix plus"></div>
                    <div class="thematic">
                        <label for="" class="col-xs-12 col-sm-2" style="word-spacing: -25%;">À propos de&nbsp;?<span class="icon-pictos_derouler"></span></label>
                        <div class="col-xs-12 col-sm-10">
                            <select id="thematic" name="thematic" class="selectpicker js_extSelectPicker" title="Thématique" multiple>
<?php foreach($searchEngine['thematic'] as $aThematic): ?>
                                <option value="<?php echo($aThematic['value']); ?>" <?php echo($aThematic['selected']); ?> ><?php echo($aThematic['label']); ?></option>
<?php endforeach; ?>
                            </select>
                        </div>
                    </div>
                    <div class="clearfix plus"></div>
                    <div class="who">
                        <label for="" class="col-xs-12 col-sm-2">Pour qui ?<span class="icon-pictos_derouler"></span></label>
                        <div class="col-xs-12 col-sm-10">
                            <select name="public" class="selectpicker" title="Tout public" multiple data-max-options="1">
<?php foreach($searchEngine['public'] as $aPublic): ?>
                                <option value="<?php echo($aPublic['value']); ?>" <?php echo($aPublic['selected']); ?> ><?php echo($aPublic['label']); ?></option>
<?php endforeach; ?>
                            </select>
                            <div>
                                <input type="checkbox" name="pmr" value="true" id="pmr" class="switch-rounded" <?php echo($searchEngine['pmr']['checked']); ?>>
                                <label for="pmr"></label>
                                <label for=""><span class="icon-pictos_PMR"></span>Accès PMR</label>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix plus"></div>
                    <div class="other">
                        <label for="" class="col-xs-12 col-sm-2">Autre ?<span class="icon-pictos_derouler"></span></label>
                        <div class="col-xs-12 col-sm-10">
                            <select name="intext" class="selectpicker" title="Int/Ext" multiple data-max-options="1" data-value="">
<?php foreach($searchEngine['int_ext'] as $aIntExt): ?>
                                <option value="<?php echo($aIntExt['value']); ?>" <?php echo($aIntExt['selected']); ?> ><?php echo($aIntExt['label']); ?></option>
<?php endforeach; ?>
                            </select>
                            <div>
                                <input type="checkbox" name="free" value="true" id="free" class="switch-rounded" <?php echo($searchEngine['free']['checked']); ?>>
                                <label for="free"></label>
                                <label for="">Manifestations gratuites</label>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix last"></div>
                    <div class="buttons-container">
                        <button class="plus-criteria">Plus de critères</button>
                        <div class="right-buttons">
                            <input type="reset" class="button" value="Réinitialiser">
                            <input type="submit" value="Rechercher">
                        </div>
                        <input type="hidden" id="id_post" name="id_post" value="<?php echo($id); ?>">
                        <input type="hidden" id="activepage" name="activepage" value="<?php echo($searchEngine['activePage']); ?>">
                        <?php wp_nonce_field('ajax-nonce', 'security'); ?>
                    </div>
                </form>
            </div>
        </div>
    </section>
    <section class="map-location" id="map-location">
        <div id="map"></div>
        <script>
        </script>
        <script sync defer
                src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBZuHgq7w0kPEc2mEXoULwpRGhF1kWaiqI&callback=initMapSearchEngine">
        </script>
    </section>
    <section class="search-results frieze-separator-purple-top">
        <div class="container">
            <div class="content col-md-8 col-lg-12">
                <div class="modify-search">
                    <button class="hidden-sm hidden-md hidden-lg">Modifier la recherche</button>
                </div>
                <div class="loader">
                    <img src="<?php echo(themosis_assets().'/img/loader/loader_purple.gif'); ?>" alt="Chargement...">
                </div>
                <p class="number-results">Aucune recherche effectuée</p>
                <div class="event-container"></div>
                <div class="pagination col-xs-12"></div>
            </div>
        </div>
    </section>
</main>

<?php echo $__env->make('footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
