{% extends 'admin_list.html' %}

{% block styles %}

td a{
    float:left;
    margin: 0 10px 10px 0
}


{% endblock %}



{% block body %}

<div class="box span8">
    <div class="box-header well">
        <h2><i class="icon-arrow-down"></i>Фильтры</h2>
    </div>
    <div class="box-content">
        <form>
            {{ form }}

            <button type="submit" class="btn">Найти</button>
        </form>
    </div>

</div>
<div class="box span8">
    <div class="box-header well">
        <h2><i class="icon-arrow-down"></i>Список выставок</h2>
    </div>
    <div class="box-content">

    <table class="table table-hover">
    <col width="25%">
    <col width="15%">
    <col width="35%">
    <col width="25%">
      <thead>
        <tr>
            <th>Название</th>
            <th>Дата начала</th>
            <th>&nbsp;</th>
            <th>&nbsp;</th>
        </tr>
      </thead>
      <tbody>
        {% for item in object_list %}

        <tr>
            <td>{{ item.name }}</td>
            <td>{{ item.data_begin|date:"Y-m-d" }}</td>
            <td><a class="btn-small btn-inverse copy" data-id="{{ item.id }}" href="#">Копировать</a><input id="copy_url_{{ item.id }}" type="text" placeholder="новый урл"></td>
            <td style="width: 200px; height:100px;">
                <a class="btn-small btn-warning off" style="{% if item.is_published %}{% else %}display: none;{% endif %}"
                     href="/admin/exposition/switch/{{ item.url }}/off">
                   Отключить
                  </a>
                <a class="btn-small btn-success on" style="{% if item.is_published %}display: none;{% else %}{% endif %}"
                     href="/admin/exposition/switch/{{ item.url }}/on">
                   Включить
                  </a>
                <a class="btn-small btn-info" href="/admin/exposition/{{ item.url|lower }}">
                   Изменить
                  </a>
            <a class="btn-small btn-inverse" target="_blank" href="{{ item.get_permanent_url }}">
                   на сайте
                </a>
            <a class="btn-small btn-danger" href="/admin/exposition/delete/{{ item.url|lower }}">
                   Удалить
                  </a>
            </td>


        </tr>

        {% endfor %}
      </tbody>
    </table>
    <a class="btn btn-success" href="/admin/exposition/"><i class="icon-plus-sign icon-white"></i> Добавить выставку</a>
    </div>
    {# pagination #}
    {% include 'admin/includes/admin_pagination.html' with page_obj=object_list %}
</div>

    <script>
    $(function(){

        $('.copy').on('click', function(e){
            e.preventDefault();
            var id = $(this).attr('data-id');
            var copy_url = '#copy_url_'+id
            var input_url = $(copy_url).val();
            if(input_url == ''){
                alert('Урл не должен быть пустым')
            }
            else{
                url = '/admin/exposition/copy/';
                formData = {'id': id, url: input_url};
                $.get(url, formData, function(data){
                    if(data['redirect']==''){
                        alert(data['msg'])
                    }
                    else{
                        window.location = data['redirect'];
                    }
                })
            }

        });
    })
    </script>

{% endblock %}