{% extends '@IGACoreBundle/layout.html.twig' %}

{% block title %}{{ 'SMS'|phrase|lower|capitalize }}{% endblock title %}

{% block head_style %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('bundles/igacontact/css/contact.css') }}" type="text/css" media="all" />
{% endblock head_style %}

{% block page_header_h1 %}{{ 'Show SMS'|phrase|lower|capitalize }}{% endblock page_header_h1 %}

{% block content %}

    <ul class="nav nav-tabs">
        <li class="active"><a href="#recipients" data-toggle="tab">{{ 'Recipients'|phrase }}</a></li>
        <li><a href="#mailDetails" data-toggle="tab">{{ 'SMS Details'|phrase }}</a></li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane active" id="recipients">
            <p>&nbsp;</p>
            {% if pagination|length > 0 %}

                <div class="navigation">
                    {{ knp_pagination_render(pagination) }}
                </div>
                <table class="table">
                    <tr>
                        <th>{{ knp_pagination_sortable(pagination, 'To Name'|phrase, 'mr.to_name') }}</th>
                        <th>{{ knp_pagination_sortable(pagination, 'To Number'|phrase, 'mr.to_e_mail') }}</th>
                        <th>{{ knp_pagination_sortable(pagination, 'Date Sent'|phrase, 'mr.date_sent') }}</th>
                        <th>{{ 'Stats'|phrase }}</th>
                    </tr>
                    {% for recipient in pagination %}
                        <tr {% if loop.index is odd %} class="odd-row"{% endif %}>
                            <td>{{ recipient.toName }}</td>
                            <td>{{ recipient.toEMail }}</td>
                            <td>{{ recipient.dateSent.format('d F Y H:i:s') }}</td>
                            <td>
                                <b>{{ 'Delivered'|phrase }}:</b> {{ recipient.isDelivered|yes_no }} - {{ recipient.deliveredDateString }}<br/>
                                <b>{{ 'Unsubscribed'|phrase }}:</b> {{ recipient.unsubscribed|yes_no }} - {{ recipient.unsubscribedDateString }}<br/>
                                <b>{{ 'Errors'|phrase }}:</b> {{ recipient.messageError|length }}<br/>
                                {% if recipient.messageError|length > 0 %}
                                    {% for error in recipient.messageError %}
                                        <b>{{ error.createdAt.format('d F Y H:i:s') }}:</b> {{ error.text }}
                                    {% endfor %}
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                </table>
                <div class="navigation">
                    {{ knp_pagination_render(pagination) }}
                </div>

            {% else %}
                <div class="alert alert-info">
                    {{ 'No message recipients found' }}
                </div>
            {% endif %}
        </div>

        <div class="tab-pane" id="mailDetails">
            <p>&nbsp;</p>
            <div class="row-fluid">

                <div class="col-lg-4 formPrompt">
                    {{ 'From'|phrase }}:
                </div>
                <div class="col-lg-8 formELement">
                    {{ message.fromName }} {{ message.fromEMail }}
                </div>
                <div class="clearfix"></div>

                <div class="col-lg-4 formPrompt">
                    {{ 'Date to be Sent'|phrase }}:
                </div>
                <div class="col-lg-8 formELement">
                    {{ message.dateToBeSent.format('j F Y H:i:s') }}
                </div>
                <div class="clearfix"></div>

                <div class="col-lg-4 formPrompt">
                    {{ 'Created by'|phrase }}:
                </div>
                <div class="col-lg-8 formELement">
                    {{ createdByUser.fullNameString }}
                </div>
                <div class="clearfix"></div>

                <div class="col-lg-4 formPrompt">
                    {{ 'Created at'|phrase }}:
                </div>
                <div class="col-lg-8 formELement">
                    {{ message.createdAt.format('j F Y H:i:s') }}
                </div>
                <div class="clearfix"></div>

                <div class="scroll-vertical mail-preview">
                    {{ message.text|raw }}
                </div>

            </div>
        </div>

    </div>
{% endblock content %}