{% extends "container.html" %}
{% block corps %}
    <div class="container marketing" style="margin-top: 50px;">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{url_for('main.corpora_all')}}">Corpus</a></li>
                <li class="breadcrumb-item"><a href="{{url_for('main.actes', house=houseS)}}">{{houseS}}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{duke_name[0][0]}}</li>
            </ol>
        </nav>
        <h1 style="text-align: center; padding-bottom: 5%;">Actes de {{duke_name[0][0]}}</h1>
        <div class="timeline-princier">
        {% for id in lst_id %}
            <div class="entry-princier">
                <div class="title-princier">
                    <h3>{{id[1]}}</h3>
                </div>
                <div class="pboly">
                    <p class="chrono-p font-weight-bold"><a href="{{url_for('main.acte', prince=duke_name[0][1], acte_id=id[2])}}">{{id[3]}}.</a></p>
                    <p style="margin-bottom: 5%">
                        {% if id[4] != 'NS' %}
                            <span class="badge badge-pill badge" style="background-color: #284AA7; color: white; font-size: small;">{{id[4]}}</span>
                        {% endif %}
                        <span class="badge badge-pill badge" style="background-color: #A7288A; color: white; font-size: small;">{{id[6]}}</span>
                        <span class="badge badge-pill badge" style="background-color: #A78528; color: white; font-size: small;">{{id[5]}}</span>
                    </p>
                </div>
            </div>

        {% endfor %}
    </div>
    </div><!-- /.container -->
{% endblock %}