{% 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=house)}}">{{house | capitalize}}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{duke_name}}</li>
            </ol>
        </nav>
        <h1 style="text-align: center; padding-bottom: 5%;">Actes de {{duke_name}}</h1>
        <div class="timeline-princier">
        {% for acte in actes %}
            <div class="entry-princier">
                <div class="title-princier">
                    <h3>{{ acte['date'] }}</h3>
                </div>
                <div class="pboly">
                    <p class="chrono-p font-weight-bold"><a href="{{url_for('main.acte', house=house.capitalize(), prince=prince_name, dateitem=acte['dateitem'])}}">{{ acte['analysis'] }}</a></p>
                    <p style="margin-bottom: 5%">
                        {% if acte['place'] != 'NS' %}
                            <span class="badge badge-pill badge" style="background-color: #284AA7; color: white; font-size: small;">{{ acte['place'] }}</span>
                        {% endif %}
                        <span class="badge badge-pill badge" style="background-color: #A7288A; color: white; font-size: small;">{{ acte['diplo_state'] }}</span>
                        <span class="badge badge-pill badge" style="background-color: #A78528; color: white; font-size: small;">{{ acte['diplo_type'] }}</span>
                    </p>
                </div>
            </div>

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