{% extends "base.html" %}

{% block title %}
学院概况
{% endblock %}

{% block content %}
<!-- 主体内容 -->
<div class="container">
    <div class="row row-3">
        <!-- 侧边导航栏 -->
        <div class="col-md-3">
            <div class="model-title">
                学院简介
            </div>
            <div class="model-list">
                <ul class="list-group">
                    <li class="list-group-item" id="survey">
                        <a href="{% url 'aboutApp:survey' %}">学院简介</a>
                    </li>
                    <li class="list-group-item" id="leader">
                        <a href="{% url 'aboutApp:leader' %}">领导分工</a>
                    </li>
                    <li class="list-group-item" id="organization">
                        <a href="{% url 'aboutApp:organization' %}">机构设置</a>
                    </li>
                    <li class="list-group-item" id="major">
                        <a href="{% url 'aboutApp:major' %}">专业介绍</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 说明文字和图片 -->
<!--        文章或者列表-->
        <div class="col-md-9">
            <div class="model-details-title">
                {{title}}
            </div>
            {% if type == 'art'%}
            <div class="model-details">
                {{content|safe }}
            </div>
            {% elif type == 'list'%}
<!--            列表-->
            <ul class="list-group">
                {% for item in list %}
                <a href="{%url 'article' id=item.id%}" target="_blank" class="list-group-item">{{item.title}}<span class="pull-right">{{ item.created_at }}</span></a>
                {% endfor %}
            </ul>
            {% else %}
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}