{% extends "base.html.twig" %}
{% block BeforeAnyCSSFile %}
    {% for file in encore_entry_css_files('select2__init') %}
        <link rel="stylesheet" href="{{ assetsBasePath~file }}">
    {% endfor %}{% for file in encore_entry_css_files('emailTemplates') %}
    <link rel="stylesheet" href="{{ assetsBasePath~file }}">
{% endfor %}
{% endblock %}
{% block ExtraCSSFiles %}
    <link href="{{ asset('css/email_templates/email_template_list.css') }}" rel="stylesheet"
          type="text/css" />{% endblock %}
{% block ContentHead %}{% endblock %}

{% block MainContent %}
    <span class="route" data-route="{{ path('request_template') }}"></span>
    <div>
        <div class="kt-grid kt-grid--desktop kt-grid--ver kt-grid--ver-desktop kt-app">
            <button class="kt-app__aside-close" id="kt_user_profile_aside_close"><i class="la la-close"></i></button>
            <div class="kt-grid__item kt-app__toggle kt-app__aside" id="kt_user_profile_aside">
                <div class="kt-portlet kt-portlet--height-fluid-">
                    <div class="kt-portlet__head  kt-portlet__head--noborder">
                        <div class="kt-portlet__head-label"><h3 class="kt-portlet__head-title"></h3></div>
                    </div>
                    <div class="kt-portlet__body kt-portlet__body--fit-y">
                        <div class="kt-widget kt-widget--user-profile-1">
                            <div class="kt-widget__body">
                                <div class="kt-widget__items">
                                    <ul class="nav nav-pills nav-fill ProfileMainUl" role="tablist">
                                        <li class="nav-item d-block emailTemplateTabs" data-assignedTo="ct"><a href="#"
                                                                                                               class="kt-widget__item {{ app.request.attributes.get('query') == '0' ? 'active':'' }}"><span
                                                        class="kt-widget__section"><span class="kt-widget__icon"><i
                                                                class="flaticon2-dashboard"></i></span><span
                                                            class="kt-widget__desc">{{ 'Common Templates'|trans }}</span></span></a>
                                        </li>
                                        <li class="nav-item d-block emailTemplateTabs" data-assignedTo="s"><a href="#"
                                                                                                              class="kt-widget__item"><span
                                                        class="kt-widget__section"><span class="kt-widget__icon"><i
                                                                class="flaticon-apps"></i></span><span
                                                            class="kt-widget__desc">{{ 'Students'|trans }}</span></span></a>
                                        </li>
                                        <li class="nav-item d-block emailTemplateTabs" data-assignedTo="t"><a href="#"
                                                                                                              class="kt-widget__item"><span
                                                        class="kt-widget__section"><span class="kt-widget__icon"><i
                                                                class="flaticon-bag"></i></span><span
                                                            class="kt-widget__desc">{{ 'Teacher'|trans }}</span></span></a>
                                        </li>
                                        <li class="nav-item d-block emailTemplateTabs" data-assignedTo="a"><a href="#"
                                                                                                              class="kt-widget__item"><span
                                                        class="kt-widget__section"><span class="kt-widget__icon"><i
                                                                class="flaticon2-zig-zag-line-sign"></i></span><span
                                                            class="kt-widget__desc">{{ 'Staff' | trans }}</span></span></a>
                                        </li>
                                        <li class="nav-item d-block emailTemplateTabs" data-assignedTo="g"><a href="#"
                                                                                                              class="kt-widget__item"><span
                                                        class="kt-widget__section"><span class="kt-widget__icon"><i
                                                                class="flaticon2-new-email"></i></span><span
                                                            class="kt-widget__desc">{{ 'Guardians'|trans }}</span></span></a>
                                        </li>
                                        <li class="nav-item d-block editingTemplateTab"><a href="#"
                                                                                           class="kt-widget__item {{ app.request.attributes.get('query') == '0' ? '':'active' }}"><span
                                                        class="kt-widget__section"><span class="kt-widget__icon"><i
                                                                class="flaticon2-dashboard"></i></span><span
                                                            class="kt-widget__desc">{{ 'Editing template'|trans }}</span></span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="kt-grid__item kt-grid__item--fluid kt-app__content">
                <div class="tab-content">
                    <div class="tab-pane active" id="tab_href_general" role="tabpanel">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="kt-portlet kt-portlet--height-fluid">
                                    <div class="kt-portlet__head">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title" id="activeTabHead">
                                                {% if  app.request.attributes.get('query') == '0' %}
                                                    {{ 'Common Templates'|trans }}
                                                {% else %}
                                                    {{ 'Editing Template'|trans }}
                                                {% endif %}
                                            </h3>
                                        </div>
                                    </div>
                                    <form class="kt-form kt-form--label-right" id="generalSettingForm"
                                          enctype="multipart/form-datat">
                                        <div class="kt-portlet__body">
                                            <div class="kt-section kt-section--first">
                                                <div class="kt-section__body">
                                                    <div class="row mr-0 ml-0 mb-3">

                                                        {# select template dropdown. #}
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="form-group"
                                                                 id="selectEmailTemplateListDropdown">{% include "email_templates/ajaxPatches/selectTemplateToEditDropdown.html.twig" with {'emailTemplates':emailTemplates} %}</div>
                                                        </div>
                                                        <div class="col-xl-6 col-lg-6"></div>
                                                        <div class="col-xl-12 col-lg-12">

                                                            {# currently writing email template in. #}
                                                            {#<input type="text" name="lang" value="{{ getAppSetting('default_language') }}">#}
                                                            <input type="hidden" name="assigned_to" value="ct">
                                                            <input type="hidden" name="message_type"
                                                                   value="detail_notification">

                                                            <div class="row">
                                                                <div class="col-xl-10 col-lg-10 col-sm-10 col-xs-10">
                                                                    {% if getAppSetting('is_multilingual') == 'on' %}
                                                                        <h6>You're editing template in

                                                                            {% if getAppSetting('default_language') is empty %}
                                                                                {% set d_lang ='en' %}
                                                                            {% else %}
                                                                                {% set d_lang ='en' %}
                                                                            {% endif %}

                                                                            <span id="currentEditingLang"
                                                                                  data-lang="{{ d_lang }}">{{ supportedLang(getAppSetting('default_language')) }}</span>
                                                                        </h6>
                                                                        <hr>
                                                                    {% endif %}
                                                                </div>
                                                                {# if lanagues is not enabled then donot show enable multi-lingual dropdown #}
                                                                {% if getAppSetting('is_multilingual') == 'on' %}
                                                                    {# enabled langauges list #}
                                                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-xs-2">
                                                                        <div class="kt-title__heading kt-login-form__toggle active">
                                                                            <div class="kt-login__head">
                                                                                <div class="dropdown">
                                                                                    <a data-toggle="dropdown"
                                                                                       class="btn kt-link kt-login__signup-link"
                                                                                       aria-expanded="false">{{ 'Translate'|trans }}</a>
                                                                                    <div class="dropdown-menu dropdown-menu-right translateDropdown"
                                                                                         x-placement="bottom-end">
                                                                                        <ul class="kt-nav">

                                                                                            {# visible enabled languages #}
                                                                                            {% for key, value in enabledLang() %}

                                                                                                <li class="kt-nav__item {{ getAppSetting('default_language') == key ? 'active':'' }} loadTranslatedTemplate"
                                                                                                    dataLang="{{ key }}">
                                                                                                    <a class="kt-nav__link"
                                                                                                       href="#">
                                                                                                        <span class="kt-nav__link-text">{{ value }}</span>
                                                                                                    </a>
                                                                                                </li>

                                                                                            {% endfor %}

                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                {% endif %}
                                                            </div>

                                                            {# template types, tabs. #}
                                                            <nav>
                                                                <div class="nav nav-tabs templateTypeTabs" id="nav-tab"
                                                                     role="tablist">
                                                                    <a class="nav-item nav-link active"
                                                                       data-type="detail_notification" id="nav-home-tab"
                                                                       data-toggle="tab" href="#nav-home" role="tab"
                                                                       aria-controls="nav-home"
                                                                       aria-selected="true">{{ 'Email'|trans }}</a>
                                                                    <a class="nav-item nav-link"
                                                                       data-type="short_notifications"
                                                                       id="nav-profile-tab" data-toggle="tab"
                                                                       href="#nav-profile" role="tab"
                                                                       aria-controls="nav-profile"
                                                                       aria-selected="false">{{ 'Short Message'|trans }}</a>
                                                                </div>
                                                            </nav>

                                                            <div class="tab-content" id="nav-tabContent">

                                                                {# email templates #}
                                                                <div class="tab-pane fade show active" id="nav-home"
                                                                     role="tabpanel" aria-labelledby="nav-home-tab">

                                                                    {# Single row #}
                                                                    {#<div class="row">#}
                                                                    {# subject of the email template #}

                                                                    <div class="form-group">

                                                                        {# subject of the template #}
                                                                        <div class="float-left">
                                                                            <label>{{ 'Subject'|trans }}</label>
                                                                        </div>

                                                                        {#  #}{# if lanagues is not enabled then donot show enable multi-lingual dropdown #}{#
                                                                          {% if getAppSetting('is_multilingual') == 'on' %}
                                                                              #}{# enabled langauges list #}{#
                                                                              <div class="float-right">
                                                                                  <div class="kt-title__heading kt-login-form__toggle active">
                                                                                      <div class="kt-login__head">
                                                                                          <div class="dropdown">
                                                                                              <a data-toggle="dropdown" class="btn kt-link kt-login__signup-link" aria-expanded="false">{{ 'Translate'|trans }}</a>
                                                                                              <div class="dropdown-menu dropdown-menu-right translateDropdown" x-placement="bottom-end">
                                                                                                  <ul class="kt-nav">

                                                                                                      #}{# visible enabled languages #}{#
                                                                                                      {% for key, value in enabledLang() %}

                                                                                                          <li class="kt-nav__item {{ getAppSetting('default_language') == key ? 'active':'' }} loadTranslatedTemplate" dataLang="{{ key }}">
                                                                                                              <a class="kt-nav__link" href="#">
                                                                                                                  <span class="kt-nav__link-text">{{ value }}</span>
                                                                                                              </a>
                                                                                                          </li>

                                                                                                      {% endfor %}

                                                                                                  </ul>
                                                                                              </div>
                                                                                          </div>
                                                                                      </div>
                                                                                  </div>
                                                                              </div>
                                                                          {% endif %}#}

                                                                        <input class="form-control" type="text"
                                                                               name="email_subject"
                                                                               placeholder="{{ 'what will be the subject of email'|trans }}"
                                                                               value="{{ translationDetails.subject is defined ? translationDetails.subject }}">

                                                                    </div>

                                                                    <div class="row mb-2">
                                                                        <div class="col-xl-4 col-lg-4">
                                                                            <label style="padding-top: 13px;">{{ 'Content'|trans }}</label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <textarea class="form-control tinyMce"
                                                                                  id="template_messages" name="content"
                                                                                  type="text" placeholder=""
                                                                                  rows="8">{{ translationDetails.content is defined ? translationDetails.content }}</textarea>
                                                                    </div>
                                                                </div>

                                                                {# short messages  #}
                                                                <div class="tab-pane fade" id="nav-profile"
                                                                     role="tabpanel" aria-labelledby="nav-profile-tab">
                                                                    <div class="form-group">
                                                                        <textarea class="form-control tinyMce"
                                                                                  id="template_short_messages"
                                                                                  type="text"
                                                                                  rows="8"></textarea>
                                                                    </div>
                                                                </div>

                                                                <div class="kt-login__actions text-right">
                                                                    <button id="kt_login_signin_submit"
                                                                            class="btn btn-primary btn-elevate kt-login__btn-primary detail_message_save">{{ 'Update template'|trans }}</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </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 %}