{% extends 'base.html.twig' %}

{% block title %}AutoFillContentBaby{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>

<div style="margin-top:5%">

    <h1>Mise à jour du contenu</h1>

    <div>
{{ code }}
    </div>

    <table class="table table-striped table-hover">
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Babies</th>
                <th scope="col">Birthday</th>
                <th scope="col">Contenu</th>
                <th scope="col">News</th>
            </tr>
        </thead>
        <tbody>
            {% for key, baby in status %}
                <tr>
                    <th scope="row">{{ baby.id|raw }}</th>
                    <td>
                        <strong>Bébé :</strong> {{ baby.name|raw }}<br />
                        <strong>Parent :</strong> {{ baby.email|raw }}<br />
                        <strong>Abonnement :</strong> {{ baby.abo|raw }}
                    </td>
                    <td>
                        <strong>Date de naissance :</strong> {{ baby.birthday|date("m/d/Y") }}<br />
                        <strong>Age en mois :</strong> {{ baby.month }} Mois
                    </td>
                    <td>
                        {{ baby.contenu|raw }}
                    </td>
                    <td>
                        {{ baby.contenuNews|raw }}
                    </td>
                </tr>
            {% endfor %}
            
        </tbody>
    </table>
    
</div>
{% endblock %}