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

{% block ExtraCSSFiles %}
{% endblock %}

{% set pagename = 'Notification Template Events' | trans %}
{#{% set addBtnTitle = 'Mark Attendance?' | trans %}#}
{#{% set addBtnLink = path('add_attendance') %}#}

{% block MainContent %}
    <span class="route" data-route="{{ path('request_template') }}"></span>
    <div class="kt-portlet">
        <div class="kt-portlet__body">

            <!--begin::Section-->
            <div class="kt-section">
                <div class="kt-section__content">
                    <table class="table table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>{{ 'App Events'|trans }}</th>
                            <th>{{ 'Template name'|trans }}</th>
                            <th>{{ 'Enabled Email ?'|trans }} <small>({{ 'Detailed notification' | trans }})</small>
                            </th>
                            <th>{{ 'Enabled SMS ?'|trans }} <small>({{ 'Short notification' | trans }})</small></th>
                            <th>{{ 'Action'|trans }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% set templateIsActive = '' %}
                        {% set ShortTemplateIsActive = '' %}
                        {% set templateId = '' %}
                        {% set templateName = '' %}
                        {% set templateContent = '' %}
                        {% set templateSubject = '' %}

                        {% for key,value in emailTemplateEvents %}

                            {% for keyy, valuee in value.getTriggerTemplate() %}
                                {# get tempalte is active or not #}
                                {% set templateIsActive = valuee.getIsActive %}
                                {# get the template id #}
                                {% set templateId = valuee.getId %}
                                {# get the template name #}
                                {% set templateName = valuee.getName() %}
                                {# get the template content #}
                                {% set templateContent = valuee.getContent() %}
                                {# get the template subject #}
                                {% set templateSubject = valuee.getSubject() %}
                                {# short email template #}
                                {% set ShortTemplateIsActive = valuee.getShortEmailTemplates.getIsActive %}
                            {% endfor %}

                            <tr data-abide="{{ templateId }}">
                                <th scope="row">{{ value.getEventName() }}</th>
                                <td data-toggle="kt-popover" title="" data-content="{{ templateContent | raw | raw }}"
                                    data-original-title="{{ templateSubject }}">{{ templateName }}</td>
                                <td>
                                    <div><span class="kt-switch"><label><input name="notificationChanger"
                                                                               data-type="detail_notification"
                                                                               type="checkbox" {{ templateIsActive ? 'checked="checked"':'' }}><span></span></label></span>
                                    </div>
                                </td>
                                <td>
                                    <div><span class="kt-switch"><label><input name="notificationChanger"
                                                                               data-type="short_notification"
                                                                               type="checkbox" {{ ShortTemplateIsActive ? 'checked="checked"':'' }}><span></span></label></span>
                                    </div>
                                </td>


                                <td>
                                    <a data-toggle="dropdown" class="btn btn-sm btn-clean btn-icon btn-icon-md"
                                       aria-expanded="false"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="dropdown-menu dropdown-menu-right dotedDropdown"
                                         x-placement="bottom-end">
                                        <ul class="kt-nav">
                                            <li class="kt-nav__item">
                                                <a href="{{ path('email_templates', {'query':  templateId  }) }}"
                                                   class="kt-nav__link"><i
                                                            class="kt-nav__link-icon flaticon-edit-1"></i><span
                                                            class="kt-nav__link-text">{{ 'Edit' | trans }}</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </td>

                            </tr>
                        {% endfor %}

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block ExtraJsFIles %}
    {% for file in encore_entry_js_files('emailTemplates') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}
{% endblock %}
{% block documentation %}
{% endblock %}