<!-- MY LIFE HISTORY FILTER -->
<div id="main-life-history" class="life-history filters">
    <div class="life-history-wrapper">
        <div class="text-protection-layer"></div>
        <div class="title-container">
            <h2>Acontecimentos registados <br> por ano para o dia selecionado <br> <span>( alguns anos poderão não apresentar resultados )</span></h2>
        </div>
        <div class="content-container">
            <div class="search-indications">
                <p>filtrar resultados por ano</p>
            </div>
            <div class="search-container">
                <form id="life-history-form" action="eventos" method="get">
                    <div class="form-group">
                        <div class="input-container">
                            <select id="ano" class="js-select2 ano">
                                <?php
                                $dateStartResult = DateTime::createFromFormat('Y-m-d', $dateStart);
                                $dateStartResultYear = $dateStartResult->format('Y');
                                if ($dateEnd != '') {
                                    $dateEndResult = DateTime::createFromFormat('Y-m-d', $dateEnd);
                                } else {
                                    $dateEndResult = DateTime::createFromFormat('Y-m-d', '2016-06-30');
                                }
                                $dateEndResultYear = $dateEndResult->format('Y');
                                ?>
                                <?php for($i = $dateStartResultYear; $i <= $dateEndResultYear; $i+=1): ?>
                                        <option value="<?php echo $i - $dateStartResultYear; ?>"><?php echo $i; ?></option>
                                <?php endfor; ?>
                            </select>
                        </div>
                    </div>
                    <button class="js-life-history-filter-btn">
                        <span>ok</span>
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>