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

{% block body %}
{% if form is defined %}    
<div class="card col-10 mx-auto ">
    {% if prestation %}
    <h4>{{ 'support.modification_request'|trans }}</h4>
    <li
        class="card text-start my-2 border-1 p-4 rounded-4 shadow text-primary  border-primary ">
        <p>{{ prestation.date|format_datetime('full', 'short', locale: app.session.get('_locale') ) }} - {{
            prestation.totalTime }} min</p>
        <p>n°{{prestation.invoiceNumber}} | {{ prestation.invoiceDate|format_datetime('full', 'short', locale:
            app.session.get('_locale')) }}</p> 
    </li>
    {% endif %}
    {{ form_start(form, {
    attr: {
    'data-action': 'live#action:prevent',
    'data-live-action-param': 'save'
    }
    }) }}
    <div class="modal-header">
        <h5 class="modal-title" id="supportModalLabel">{{ 'support.title'|trans }}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>
    <div class="modal-body mt-4 pt-4">

        {{form_widget(form)}}

    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'btn.close'|trans }}</button>
        <button class="btn btn-primary">{{ 'btn.send'|trans }}</button>
    </div>
    {{form_end(form)}}
</div>
{% else %}
<twig:SupportComponent />
{% endif %}
<table class="table datatable">
    <thead>
        <th>{{ 'table.date'|trans }}</th>
        <th>{{ 'table.user'|trans }}</th>
        <th>{{ 'table.subject'|trans }}</th>
        <th>{{ 'table.status'|trans }}</th>
        <th>{{ 'table.action'|trans }}</th>
    </thead>
    <tbody>
        {% for s in support %}
        <tr>
            <td>{{ s.date|date('d-m-Y H:i') }}</td>
            <td>{{ s.user.email }}</td>
            <td>{{ s.subject }}</td>
            <td>{{ s.status.value }}</td>
            <td><a href="{{path('app_user_support_ticket', {code:s.code})}}">{{ 'btn.view'|trans }}</a></td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}