{% extends 'base.html' %}
{% block title %}{{ main_section.title }} - {% endblock %}
{% block content %}
    <div class="container">
        <nav aria-label="breadcrumb" style="margin-left: -10px;">
            <ol class="breadcrumb" style="background-color: transparent !important;padding-bottom: 0;">
                <li class="breadcrumb-item"><a href="/">网站首页</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ main_section.title }}</li>
            </ol>
        </nav>
        <div class="row" style="margin: 15px auto ">
            {% for section in sections %}
                <div class="col-6 {% if forloop.last and not sections|length|divisibleby:2 %}col-md-12{% endif %}"
                     style="margin: auto auto 15px">
                    {% url "front:sub_list" main=main_section.code sub=section.key as card_more_url %}

                    {% include 'components/_news_card.html' with data=section.data unique_id=section.key more_url=card_more_url %}
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}