{% extends "base.html" %}
{% load static %}

{% block title %}
主页
{% endblock %}

{% block content %}
<!--轮播图-->
<div class="container-fluid">
    <div id="carousel-example-generic" class="carousel slide center-block" data-ride="carousel" style="width: 1280px; max-width: 100%; height: 720px;">
        <ol class="carousel-indicators">
            {% for item in imgs %}
            <li data-target="#carousel-example-generic" data-slide-to="{{ forloop.counter0 }}"{% if forloop.first %} class="active"{% endif %}></li>
            {% endfor %}
        </ol>
        <div class="carousel-inner" role="listbox">
            {% for item in imgs %}
            <div class="item{% if forloop.first %} active{% endif %}">
                <img class="img-responsive model-img center-block" src="{{ item.url }}" alt="{{ item.title }}" style="width: 1280px; height: 720px; object-fit: cover;">
            </div>
            {% endfor %}
        </div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<!--主体内容-->
<div class="container">
    <div class="row" style="align-content: center">
        <div class="col-lg-5 col-md-5 mx-auto">
            <div class="model-details-title" style="position: relative;">党建工作 <a href="{% url 'partyApp:party_work' %}" style="position: absolute; right: 10px;">更多>></a></div>
            <ul class="list-group">
                {% for item in party_works %}
                <li class="list-group-item"><a href="{{ item.url }}">{{ item.title }} <span class="pull-right">{{ item.date }}</span></a></li>
                {% endfor %}
            </ul>
        </div>
        <div class="col-lg-5 col-md-5 mx-auto">
            <div class="model-details-title" style="position: relative;">团学工作 <a href="{% url 'partyApp:youth_work' %}" style="position: absolute; right: 10px;">更多>></a></div>
            <ul class="list-group">
                {% for item in youth_works %}
                <li class="list-group-item"><a href="{{ item.url }}">{{ item.title }} <span class="pull-right">{{ item.date }}</span></a></li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-5 col-md-5 mx-auto">
            <div class="model-details-title" style="position: relative;">招生信息 <a href="{% url 'serviceApp:admissions' %}" style="position: absolute; right: 10px;">更多>></a></div>
            <ul class="list-group">
                {% for item in admissions %}
                <li class="list-group-item"><a href="{{ item.url }}">{{ item.title }} <span class="pull-right">{{ item.date }}</span></a></li>
                {% endfor %}
            </ul>
        </div>
        <div class="col-lg-5 col-md-5 mx-auto">
            <div class="model-details-title" style="position: relative;">就业信息 <a href="{% url 'serviceApp:employment' %}" style="position: absolute; right: 10px;">更多>></a></div>
            <ul class="list-group">
                {% for item in employment %}
                <li class="list-group-item"><a href="{{ item.url }}">{{ item.title }} <span class="pull-right">{{ item.date }}</span></a></li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
{% endblock %}