{% extends "bee_django_course/base.html" %}
{% load bee_django_course_filter %}

{% block content %}
    <div class="text-center"><h3>
        课件列表
    </h3>
    </div>
    <div>
        <form method="get" action="">
            <input name="section_name" type="text" value="{{ request.GET.section_name }}"
                   placeholder="课件名..."/>

            <input type="submit" value="搜索"/>
        </form>
        <a class="btn btn-default" href="{% url 'bee_django_course:section_add' %}">添加课件</a>
    </div>
    <div>共{{ paginator.count }}个</div>
    <table class="table">
        <thead>
        <tr>
            <th></th>
            <th>配图</th>
            <th>名称</th>
            <th></th>

        </tr>
        </thead>
        <tbody>
        {% for section in section_list %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>
                    {% if section.image %}
                        <img src="{{ section.image.url }}" class="img-thumbnail img-responsive" style="width:100px;"/>
                    {% else %}
                        无
                    {% endif %}
                </td>

                <td>{{ section.name }}</td>

                <td>
                    <a href="{% url 'bee_django_course:section_detail' section.id %}  ">详情</a>
                    {% if perms.bee_django_course.change_section %}
                        <a href="{% url 'bee_django_course:section_update' section.id %}  ">修改</a>
                    {% endif %}
                    {#                    <a href="#" id="delete_{{ section.id }}"#}
                    {#                       data-confirm="{% url "bee_django_course:section_delete" section.id %}"#}
                    {#                       onclick="click_del(this)">删除</a>#}
                </td>
            </tr>

        {% endfor %}
        </tbody>
    </table>
    {% include 'bee_django_course/paginator.html' %}
{% endblock %}
{% block scripts %}
    <script type="text/javascript">

        function click_del(_this) {
            if (!confirm('确认要执行这个操作？')) {
                return false;
            }
            var url = $(_this).attr('data-confirm');
            $.post(url).done(function (data) {
                alert('删除成功!');
                location.reload();
            });
        }

        window.click_del = click_del;
    </script>
{% endblock %}