

<div class="block-search-event">
    <div class="title">
        <h1><?php esc_attr_e('Event Listing','wpbookingevent');?></h1>
        <p><?php esc_attr_e('Every feature is specifically designed to offer a unique experience.','wpbookingevent');?></p>
    </div>
    <form action="<?php echo($page_list_event)  ?>" class="form-search" method="get">
        <div class="block-sorting-dropdown category">
            <i class="icon-collection"></i>
            <div class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                    <span>
                        <span><?php esc_attr_e('Event Type','wpbookingevent');?></span>
                        <i class="fas fa-sort-down"></i>
                    </span>
                </a>
                <div class="dropdown-menu">
                    <div class="block-event-categories">
                        <h5><?php esc_attr_e('Types','wpbookingevent');?></h5>
                        <div class="block-event-type-item">
                            <?php foreach ($list_eventtype as $eventtype) {?>
                                <label>
                                    <input type="checkbox" name="eventtype[]" value="<?php esc_attr_e($eventtype->id);?>"/>
                                    <span><?php esc_attr_e($eventtype->name);?></span>
                                </label>
                            <?php }?>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="block-select-date">
            <i class="icon-calendar-7"></i>
            <input type="text" name="datetimes" />
        </div>

        <div class="block-select-location">
            <i class="icon-nb-pin"></i>
            <select name="location" class="select-location">
                <option value=""><?php esc_attr_e('Select Location','wpbookingevent');?></option>
                <?php foreach ($list_country as $country) {?>
                    <optgroup label="<?php esc_attr_e($country->countryname);?>">
                        <?php foreach ($country->list_location as $location) {?>
                            <option value="<?php esc_attr_e($location->location_id);?>"><?php esc_html_e($location->location_name);?></option>
                        <?php }?>
                    </optgroup>
                <?php }?>
            </select>
            <i class="fas fa-sort-down"></i>
        </div>

        <div class="block-sorting-dropdown price-employee">
            <i class="icon-nb-user-2"></i>
            <div class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                    <span>
                        <span><?php esc_attr_e('Select Expert','wpbookingevent');?></span>
                        <i class="fas fa-sort-down"></i>
                    </span>
                </a>
                <div class="dropdown-menu">
                    <div class="block-filter-price block-filter-price-more-option">
                        <h5><?php esc_attr_e('Filter price','wpbookingevent');?></h5>
                        <input type="text" id="amount_1" readonly/>
                        <div id="slider-container-1"></div>
                        <input type="hidden" name="price_search">
                    </div>
                    <div class="block-employee">
                        <h5><?php esc_attr_e('Employees','wpbookingevent');?></h5>
                        <div class="block-employee-item">
                            <?php foreach ($list_employees as $employees) {?>
                                <label>
                                    <input type="checkbox" name="employee[]" value="<?php esc_attr_e($employees->id);?>"/>
                                    <span><?php esc_attr_e($employees->first_name);?> <?php esc_attr_e($employees->last_name);?></span>
                                </label>
                            <?php }?>
                        </div>
                    </div>

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

        <div class="wrapper-button">
            <button class="btn btn-primary" type="submit"><?php esc_attr_e('Search','wpbookingevent');?></button>
        </div>
    </form>
    <form action="<?php echo ($page_list_event)  ?>" method="get" class="form-search-event">
        <div class="block-more-option">
            <i class="icon-collection"></i>
            <div class="title-more-option">
                <p class="more-option"><span><?php esc_attr_e('Event Type','wpbookingevent');?></span><i class="fas fa-sort-down"></i></p>
                <div class="block-filter-price block-filter-price-more-option-2">
                    <h5><?php esc_attr_e('Filter price','wpbookingevent');?></h5>
                    <input type="text" id="amount_2" readonly/>
                    <div id="slider-container-2"></div>
                    <input type="hidden" name="price_search">
                </div>
                <div class="block-event-categories-2">
                    <h5><?php esc_attr_e('Categories','wpbookingevent');?></h5>
                    <div class="block-event-type-item">
                        <?php foreach ($list_eventtype as $eventtype) {?>
                            <label>
                                <input type="checkbox" name="category[]" value="<?php echo ($eventtype->id);?>"/>
                                <span><?php echo ($eventtype->name);?></span>
                            </label>
                        <?php }?>
                    </div>
                </div>
            </div>
        </div>
        <div class="block-select-date">
            <i class="icon-calendar-7"></i>
            <input type="text" name="datetimes" />
        </div>
        <div class="block-select-location">
            <i class="icon-nb-pin"></i>
            <select name="location" class="select-location">
                <option value=""><?php esc_attr_e('Select location','wpbookingevent');?></option>
                <?php foreach ($list_country  as $country) {?>
                    <optgroup label="<?php echo ($country->countryname);?>">
                        <?php foreach ($country->list_location as $location) {?>
                            <option value="<?php esc_attr_e($location->location_id);?>"><?php esc_html_e($location->location_name);?></option>
                        <?php }?>
                    </optgroup>
                <?php }?>
            </select>
            <i class="fas fa-sort-down"></i>
        </div>
        <div class="block-more-option employee">
            <i class="icon-nb-user-2"></i>
            <div class="title-more-option">
                <p class="more-option"><span><?php esc_attr_e('Select Expert','wpbookingevent');?></span><i class="fas fa-sort-down"></i></p>
                <div class="block-event-categories-2">
                    <h5><?php esc_attr_e('Employees','wpbookingevent');?></h5>
                    <div class="block-event-type-item">
                        <?php foreach ($list_employees as $employees) {?>
                            <label>
                                <input type="checkbox" name="employee[]" value="<?php echo ($employees->id);?>"/>
                                <span><?php esc_attr_e($employees->first_name);?> <?php esc_attr_e($employees->last_name);?></span>
                            </label>
                        <?php }?>
                    </div>
                </div>
            </div>
        </div>
        <div class="block-button-search">
            <button type="submit" class="btn btn-primary"><?php esc_attr_e('Search Now','wpbookingevent');?></button>
        </div>
    </form>
    <a href="#block_review_comment">
        <div class="scroll-down">
            <i class="icon-Vector"></i>
            <p><?php esc_attr_e('Scroll Down','wpbookingevent'); ?></p>
        </div>
    </a>

</div>


