<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("События в Магаданской области | Праздники, выставки и фестивали на Колыме");
?>
<div class="breadcrumbs">
    <a href="/"><img src="/local/templates/2021/img/home.svg"></a>
    <span class="arrow">→</span>
    <span>Календарь событий</span>
</div>
<div class="page_title">
    <span>Календарь</span>
</div>
<!--<link rel="stylesheet" href="/static/css/main.css">
<link rel="stylesheet" href="/static/css/add.css">-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.0/flexslider.min.css">
<script src="//yastatic.net/jquery/2.2.0/jquery.min.js"></script>
<script src="/static/js/main.js?<?=time()?>"></script>
<script type="application/javascript">
window.year_start = '2017';
window.year_stop = '<?=date('Y')?>';
<? if(0 < (int)$_GET['year']){ ?>
window.year_current = '<?=(int)$_GET['year']?>';
<? } else { ?>
window.year_current = '<?=date('Y')?>';
<? } ?>
</script>
<div class="news-page">
    <div class="events-filter">
        <? if(0 < (int)$_GET['year']){
            $year = (int)$_GET['year'];
        } else {
            $year = date('Y');
        } ?>
        <ul class="events-filter__col events-filter__col_seasons">
            <li<? if(NULL == $_GET['season']){ ?> class="active"<? } ?>>
                <a href="/events/?season=&year=<?=$year?>">Ближайшие</a>
            </li>
            <li<? if('past' == $_GET['season']){ ?> class="active"<? } ?>>
                <a href="/events/?season=past&year=<?=$year?>">Прошедшие</a>
            </li>
            <li<? if('0' == $_GET['season']){ ?> class="active"<? } ?>>
                <a href="/events/?season=0&year=<?=$year?>">Зима</a>
            </li>
            <li<? if('1' == $_GET['season']){ ?> class="active"<? } ?>>
                <a href="/events/?season=1&year=<?=$year?>">Весна</a>
            </li>
            <li<? if('2' == $_GET['season']){ ?> class="active"<? } ?>>
                <a href="/events/?season=2&year=<?=$year?>">Лето</a>
            </li>
            <li<? if('3' == $_GET['season']){ ?> class="active"<? } ?>>
                <a href="/events/?season=3&year=<?=$year?>">Осень</a>
            </li>
        </ul>
        <div class="events-filter__col events-filter__col_calendar">
            <form>
                <input type="text" class="events-filter__date" id="js-event-cal">
                <button type="button" class="events-filter__calendar-button">
                    <span><?=$year?> год</span>
                </button>
            </form>
        </div>
    </div>
    <? $APPLICATION->IncludeComponent("kolyma:events", "", array(), false); ?>
    <? $APPLICATION->IncludeComponent("kolyma:events.paginator", "", array(), false); ?>
</div>
<? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php"); ?>