{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Campañas de cupones por código {% endblock %}
{% block sectionActions %}

{% endblock %}
{% block breadcrumbLinks %}
    <li><a class="" href="{{ path('customers_menu') }}">Menú de clientes</a></li>
    <li><a href="{{ path("customer_coupon_code_list") }}">Campañas de coupones por código</a></li>
    <li class="active">Editar</li>
{% endblock %}

{% block content %}
    {% form_theme form 'bootstrap_3_layout.html.twig' %}

    {{ form_start(form) }}
    {{ form_errors(form) }}

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

            <div class="tabbable">
                <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
                    <li class="active"><a href="#informationTab" data-toggle="tab">Información</a></li>
                    {% if coupon is defined %}
                        <li><a href="#stockTab" data-toggle="tab">Clientes incluidos ({{ customers | length }})</a></li>
                    {% endif %}

                </ul>

                <div class="tab-content">

                    <!-- INFO TAB -->
                    <div class="tab-pane active" id="informationTab">
                        <div class="panel-body">

                            <div class="col-md-4">
                                <div class="">
                                    {{ form_row(form.name, { 'attr': {'tabindex': '1'} }) }}
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="">
                                    {{ form_row(form.code, { 'attr': {'tabindex': '2','maxlength': '20'} }) }}
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="">
                                    {{ form_row(form.applications, { 'attr': {'tabindex': '2','maxlength': '20'} }) }}
                                </div>
                            </div>

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

                            <div class="col-md-6">
                                <div class="">
                                    {{ form_row(form.dateStart, { 'attr': {'tabindex': '3'} }) }}
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="">
                                    {{ form_row(form.dateEnd, { 'attr': {'tabindex': '4'} }) }}
                                </div>
                            </div>

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

                            <div class="col-md-6" id="">
                                {{ form_row(form.typeDiscount, { 'attr': {'tabindex': '8'} }) }}
                            </div>

                            <div class="col-md-6" id="">
                                {{ form_row(form.amount, { 'attr': {'tabindex': '9'} }) }}
                            </div>

                            <div class="col-md-12">
                                <div class="">
                                    {{ form_row(form.shops, { 'attr': {'tabindex': '5'} }) }}
                                </div>
                            </div>

                            <div class="col-md-6" id="label_name_website">
                                {{ form_row(form.labelWebsiteName, { 'attr': {'tabindex': '7'} }) }}
                            </div>

                            <div class="col-md-6">
                                {{ form_row(form.isAvailableOnWebsite, { 'attr': {'tabindex': '6'} }) }}
                            </div>

                        </div>

                        {%  if roleRight == true %}
                        <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>
                        {% endif %}
                    </div>
                    <!-- INFO TAB -->

                    <!-- CUSTOMERS TAB -->
                    {% if coupon is defined %}
                        <div class="tab-pane" id="stockTab">
                            <div class="table-responsive">
                                <div class="panel-body">
                                    <!-- TABLE -->
                                    <div class="col-md-12">
                                        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">
                                            <div class="datatable-scroll table-responsive">
                                                <table class="table no-footer" id="DataTables_Table_Customers" 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">Nombre</th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Tipo de cliente</th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Canal de captación</th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">CIF/NIF</th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Teléfono</th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Correo electrónico</th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Provincia</th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Suscrito</th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Fidelizado</th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Acceder</th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Usado</th>
                                                    </thead>

                                                    <tbody>

                                                    {% for obj in customers %}

                                                        <tr role="row" class="odd">
                                                            {% if obj["typeCustomer_id"] %}
                                                                {% if obj["typeCustomer_id"] == constant('CoreBundle\\Entity\\TypeCustomer::ID_STATUS_COMPANY') %}
                                                                    <td><a class="text-color3" href="{{ path('customer_edit',{'id':obj["id"]}) }}">{{ obj["name_company"] }}</a></td>
                                                                {% else %}
                                                                    <td><a class="text-color3" href="{{ path('customer_edit',{'id':obj["id"]}) }}">{{ obj["name_customer"] }} {{ obj["surname_customer"] }}</a></td>
                                                                {% endif %}
                                                            {% else %}
                                                                <td><a class="text-color3" href="{{ path('customer_edit',{'id':obj["id"]}) }}">{{ obj["name_customer"] }} {{ obj["surname_customer"] }}</a></td>
                                                            {% endif %}
                                                            {% if obj["typeCustomer_description"] %}
                                                                <td>{{ obj["typeCustomer_description"] }}</td>
                                                            {% else %}
                                                                <td></td>
                                                            {% endif %}
                                                            <td>{% if obj["typeCustomerSource_description"] is not null %}{{ obj["typeCustomerSource_description"] }}{% endif %}</td>
                                                            <td>{{ obj["cif"] }}</td>
                                                            <td>{{ obj["telephone"] }}</td>
                                                            <td>{{ obj["email"] }}</td>
                                                            {% if obj["typeProvinces_description"] is not null %}
                                                                <td>{{ obj["typeProvinces_description"] }}</td>
                                                            {% else %}
                                                                <td></td>
                                                            {% endif %}
                                                            {% if obj["subscription"] %}
                                                                <td>SI</td>
                                                            {% else %}
                                                                <td>NO</td>
                                                            {% endif %}

                                                            {% if obj["fidelityCard_id"] %}
                                                                <td><i class="icon-chess-king" style="font-size: 30px; color: #bf9b30"></i></td>
                                                            {% else %}
                                                                <td></td>
                                                            {% endif %}

                                                            <td><a class="btn btn-rounded btn btn-flat text-color3 border-color3" href="{{ path('customer_edit',{'id':obj["id"]}) }}"><i class=" icon-arrow-right14"></i></a></td>

                                                            {% if obj["sale_id"] %}
                                                                <td>
                                                                    <a type="button" href="{{ path('sales_edit', {"id" : obj["sale_id"]}) }}" class="text-color3 btn btn-flat text-color3 border-color3 btn-rounded"><i class="glyphicon glyphicon-arrow-right position-left"></i> Venta física</a>
                                                                </td>
                                                            {% elseif obj["webOrder_id"] %}
                                                                <td>
                                                                    <a type="button" href="{{ path('website_weborder', {"id" : obj["webOrder_id"]}) }}" class="text-color3 btn btn-flat text-color3 border-color3 btn-rounded"><i class="glyphicon glyphicon-arrow-right position-left"></i> Venta web</a>
                                                                </td>
                                                            {% else %}
                                                                <td>
                                                                </td>
                                                            {% endif %}

                                                        </tr>

                                                    {% endfor %}

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- TABLE -->
                                </div>
                            </div>
                        </div>
                    {% endif %}
                    <!-- CUSTOMERS TAB -->

                </div>
            </div>
        </div>

    </div>


    {{ form_end(form) }}

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


    <script type="text/javascript">

        $(document).ready(function () {

            //RENAMING TEXT DESCRIPTION FOR TYPE COUPON
            $('#couponFormBasic_typeDiscount option[value="2"]').text('Importe');

            if(!$('#couponFormBasic_isAvailableOnWebsite').is(':checked')) {
                $('#label_name_website').prop("hidden", true);
            }

            $('#DataTables_Table_Customers').DataTable({
                dom: 'lBfrtip',
                lengthMenu: [
                    [ 10, 25, 50, 100, -1 ],
                    [ '10', '25', '50', '100', 'Todos' ]
                ],
                buttons: [
                    {
                        extend: 'csv',
                        exportOptions: {
                            columns: [0,3,4,5,6,7,8,9,10]
                        }
                    },
                    {
                        extend: 'excel',
                        exportOptions: {
                            columns: [0,3,4,5,6,7,8,9,10]
                        }
                    }
                ]
            });
        });

        //INPUT ON WEBSITE SHOP
        $('#discountsFormBasic_isAvailableOnWebsite').change(function () {
           if($(this).is(':checked')){
               $('#label_name_website').prop('hidden', false);
           } else {
               $('#label_name_website').prop('hidden', true);
           };
        });

    </script>


{% endblock%}