{% extends '@Core/base.html.twig' %}
{% block javascript %}
    {{ parent() }}
{% endblock %}
{% block sectionTitle %}Configuración emails [ {{ websiteConfig.websiteTitle }} ]{% endblock %}

{% block sectionActions %}
{% endblock %}

{% block breadcrumbLinks %}
    <li><a class="" href="{{ path('website_list') }}">Listado de websites</a></li>
    <li><a class="" href="{{ path('website_menu', {"id": websiteConfig.id}) }}">Menu gestión web</a></li>
    <li class="active">Configuración emails</li>
{% endblock %}

{% block content %}

<div class="panel-body">
    {% for flash_message in app.session.flashBag.get('success') %}
        <div class="alert alert-success alert-styled-left">
            <span class="text-semibold">{{ flash_message }}</span>
        </div>
    {% endfor %}


    <div class="panel panel-flat">
        <div class="panel-body">

            {% if websiteConfig.id is not null %}
                <div class="row">
                    <div class="col-md-12" style="margin-bottom: 20px;">
                        <!-- APPLY SETUP DATABASE -->
                        <div class="col-xs-2 pull-right button_cc_width_horizontal">
                            <a href="{{ websiteConfig.url }}/update-website-configuration" class="btn bg-green-400 btn-block btn-float btn-float-lg" target="_blank">
                                <i class="icon-database position-left button_label_cc_icon_horizontal"></i>
                                <div class="button_label_cc_text">
                                    APLICAR <br>CAMBIOS
                                </div>
                            </a>
                        </div>
                        <!-- APPLY SETUP DATABASE -->
                    </div>
                </div>
            {% endif %}


            <div class="tabbable">
                <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
                    <li class="active"><a href="#bottom-justified-tab1" data-toggle="tab" aria-expanded="true">Email de bienvenida</a></li>
                    <li class=""><a href="#bottom-justified-tab2" data-toggle="tab" aria-expanded="false">Pedido pagado</a></li>
                    <li class=""><a href="#bottom-justified-tab3" data-toggle="tab" aria-expanded="false">Pedido enviado</a></li>
                    <li class=""><a href="#bottom-justified-tab4" data-toggle="tab" aria-expanded="false">Pedido completado</a></li>
                    <li class=""><a href="#bottom-justified-tab5" data-toggle="tab" aria-expanded="false">Devolución aceptada</a></li>
                </ul>

                {% form_theme form 'bootstrap_3_layout.html.twig' %}
                {{ form_start(form) }}
                {{ form_errors(form) }}

                <div class="tab-content">


                    <!-- WELCOME TAB -->
                    <div class="tab-pane active" id="bottom-justified-tab1">
                        <!-- SUBJECT -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.emailWelcomeSubject) }}
                            </div>
                        </div>
                        <!-- BODY -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.emailWelcome) }}
                            </div>
                        </div>
                        <!-- CHECKBOX -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.sendEmailWelcome) }}
                            </div>
                        </div>
                        <!-- PREVIEW -->
                        <div class="row">
                            <div class="col-md-12">
                                <a href="{{ websiteConfig.url }}/preview-email/welcome" target="_blank" class="btn btn-rounded btn btn-flat text-indigo-300 border-indigo-300 mb-20"><i class="icon-envelop position-left"></i>Visualizar email</a>
                            </div>
                        </div>
                    </div>

                    <!-- ORDER PAYED TAB -->
                    <div class="tab-pane" id="bottom-justified-tab2">
                        <!-- SUBJECT -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.emailOrderPayedSubject) }}
                            </div>
                        </div>
                        <!-- BODY -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.emailOrderPayed) }}
                            </div>
                        </div>
                        <!-- CHECKBOX -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.sendEmailOrderPayed) }}
                            </div>
                        </div>
                        <!-- PREVIEW -->
                        <div class="row">
                            <div class="col-md-12">
                                <a href="{{ websiteConfig.url }}/preview-email/order-pay" target="_blank" class="btn btn-rounded btn btn-flat text-indigo-300 border-indigo-300 mb-20"><i class="icon-envelop position-left"></i>Visualizar email</a>
                            </div>
                        </div>
                    </div>

                    <!-- ORDER SENT TAB -->
                    <div class="tab-pane" id="bottom-justified-tab3">
                        <!-- SUBJECT -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.emailOrderSentSubject) }}
                            </div>
                        </div>
                        <!-- BODY -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.emailOrderSent) }}
                            </div>
                        </div>
                        <!-- CHECKBOX -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.sendEmailOrderSent) }}
                            </div>
                        </div>
                        <!-- PREVIEW -->
                        <div class="row">
                            <div class="col-md-12">
                                <a href="{{ websiteConfig.url }}/preview-email/order-send" target="_blank" class="btn btn-rounded btn btn-flat text-indigo-300 border-indigo-300 mb-20"><i class="icon-envelop position-left"></i>Visualizar email</a>
                            </div>
                        </div>
                    </div>

                    <!-- ORDER COMPLETED SECTION -->
                    <div class="tab-pane" id="bottom-justified-tab4">
                        <!-- SUBJECT -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.emailOrderCompletedSubject) }}
                            </div>
                        </div>
                        <!-- BODY -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.emailOrderCompleted) }}
                            </div>
                        </div>
                        <!-- CHECKBOX -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.sendEmailOrderCompleted) }}
                            </div>
                        </div>
                        <!-- PREVIEW -->
                        <div class="row">
                            <div class="col-md-12">
                                <a href="{{ websiteConfig.url }}/preview-email/order-done" target="_blank" class="btn btn-rounded btn btn-flat text-indigo-300 border-indigo-300 mb-20"><i class="icon-envelop position-left"></i>Visualizar email</a>
                            </div>
                        </div>
                    </div>



                    <!-- RETURN ACCEPTED SECTION -->
                    <div class="tab-pane" id="bottom-justified-tab5">
                        <!-- SUBJECT -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.emailOrderReturnedSubject) }}
                            </div>
                        </div>
                        <!-- BODY -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.emailOrderReturned) }}
                            </div>
                        </div>
                        <!-- CHECKBOX -->
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.sendEmailOrderReturned) }}
                            </div>
                        </div>
                        <!-- PREVIEW -->
                        <div class="row">
                            <div class="col-md-12">
                                <a href="{{ websiteConfig.url }}/preview-email/return-accepted" target="_blank" class="btn btn-rounded btn btn-flat text-indigo-300 border-indigo-300 mb-20"><i class="icon-envelop position-left"></i>Visualizar email</a>
                            </div>
                        </div>
                    </div>



                    <!-- save button -->
                    <div class="panel-footer">
                        <div class="text-right">
                            <button type="submit" class="btn-rounded btn bg-color3"><i class="icon-download position-left"></i>Guardar</button>
                        </div>
                    </div>
                    <!-- save button -->


                </div>

                {{ form_end(form) }}

            </div>


        </div>

    </div>
</div>


{% endblock%}

{% block script %}

    <script>
        $(document).ready(function () {
            $('label[for=websiteConfigFormBasic_carrierAmount]').removeClass('col-sm-2');
            $('label[for=websiteConfigFormBasic_webOrderLogisticShop]').removeClass('col-sm-2');
            $('label[for=websiteConfigFormBasic_carrier]').removeClass('col-sm-2');
            $('label[for=websiteConfigFormBasic_envioDevoluciones]').removeClass('col-sm-2');
        });
    </script>

{% endblock %}