{% extends '@Core/base.html.twig' %}
{% block javascript %}
    {{ parent() }}
{% endblock %}
{% block sectionTitle %}Configuración web [ {{ 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 web</li>
{% endblock %}

{% block content %}

<div class="panel-body">

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

            <div class="row" style="margin-bottom: 20px;">
                <!-- LABELS -->
                <div class="col-md-12 pull-right text-right">

                    {% if websiteConfig.id is not null %}
                    <!-- 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 -->
                    {% endif %}

                </div>
                <!-- LABELS -->
            </div>

            {% 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 %}

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


            <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">Información</a></li>
                    <li class=""><a href="#bottom-justified-tab2" data-toggle="tab" aria-expanded="false">Redes sociales</a></li>
                    <li class=""><a href="#bottom-justified-tab3" data-toggle="tab" aria-expanded="false">Scripts</a></li>
                    <li class=""><a href="#bottom-justified-tab4" data-toggle="tab" aria-expanded="false">Conócenos</a></li>
                    <li class=""><a href="#bottom-justified-tab5" data-toggle="tab" aria-expanded="false">Envío mercancía</a></li>
                    <li class=""><a href="#bottom-justified-tab6" data-toggle="tab" aria-expanded="false">Formas de pago</a></li>
                    <li class=""><a href="#bottom-justified-tab7" data-toggle="tab" aria-expanded="false">Pago seguro</a></li>
                    <li class=""><a href="#bottom-justified-tab8" data-toggle="tab" aria-expanded="false">Confianza online</a></li>
                    <li class=""><a href="#bottom-justified-tab9" data-toggle="tab" aria-expanded="false">Aviso legal</a></li>
                    <li class=""><a href="#bottom-justified-tab10" data-toggle="tab" aria-expanded="false">Política de privacidad</a></li>
                    <li class=""><a href="#bottom-justified-tab11" data-toggle="tab" aria-expanded="false">Política de cookies</a></li>
                </ul>

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

                <div class="tab-content">


                        <!-- CONTACT TAB -->
                        <div class="tab-pane active" id="bottom-justified-tab1">
                            <div class="row">
                                <div class="col-md-6">
                                    {% if websiteConfig.id %}
                                        {% if websiteConfig.filename != "" %}
                                            <img src="{{ websiteConfig.webPath }}" width="350px">
                                        {% endif %}
                                    {% endif %}
                                    {{ form_row(form.file) }}
                                </div>
                                <div class="col-md-6">
                                    {% if websiteConfig.id %}
                                        {% if websiteConfig.getAbsolutePathFavicon != "" %}
                                            <img src="{{ websiteConfig.getAbsolutePathFavicon }}" width="80px">
                                        {% endif %}
                                    {% endif %}
                                    {{ form_row(form.fileFavicon) }}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    {{ form_row(form.cif) }}
                                    {{ form_row(form.address) }}
                                    {{ form_row(form.city) }}
                                    {{ form_row(form.zip) }}
                                    {{ form_row(form.typeProvince) }}
                                    {{ form_row(form.isEnabledSubsectionInfo) }}
                                </div>
                                <div class="col-md-6">
                                    {{ form_row(form.url) }}
                                    {{ form_row(form.websiteTheme) }}
                                    {{ form_row(form.websiteTitle) }}
                                    {{ form_row(form.websiteTitleHome) }}
                                    {{ form_row(form.email) }}
                                    <div class="col-md-6">
                                        {{ form_row(form.telephone) }}
                                    </div>
                                    <div class="col-md-6">
                                        {{ form_row(form.whatsappPhone) }}
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    {{ form_row(form.aboutFooter) }}
                                    {{ form_row(form.group) }}
                                    {{ form_row(form.textFormRegistration) }}
                                </div>
                                <div class="col-md-6">
                                    {{ form_row(form.websiteSeoDescription) }}
                                </div>

                                <div class="col-md-6">
                                    {{ form_row(form.textForPickupFromShop) }}
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    {{ form_row(form.minutesBlockingStockOnWeborder) }}
                                </div>

                                <div class="col-md-6 {% if groupConfiguration.isFinishWebOrderAutomaticallyEnabled == false %}hidden{% endif %}">
                                    {{ form_row(form.daysBlockingStockOnWeborder) }}
                                    (*) Nota. Este es un proceso automático para cerrar el pedido. No incluye envío de email al cliente.
                                </div>
                            </div>
                        </div>

                        <!-- RRSS TAB -->
                        <div class="tab-pane" id="bottom-justified-tab2">
                            <div class="row">
                                <div class="col-md-6">
                                    {{ form_row(form.urlFacebook) }}
                                    {{ form_row(form.urlTwitter) }}
                                </div>
                                <div class="col-md-6">
                                    {{ form_row(form.urlGoogle) }}
                                    {{ form_row(form.urlInstagram) }}
                                </div>
                            </div>
                        </div>

                        <!-- TRAKING TAB -->
                        <div class="tab-pane" id="bottom-justified-tab3">
                            <div class="row">
                                <div class="col-md-6">
                                    {{ form_row(form.scriptFacebookPixel) }}
                                </div>
                                <div class="col-md-6">
                                    {{ form_row(form.scriptGoogleAnalytics) }}
                                </div>
                                <div class="col-md-6">
                                    {{ form_row(form.scriptGoogleAdWords) }}
                                </div>
                                <div class="col-md-6">
                                    {{ form_row(form.scriptHeader) }}
                                </div>
                                <div class="col-md-6">
                                    {{ form_row(form.scriptFooter) }}
                                </div>
                            </div>
                        </div>

                        <!-- ABOUT US SECTION -->
                        <div class="tab-pane" id="bottom-justified-tab4">
                            <div class="row">
                                <div class="col-md-12">
                                    {{ form_row(form.aboutTextSection) }}
                                </div>
                            </div>
                        </div>

                        <!-- CARRIER TAB -->
                        <div class="tab-pane" id="bottom-justified-tab5">
                            <div class="row">
                                <div class="col-md-6">
                                    {{ form_label(form.carrier) }}
                                    {{ form_widget(form.carrier) }}
                                </div>
                                <div class="col-md-6">
                                    {{ form_label(form.carrierAmount) }}
                                    {{ form_widget(form.carrierAmount) }}
                                    {{ form_label(form.carrierAmountFree) }}
                                    {{ form_widget(form.carrierAmountFree) }}
                                    {{ form_label(form.webOrderLogisticShop) }}
                                    {{ form_widget(form.webOrderLogisticShop) }}
                                    {{ form_label(form.companyInvoice) }}
                                    {{ form_widget(form.companyInvoice) }}
                                    {{ form_label(form.webOrderReturnConditions) }}
                                    {{ form_widget(form.webOrderReturnConditions) }}
                                </div>
                                <div class="col-md-12">
                                    {{ form_label(form.envioDevoluciones) }}
                                    {{ form_widget(form.envioDevoluciones) }}
                                </div>
                                <div class="col-md-12">
                                    {{ form_label(form.aboutDesistimientoForm) }}
                                    {{ form_widget(form.aboutDesistimientoForm) }}
                                </div>
                                <div class="col-md-12">
                                    {{ form_label(form.fileDesistimiento) }}
                                    {{ form_widget(form.fileDesistimiento) }}
                                </div>
                            </div>

                            <div class="col-md-12">
                                <hr>
                            </div>

                            {% if websiteConfig.id is not null %}
                                <!-- carrier exception -->
                                <div class="row">

                                    <div class="col-md-12">
                                        <h2 class="panel-title">Configuración de excepciones en el envío</h2>

                                        <div class="panel-footer">
                                            <div class="text-left">
                                                <a href="#" onclick="openCarrierException('');" class="btn-rounded btn bg-pink"><i class="icon-add position-left"></i>Crear una excepción de envío</a>
                                            </div>
                                        </div>

                                        <!-- TABLE WITH EXCEPTIONS -->
                                        <div class="col-md-12">
                                            <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">
                                                <div class="datatable-scroll">
                                                    <table class="table datatable-basic dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">

                                                        <thead>
                                                        <tr role="row">
                                                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="40%">Tipo</th>
                                                            <th class="sorting_desc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1"  width="20%">Importe</th>
                                                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="20%">Importe gratuito a partir de</th>
                                                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="20%">Acciones</th>
                                                        </thead>

                                                        <tbody>

                                                        {% for item in websiteCarrierExceptionArray %}

                                                            <tr role="row" class="odd">
                                                                <td>{{ item.typeWebsiteCarrierException.description }}</td>
                                                                <td>
                                                                    {{ item.carrierAmount }}€
                                                                </td>
                                                                <td>
                                                                    {{ item.carrierAmountFree }}€
                                                                </td>
                                                                <td>
                                                                    <a class="btn btn-default" href="#" onclick="openCarrierException('{{ item.getId }}')"><i class="icon-cog position-left"></i> Editar</a>
                                                                    <a class="btn btn-default" href="#" onclick="removeCarrierException('{{ item.getId }}')"><i class="icon-cancel-circle2 position-left"></i> Borrar</a>
                                                                </td>
                                                            </tr>

                                                        {% endfor %}

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!-- carrier exception -->
                            {% endif %}


                        </div>

                        <!-- PAYMENTS TAB -->
                        <div class="tab-pane" id="bottom-justified-tab6">
                            <div class="row">

                                <div class="col-md-6">
                                    <h1>
                                        Redsys TPV
                                    </h1>
                                    {{ form_label(form.weborderPaymentTextRedsys) }}
                                    {{ form_widget(form.weborderPaymentTextRedsys) }}
                                </div>

                                <div class="col-md-6">
                                    <h1>
                                        Redsys Bizum
                                    </h1>
                                    {{ form_widget(form.weborderPaymentUseBizum) }}
                                    {{ form_label(form.weborderPaymentTextBizum) }}
                                    {{ form_widget(form.weborderPaymentTextBizum) }}
                                </div>

                            </div>

                            <div class="row">

                                <div class="col-md-4">
                                    <h1>
                                        Paypal
                                    </h1>
                                    {{ form_widget(form.weborderPaymentUsePaypal) }}
                                    {{ form_label(form.weborderPaymentPaypalMerchantId) }}
                                    {{ form_widget(form.weborderPaymentPaypalMerchantId) }}
                                    {{ form_label(form.weborderPaymentTextPaypal) }}
                                    {{ form_widget(form.weborderPaymentTextPaypal) }}
                                </div>

                                <div class="col-md-4">
                                    <h1>
                                        Transferencia/Bizum APP
                                    </h1>
                                    {{ form_widget(form.weborderPaymentUseTransfer) }}
                                    {{ form_label(form.weborderPaymentAccountTransfer) }}
                                    {{ form_widget(form.weborderPaymentAccountTransfer) }}
                                    {{ form_label(form.weborderPaymentTextTransfer) }}
                                    {{ form_widget(form.weborderPaymentTextTransfer) }}
                                </div>
                                <div class="col-md-4">
                                    <h1>
                                        Contrareembolso
                                    </h1>
                                    {{ form_widget(form.weborderPaymentUseMoneyBack) }}
                                    {{ form_label(form.weborderPaymentCostMoneyback) }}
                                    {{ form_widget(form.weborderPaymentCostMoneyback) }}
                                    {{ form_label(form.weborderPaymentTextMoneyback) }}
                                    {{ form_widget(form.weborderPaymentTextMoneyback) }}
                                </div>
                            </div>

                        </div>

                        <!-- SAVE PAYMENT SECTION -->
                        <div class="tab-pane" id="bottom-justified-tab7">
                            <div class="row">
                                <div class="col-md-12">
                                    {{ form_row(form.aboutSavePayment) }}
                                </div>
                            </div>
                        </div>

                        <!-- ONLINE TRUST SECTION -->
                        <div class="tab-pane" id="bottom-justified-tab8">
                            <div class="row">
                                <div class="col-md-12">
                                    {{ form_row(form.aboutOnlineTrust) }}
                                </div>
                            </div>
                        </div>

                        <!-- AVISO LEGAL SECTION -->
                        <div class="tab-pane" id="bottom-justified-tab9">
                            <div class="row">
                                <div class="col-md-12">
                                    {{ form_row(form.legalText) }}
                                </div>
                            </div>
                        </div>

                        <!-- POLÍTICA DE PRIVACIDAD SECTION -->
                        <div class="tab-pane" id="bottom-justified-tab10">
                            <div class="row">
                                <div class="col-md-12">
                                    {{ form_row(form.privacyText) }}
                                </div>
                            </div>
                        </div>

                        <!-- SAVE COOKIE POLICY SECTION -->
                        <div class="tab-pane" id="bottom-justified-tab11">
                            <div class="row">
                                <div class="col-md-12">
                                    {{ form_row(form.cookieText) }}
                                </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>

    <!-- CARRIER EXCEPTION MODAL -->
    <div class="modal fade" id="carrier_exception_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    </div>
    <!-- CARRIER EXCEPTION MODAL -->

{% 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');

            $("#websiteConfigFormBasic_minutesBlockingStockOnWeborder").inputmask("numeric", {
                min: 10,
                max: 59
            });

        });



        // SHOW FORM WITH CARRIER EXCEPTION
        function openCarrierException(websiteCarrierException){

            var websiteConfigId ='{{  websiteConfig.id }}';

            path = Routing.generate('_ajax_getWebsiteCarrierExceptionForGroup', {'carrierExceptionId' : websiteCarrierException, 'websiteConfig' :websiteConfigId });
            $.get(path, function (result) {
                $("#carrier_exception_modal").html(result);
                $("#websiteCarrierExceptionFormBasic_typeProvince").select2();
                $("#websiteCarrierExceptionFormBasic_typeCountryUE").select2();
                $("#websiteCarrierExceptionFormBasic_typeCountryGlobal").select2();
                changeCarrierException();
                $('#carrier_exception_modal').modal('show');
            }).fail(function (data) {
                //errorNotity(data.message);
                console.log(data);
            });

        }

        // REMOVE CARRIER EXCEPTION
        function removeCarrierException(websiteCarrierException){

            path = Routing.generate('_ajax_removeWebsiteCarrierExceptionForGroup', {'carrierExceptionId' : websiteCarrierException });
            $.get(path, function (result) {

                var sw = swal({
                        title: "PERFECTO",
                        text: "La excepción de envío ha sido borrada correctamente.",
                        type: "success",
                        showCancelButton: false,
                        confirmButtonColor: "#00b200",
                        confirmButtonText: "Continuar",
                        closeOnConfirm: true,
                        closeOnCancel: false
                    },
                    function(isConfirm){
                        if (isConfirm) {
                            var websiteConfigId ='{{  websiteConfig.id }}';
                            var url= Routing.generate('website_setup', {'id': websiteConfigId}, true);
                            window.location.href = url;
                        }
                    });

            }).fail(function (data) {
                //errorNotity(data.message);
                console.log(data);
            });

        }


    </script>

{% endblock %}