{% import "macros.html.twig" as macros %}

{% if invitations is not empty %}
    {% include 'partials/_subheader.html.twig' with {
        giftId: gift.id
    } %}
    {% include 'partials/_steps.html.twig' with {
        gift: gift, vUser: vUser
    } %}
    <div class="container">
        <div class="new-box">
            <div class="row explanation">
                <div class="col-md-2 col-sm-1 col-xs-0"></div>
                <div class="col-md-8 col-sm-10 col-xs-12">Invite your friends to participate on the gift!</div>
                <div class="col-md-2 col-sm-1 col-xs-0"></div>
            </div>
            {{ render(controller('AppBundle:ImnuuInvitation:newInvitationFormPartial', { giftId: gift.id })) }}
        </div>
        {% include 'partials/_alert.html.twig' %}
        {% if invitations is empty %}
            <div class="alert alert-warning" role="alert">No invitations</div>
        {% else %}
            {% set interval = date().diff(gift.validUntil) %}
            <table class="table table-responsive">
                <tbody>
                    {% for invitation in invitations %}
                        <tr class="upper-complete-row" id="row-invitation-{{ invitation.id }}">
                            {% if invitation.vUser.id == invitation.gift.vUser.id %}
                                <td class="col-md-10 col-sm-10 first_col upper_row">
                                    {{ invitation.vUser.user.username }}
                                </td>
                            {% else %}
                                <td class="col-md-10 col-sm-10 first_col single_row" rowspan=2>
                                    {{ invitation.vUser.user is empty ? 
                                            is_granted("IS_AUTHENTICATED_REMEMBERED") ? invitation.vUser.email
                                                : invitation.hash == app.request.get('hash') ? invitation.vUser.email
                                                    : invitation.vUser.email|obfuscate_email
                                          : invitation.vUser.user.username }}
                                </td>
                            {% endif %}
                            <td class="col-md-2 col-sm-2 last_col" rowspan=2>
                                {% set accepted_icon = '<i class="fa fa-check brand_color_dark"></i>' %}
                                {% set not_yet_accepted_icon = '<i class="fa fa-clock-o brand_color_dark"></i>' %}
                                {% if (is_granted("IS_AUTHENTICATED_REMEMBERED") and invitation.vUser.id == app.user.vUser.id)
                                    or (invitation.hash == app.request.get('hash'))%}
                                    {{ invitation.confirmedAt is empty ?
                                            render(controller('AppBundle:ImnuuInvitation:acceptInvitationFormPartial', { giftId: gift.id, invitation: invitation }))
                                          : accepted_icon|raw }}
                                {% else %}
                                    {{ invitation.confirmedAt is empty ? not_yet_accepted_icon|raw : accepted_icon|raw }}
                                {% endif %}
                            </td>
                            {% if invitation.gift.vUser.id == vUser.id and invitation.vUser.id != invitation.gift.vUser.id%}
                                <td class="col-md-2 col-sm-2 last_col" rowspan=2>
                                    <a href="#"
                                        data-toggle="modal"
                                        data-invitation-id="{{ invitation.id }}"
                                        data-invitation-user="{{ invitation.vUser.user is empty ? invitation.vUser.email : invitation.vUser.user.username }}"
                                        data-target="#deleteInvitationModal">
                                        <i class="fa fa-trash brand_color_dark"></i>
                                    </a>
                                </td>
                            {% endif %}
                        </tr>
                        <tr>
                            {% if invitation.vUser.id == invitation.gift.vUser.id %}
                                <td class="col-md-10 col-sm-10 first_col lower_row">Administrator</td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
            {% set modal_id = 'deleteInvitationModal' %}
            {% set title = 'Delete invitation' %}
            {% set message = '' %}
            {% set button_text = 'Delete' %}
            {% set onClickCode = 'javascript:deleteInvitation("' ~ path('imnuu_invitation_delete',{'giftId':gift.id} ) ~ '");' %}
            {{ macros.modal_dialog(modal_id, title, message, button_text, onClickCode) }}
        {% endif %}
    </div>
{% else %}
    <div class="row">{% include 'partials/_alert.html.twig' %}</div>
{% endif %}