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

{% block title %}Appointment index{% endblock %}

{% block body %}
    {% if app.request.get('error') %}
        {% if app.request.get('error') == 'subscription-no-appointment'  %}
        <div class="alert alert-danger fade show" role="alert">
            Vous ne pouvez plus créer de nouveau rdv.                                         
        </div>
        {% endif %}
    {% endif %}

    <div class="app-main__inner">
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fa fa-calendar icon-gradient bg-tempting-azure"></i>
                </div>
                <div>
                    Rendez-vous
                    <div class="page-title-subheading"> Créer vos propres Rendez-Vous personnels</div>
                </div>
            </div>
            <div class="page-title-actions">
                <div class="d-inline-block dropdown">
                    <a href="{{ path('app_appointment_new') }}"
                        aria-expanded="false" class="btn-shadow btn btn-info">
                        <span class="btn-icon-wrapper pe-2 opacity-7">
                            <i class="fa fa-plus fa-w-20"></i>
                        </span>
                        Create new
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="main-card mb-3 card">
        <div class="card-body">
            <table style="width: 100%;" id="example" class="table table-hover table-striped table-bordered">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Title</th>
                    <th>Started_at</th>
                    <th>Ended_at</th>
                    <th>Note</th>
                    <th>actions</th>
                </tr>
                </thead>
                <tbody>
                  {% for appointment in appointments %}
                    <tr>
                        <td>{{ appointment.id }}</td>
                        <td>{{ appointment.title }}</td>
                        <td>{{ appointment.startedAt ? appointment.startedAt|date('Y-m-d H:i:s') : '' }}</td>
                        <td>{{ appointment.endedAt ? appointment.endedAt|date('Y-m-d H:i:s') : '' }}</td>
                        <td>{{ appointment.note }}</td>
                        <td>
                            <a href="{{ path('app_appointment_show', {'id': appointment.id}) }}">show</a>
                            <a href="{{ path('app_appointment_edit', {'id': appointment.id}) }}">edit</a>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="6">no records found</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}