{% extends 'base_catalog.html' %}
{% load static %}
{% load i18n %}
{% load template_filters %}

{% block bread_scrumbs %}
   <div class="bread-crumbs">
        <a href="/">{% trans 'Главная страница' %}</a>
       <a href="/profile/">{% trans 'Личный кабинет' %}</a>
        <strong>{% trans 'Календарь' %}</strong>
   </div>
{% endblock %}

{% block page_title %}
       <div class="page-title">
           <h1>{% trans 'Личный календарь' %}</h1>
       </div>
{% endblock %}

{% block content_list %}
<div class="m-article p-calendar">
    {% with days=days events=events current_day=current_day %}
        {% include 'includes/accounts/calendar_table.html' %}
    {% endwith %}

</div>
<div class="m-article cal-lists">
    <div class="cl-sect">
        <div class="cls-title">{{ days.15|date:"F"}}’{{ days.15|date:"y"}}</div>
        {% include 'includes/accounts/calendar_list.html' with events=events %}
    </div>

    <div class="cl-actions clearfix">
        <div class="cla-title">{% trans 'Все / выделенные:' %}</div>
        <div class="cla-btns">
            <a class="button" id="btn_delete" href="#">{% trans 'удалить из расписания' %}</a>
            <!--
            <a class="button icon-calendar-o" href="#">{% trans 'ЭКСПОРТИРОВАТЬ В' %} <span class="lc">iCal</span></a>
            <a class="button icon-save" href="#">{% trans 'сохранить в xls' %}</a>
            <a class="button icon-save" href="#">{% trans 'сохранить в pdf' %}</a>
            <a class="button icon-print" href="#">{% trans 'Распечатать' %}</a>
            -->
        </div>

    </div>


    <div class="to-prev-cal">
        <a class="icon-back" href="/profile/calendar/?year={{ days.15|add_month:'-1'|date:'Y' }}&month={{ days.15|add_month:'-1'|date:'m' }}">{% trans 'Посмотреть прошедший календарь' %}</a>
    </div>
</div>
</div>
<script>
        $(function () {
            $('#btn_delete').on('click', function(e){
                e.preventDefault();
                var expos = $("input[name=expo]:checkbox:checked").map(function(){
                  return $(this).val();
                }).get();
                var confs = $("input[name=conf]:checkbox:checked").map(function(){
                  return $(this).val();
                }).get();
                var seminars = $("input[name=seminar]:checkbox:checked").map(function(){
                  return $(this).val();
                }).get();
                var webinars = $("input[name=webinar]:checkbox:checked").map(function(){
                  return $(this).val();
                }).get();
                var sendData = {'expo': JSON.stringify(expos),
                                'conf':JSON.stringify(confs),
                                'seminar':JSON.stringify(seminars),
                                'webinar': JSON.stringify(webinars)}
                $.get('/profile/calendar/remove/', sendData, function(data){
                        if(data.success){
                            location.reload();
                        }
                    })
            });

        })
    </script>
{% endblock %}

{% block scripts %}
    <script src="{% static 'client/js/profile.js' %}"></script>

{% endblock %}