{% extends '@Core/base.html.twig' %}
{% block sidebar %}
    {% render controller('CoreBundle:Default:sidebarConfiguration') %}
{% endblock %}

{% block sectionTitle %}Empresa{% endblock %}
{% block breadcrumbLinks %}
    <li><a href="{{ path('companies') }}">Empresa</a></li>
    {% if elemento %}
        <li class="active">Editar</li>
    {% else %}
        <li class="active">Nuevo</li>
    {% endif %}
{% endblock %}
{% block content %}

    <div class="panel-body">
        <div class="panel panel-flat">
        <div class="panel-heading">
            <h5 class="panel-title">Editar una empresa<a class="heading-elements-toggle"><i class="icon-more"></i></a></h5>
        </div>

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

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

            {% if elemento %}
                <div class="media" style="margin-bottom: 25px">
                    <div class="media-left">
                        <a href="#" class="profile-thumb">
                            {% if elemento.getWebPath() %}
                                <img src="{{ elemento.getWebPath | imagine_filter('small') }}"  alt="">
                            {% endif %}
                        </a>
                    </div>

                    <div class="media-body">
                        <h1>{{ elemento.getName }} <small class="display-block">{{ elemento.getAddress }}, {{ elemento.getZip }} - {{ elemento.getCity }} ({{ elemento.getTypeProvince }})</small></h1>
                    </div>

                </div>

            {% endif %}

            <div class="panel panel-flat">

                <div class="panel-body">
                    <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>
                            {% if elemento %}
                                <li class=""><a href="#bottom-justified-tab2" data-toggle="tab" aria-expanded="false">Datos bancarios</a></li>
                                <li class=""><a href="#bottom-justified-tab3" data-toggle="tab" aria-expanded="false">Dimensiones de Etiquetaje</a> </li>
                                <li class=""><a href="#bottom-justified-tab4" data-toggle="tab" aria-expanded="false">Impuestos de empresa</a> </li>
                                {% if elemento.group %}
                                    {% if user.isAdmin == false %}
                                        {% if elemento.group.groupConfiguration.isTrendico %}
                                            <li class=""><a href="#bottom-justified-tab5" data-toggle="tab" aria-expanded="false">Informes FTP Trendico</a> </li>
                                        {% endif %}
                                    {% endif %}
                                {% endif %}
                            {% endif %}
                        </ul>

                        <div class="tab-content">
                            <div class="tab-pane active" id="bottom-justified-tab1">

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


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

                                <div class="form-group">

                                    <div class="col-md-3" style="margin-top: 10px;">
                                        {{ form_row(form.typeStatus) }}
                                    </div>

                                    <div class="col-md-12" style="margin-top: 10px;">
                                        <h2>Datos de la empresa</h2>
                                    </div>

                                    <div class="col-md-6" style="margin-top: 10px;">
                                        {{ form_row(form.group) }}
                                    </div>

                                    <div class="col-md-6" style="margin-top: 10px;">
                                        {{ form_row(form.name) }}
                                    </div>
                                    <div class="col-md-6" style="margin-top: 10px;">
                                        {{ form_row(form.alias) }}
                                    </div>
                                    <div class="col-md-3" style="margin-top: 10px;">
                                        {{ form_row(form.cif) }}
                                    </div>
                                    <div class="col-md-3" style="margin-top: 10px;">
                                        {{ form_row(form.nameForLabels) }}
                                    </div>

                                    <div class="col-md-12" style="margin-top: 10px;">
                                        <h2>Datos de facturación</h2>
                                    </div>

                                    <div class="col-md-4" style="margin-top: 10px;">
                                        {{ form_row(form.invoiceSuffixTicket) }}
                                        {% if elemento %}
                                            Último número: <strong>{{ elemento.invoiceSuffixIteratorTicket }}</strong>
                                        {% endif %}
                                    </div>
                                    <div class="col-md-4" style="margin-top: 10px;">
                                        {{ form_row(form.invoiceSuffix) }}
                                        {% if elemento %}
                                            Último número: <strong>{{ elemento.invoiceSuffixIterator }}</strong>
                                        {% endif %}
                                    </div>
                                    <div class="col-md-4" style="margin-top: 10px;">
                                        {{ form_row(form.invoiceSuffixReturn) }}
                                        {% if elemento %}
                                            Último número: <strong>{{ elemento.invoiceSuffixIteratorReturn }}</strong>
                                        {% endif %}
                                    </div>

                                    <div class="col-md-12" style="margin-top: 10px;">
                                        {{ form_row(form.textForInvoices) }}
                                    </div>

                                    {% if elemento.id %}
                                        <div class="{% if elemento.group.groupConfiguration.isLite == true %} hidden {% endif %} {% if elemento.group.groupConfiguration.wholeSalerSectionEnabled == false %}hidden{% endif %}">
                                            <div class="col-md-12" style="margin-top: 10px;">
                                                <h2>Datos de facturación mayorista</h2>
                                            </div>

                                            <div class="col-md-4" style="margin-top: 10px;">
                                                {{ form_row(form.invoiceSuffixWholeSaler) }}
                                                {% if elemento %}
                                                    Último número: <strong>{{ elemento.invoiceSuffixIteratorWholeSaler }}</strong>
                                                {% endif %}
                                            </div>
                                        </div>
                                    {% endif %}


                                    <!-- INVOICE WEB ORDERS -->
                                    {% if elemento.id %}
                                        <div class="">
                                            <div class="col-md-12" style="margin-top: 10px;">
                                                <h2>Datos de facturación web</h2>
                                            </div>

                                            <div class="col-md-4" style="margin-top: 10px;">
                                                {% if elemento %}
                                                    Último número de factura en pedido web: <strong>{{ elemento.invoiceSuffixIteratorWeborder }}</strong> <i class="glyphicon glyphicon-edit" title="Editar número actual para la facturación." onclick="showDialogEditWebOrderInvoice()" style="cursor: pointer"></i>
                                                {% endif %}
                                            </div>

                                            <div class="col-md-4" style="margin-top: 10px;">
                                                {% if elemento %}
                                                    Último número de factura en devolución web: <strong>{{ elemento.invoiceSuffixIteratorReturnWeborder }}</strong> <i class="glyphicon glyphicon-edit" title="Editar número actual para la facturación." onclick="showDialogEditWebOrderReturnInvoice()" style="cursor: pointer"></i>
                                                {% endif %}
                                            </div>
                                        </div>
                                    {% endif %}



                                    <!-- TICKET BAI -->
                                    <div class="col-md-12" style="margin-top: 10px;">
                                        <h2>Configuracion Ticket BAI</h2>
                                    </div>

                                    <div class="col-md-12" style="margin-top: 10px;">
                                        {{ form_row(form.isEnabledTicketBAI) }}
                                    </div>
                                    <div class="col-md-12 hidden">
                                        {{ form_row(form.ticketBAIProvince) }}
                                    </div>

                                    <div class=" col-xs-12">
                                        <input type="radio" id="bizkaia" name="ticketBAIProvinceRadio" class="ticketBAIOption" value="bizkaia" {% if elemento %} {% if elemento.ticketBAIProvince == "bizkaia" %} checked {% endif %}{% endif %}>
                                        <label for="bizkaia">Bizkaia</label><br>
                                        <input type="radio" id="gipuzkoa" name="ticketBAIProvinceRadio" class="ticketBAIOption" value="gipuzkoa" {% if elemento %} {% if elemento.ticketBAIProvince == "gipuzkoa" %} checked {% endif %}{% endif %}>
                                        <label for="gipuzkoa">Gipuzkoa</label><br>
                                        <input type="radio" id="araba" name="ticketBAIProvinceRadio" class="ticketBAIOption" value="araba" {% if elemento %} {% if elemento.ticketBAIProvince == "araba" %} checked {% endif %}{% endif %}>
                                        <label for="araba">Araba</label>
                                    </div>
                                    <div class="col-md-12">
                                        {{ form_row(form.isRecargaoEquivalenciaEnabledTicketBAI) }}
                                    </div>
                                    <div class="col-md-12">
                                        {{ form_row(form.isRegimenEspecialSimplificadoIVAEnabledTicketBAI) }}
                                    </div>
                                    <!-- TICKET BAI -->


                                    <div class="col-md-12" style="margin-top: 10px;">
                                        <h2>Datos de contacto</h2>
                                    </div>
                                    <div class="col-md-6" style="margin-top: 10px;">
                                        {{ form_row(form.address) }}
                                    </div>
                                    <div class="col-md-6" style="margin-top: 10px;">
                                        {{ form_row(form.city) }}
                                    </div>
                                    <div class="col-md-6" style="margin-top: 10px;">
                                        {{ form_row(form.typeProvince) }}
                                    </div>
                                    <div class="col-md-6" style="margin-top: 10px;">
                                        {{ form_row(form.zip) }}
                                    </div>
                                    <div class="col-md-6" style="margin-top: 10px;">
                                        {{ form_row(form.website) }}
                                    </div>
                                    <div class="col-md-6" style="margin-top: 10px;">
                                        {{ form_row(form.telephone) }}
                                    </div>
                                    <div class="col-md-6" style="margin-top: 10px;">
                                        {{ form_row(form.email) }}
                                    </div>

                                    <div class="col-md-12" style="margin-top: 10px;">
                                        <h2>Logos e imágenes</h2>
                                    </div>
                                    <div class="col-md-12" style="margin-top: 10px;">
                                        {{ form_row(form.file) }}
                                    </div>
                                    <div class="col-md-12" style="margin-top: 10px;">
                                        {{ form_row(form.fileCompany) }}
                                    </div>
                                    <div class="col-md-12" style="margin-top: 10px;">
                                        <h2>Descripción de la empresa</h2>
                                    </div>
                                    <div class="col-md-12" style="margin-top: 10px;">
                                        {{ form_row(form.profile_description) }}
                                    </div>
                                </div>

                                <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 informarción de la empresa</button>
                                    </div>
                                </div>

                                <div class="col-md-4" style="margin-top:25px;">
                                    {% if elemento is not null %}
                                        {% if elemento.webPathCompany() %}
                                            <h1>Imágen actual de la empresa</h1>
                                            <a href="{{ elemento.webPathCompany() | imagine_filter('big_prop') }}" data-popup="lightbox">
                                                <img class="img-thumbnail" src="{{ elemento.webPathCompany() | imagine_filter('medium') }}"/>
                                            </a>
                                        {% endif %}
                                    {% endif %}

                                </div>

                                {{ form_end(form) }}

                            </div>

                            <div class="tab-pane" id="bottom-justified-tab2">
                                <div style="float: right; margin: 25px 5px 15px 25px">
                                    <button type="button" class="btn bg-color4 btn-rounded" role="button" data-toggle="modal" data-target="#company-bank-account-detail-modal" data-entity="">
                                        <i class="icon-plus2 position-left"></i> Nuevo dato bancario
                                    </button>
                                </div>

                                <table id="table-banksaccount" class="table" width="100%">
                                    <thead>
                                        <tr>
                                            <th width="33%">Entidad Bancaria</th>
                                            <th width="33%">Número de cuenta</th>
                                            <th style="text-align: center">Cuenta por defecto para pedidos</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for bankAccount in banksAccounts %}
                                        <tr>
                                            <td><a onclick="editBankAccount('{{ bankAccount.id }}', '{{ companyId }}')">{{ bankAccount.name }}</a></td>
                                            <td>{{ bankAccount.accountNumber }}</td>
                                            <td align="center">
                                                <input id="{{ bankAccount.id }}" type="radio" onclick="saveDefaultAccountForOrders('{{ bankAccount.id }}', '{{ companyId }}')"
                                                {% if elemento.defaultBankAccountForOrders and elemento.defaultBankAccountForOrders.id == bankAccount.id %}
                                                    checked
                                                {% endif %}
                                                />
                                            </td>
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>

                                <div class="modal fade" id="company-bank-account-detail-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                    <div class="modal-dialog modal-lg" role="document">
                                        <div class="modal-content">
                                            {% form_theme form 'bootstrap_3_layout.html.twig' %}

                                            {{ form_start(form_add_bank_account) }}
                                            {{ form_errors(form_add_bank_account) }}
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" id="myModalLabel">Añadir dato bancario</h4>
                                            </div>
                                            <div class="modal-body">

                                                {{ form_widget(form_add_bank_account) }}

                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn-rounded btn btn-flat text-color3 border-color3" data-dismiss="modal">Cancelar</button>
                                                <button type="submit" class="btn-rounded btn bg-color3">Guardar</button>
                                            </div>
                                            {{ form_end(form_add_bank_account) }}

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

                            </div>

                            <div class="tab-pane" id="bottom-justified-tab3">
                                <div class="pull-right">
                                    <button type="button" class="btn btn-flat text-color3 border-color3 btn-rounded printer">
                                        <i class="icon-plus3 position-left"></i>
                                        Etiquetaje para impresoras
                                    </button>
                                </div>

                                <div>
                                    <!-- Basic datatable -->
                                    <table class="table datatable-basic">
                                        <thead>
                                        <tr>
                                            <th width="10%">Por defecto</th>
                                            <th width="10%">Nombre</th>
                                            <th width="10%">Tamaño de papel</th>
                                            <th width="25%">Tipo de Papel</th>
                                            <th width="10%">Columnas</th>
                                            <th width="10%">Filas</th>
                                            <th width="10%">Margen Vertical mm.</th>
                                            <th width="10%">Margen Horizontal mm.</th>
                                            <th width="5%">Acciones</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                            {% for printer in printers %}
                                                <tr>
                                                    <td>
                                                        {% if elemento.defaultPrinter %}
                                                            {% if elemento.defaultPrinter.id == printer.id %}
                                                                <input type="radio" name="defaultPrinterGroup" class="defaultPrinter" value="{{ printer.id }}" checked>
                                                            {% else %}
                                                                <input type="radio" name="defaultPrinterGroup" class="defaultPrinter" value="{{ printer.id }}">
                                                            {% endif %}
                                                        {% else %}
                                                            <input type="radio" name="defaultPrinterGroup" class="defaultPrinter" value="{{ printer.id }}">
                                                        {% endif %}
                                                    </td>
                                                    <td>{{ printer.name }}</td>
                                                    <td>{{ printer.paperSize }}</td>
                                                    <td>{{ printer.typePaper }}</td>
                                                    <td>{{ printer.columns }}</td>
                                                    <td>{{ printer.rows }}</td>
                                                    <td>{{ printer.marginVertical }}</td>
                                                    <td>{{ printer.marginHorizontal }}</td>
                                                    <td>
                                                        <ul class="icons-list">
                                                            <li class="dropdown">
                                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i
                                                                            class="icon-menu7"></i></a>
                                                                <ul class="dropdown-menu dropdown-menu-right">

                                                                    <li>
                                                                        <a id="{{ printer.id }}" class="printer">
                                                                            <i class="icon-pencil5"></i> Editar
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a id="{{ printer.id }}" class="deletePrinter">
                                                                            <i class="icon-trash"></i> Borrar
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                    <!-- /basic datatable -->
                                </div>

                                <div class="pull-right">
                                    <button type="button" class="btn btn-flat text-color3 border-color3 btn-rounded labelingMachine">
                                        <i class="icon-plus3 position-left"></i>
                                        Etiquetaje para etiquetadoras
                                    </button>
                                </div>

                                <div>
                                    <!-- Basic datatable -->
                                    <table class="table datatable-basic">
                                        <thead>
                                        <tr>
                                            <th width="5%">Por defecto</th>
                                            <th width="10%">Nombre</th>
                                            <th width="10%">Tamaño de etiqueta</th>
                                            <th width="25%">Tipo de Papel</th>
                                            <th width="10%">Columnas</th>
                                            <th width="5%">Ancho rollo mm.</th>
                                            <th width="10%">Margen izquierdo</th>
                                            <th width="10%">Margen Vertical mm.</th>
                                            <th width="10%">Margen Horizontal mm.</th>
                                            <th width="5%">Acciones</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                            {% for labelingMachine in labelingMachines %}
                                            <tr>
                                                <td>
                                                    {% if elemento.defaultLabelingMachine %}
                                                        {% if elemento.defaultLabelingMachine.id == labelingMachine.id %}
                                                            <input type="radio" name="defaultLabelingMachineGroup" class="defaultLabelingMachine" value="{{ labelingMachine.id }}" checked>
                                                        {% else %}
                                                            <input type="radio" name="defaultLabelingMachineGroup" class="defaultLabelingMachine" value="{{ labelingMachine.id }}">
                                                        {% endif %}
                                                    {% else %}
                                                        <input type="radio" name="defaultLabelingMachineGroup" class="defaultLabelingMachine" value="{{ labelingMachine.id }}">
                                                    {% endif %}
                                                </td>
                                                <td>{{ labelingMachine.name }}</td>
                                                <td>{{ labelingMachine.labelSize }}</td>
                                                <td>{{ labelingMachine.typePaper }}</td>
                                                <td>{{ labelingMachine.columns }}</td>
                                                <td>{{ labelingMachine.tapeWidth }}</td>
                                                <td>{{ labelingMachine.leftMargin }}</td>
                                                <td>{{ labelingMachine.marginVertical }}</td>
                                                <td>{{ labelingMachine.marginHorizontal }}</td>
                                                <td>
                                                    <ul class="icons-list">
                                                        <li class="dropdown">
                                                            <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i
                                                                        class="icon-menu7"></i></a>
                                                            <ul class="dropdown-menu dropdown-menu-right">

                                                                <li>
                                                                    <a id="{{ labelingMachine.id }}" class="labelingMachine">
                                                                        <i class="icon-pencil5"></i> Editar
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a id="{{ labelingMachine.id }}" class="deleteLabelingMachine">
                                                                        <i class="icon-trash"></i> Borrar
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                    <!-- /basic datatable -->
                                </div>



                            </div>

                            <div class="tab-pane" id="bottom-justified-tab4">

                                {% form_theme formCompanyTaxes 'bootstrap_3_layout.html.twig' %}


                                {{ form_start(formCompanyTaxes) }}
                                {{ form_errors(formCompanyTaxes) }}

                                <div class="form-group">

                                    <div class="col-md-6">
                                        <div class="panel panel-white">
                                            <div class="panel-body">
                                                <h2 class="panel-title">Impuesto repercutido</h2>

                                                <div class="card-body">
                                                    {{ form_row(formCompanyTaxes.taxes) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="panel panel-white">
                                            <div class="panel-body">
                                                <h2 class="panel-title">Impuesto soportado</h2>

                                                <div class="card-body">
                                                    {{ form_row(formCompanyTaxes.taxSupported) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <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 impuestos de empresa</button>
                                    </div>
                                </div>

                                {{ form_end(formCompanyTaxes) }}

                            </div>



                            {% if elemento %}
                                {% if user.isAdmin == false %}
                                    {% if elemento.group.groupConfiguration.isTrendico %}
                                    <div class="tab-pane" id="bottom-justified-tab5">

                                        {% form_theme formCompanyTrendicoBasic 'bootstrap_3_layout.html.twig' %}

                                        {{ form_start(formCompanyTrendicoBasic) }}
                                        {{ form_errors(formCompanyTrendicoBasic) }}

                                        <div class="form-group">

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

                                                <div class="panel panel-white">
                                                    <div class="panel-body">
                                                        <h2 class="panel-title">Informes FTP Trendico</h2>

                                                        <div class="row">

                                                            <div class="col-md-12" style="margin-top: 10px;">
                                                                {{ form_row(formCompanyTrendicoBasic.istrendicoFTPIntegration) }}
                                                            </div>

                                                            <div class="col-md-4" style="margin-top: 10px;">
                                                                {{ form_row(formCompanyTrendicoBasic.trendicoFTPIntegrationUrl) }}
                                                            </div>
                                                            <div class="col-md-4" style="margin-top: 10px;">
                                                                {{ form_row(formCompanyTrendicoBasic.trendicoFTPIntegrationUser) }}
                                                            </div>
                                                            <div class="col-md-4" style="margin-top: 10px;">
                                                                {{ form_row(formCompanyTrendicoBasic.trendicoFTPIntegrationPassword) }}
                                                            </div>

                                                        </div>

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

                                            <div class="panel-footer">

                                                <div class="col-md-8">
                                                    <div class="text-left">
                                                        <a href="{{ path('force_ftp_trendico_report_sell_out', {'companyId':elemento.getId}) }}" class="btn-rounded btn bg-pink-300"><i class="icon-upload4"></i> Enviar datos SELL OUT de ayer al FTP Trendico</a>
                                                        <a href="{{ path('force_ftp_trendico_report_sell_in', {'companyId':elemento.getId}) }}" class="btn-rounded btn bg-purple-300" style="float: left;margin-right: 10px"><i class="icon-upload7"></i> Enviar datos SELL IN de ayer al FTP Trendico</a>
                                                    </div>
                                                </div>

                                                <div class="col-md-4">
                                                    <div class="text-right">
                                                        <button type="submit" class="btn-rounded btn bg-color3"><i class="icon-download"></i> Guardar datos FTP Trendico</button>
                                                    </div>
                                                </div>

                                            </div>



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

                                                <div class="panel panel-white">
                                                    <div class="panel-body">
                                                        <h2 class="panel-title">Marcas incluídas en los infomes FTP Trendico para esta empresa</h2>

                                                        <div id="DataTables_Table_BrandsTrendico_wrapper" class="dataTables_wrapper no-footer">
                                                            <div class="datatable-scroll">
                                                                <table class="table datatable-basic dataTable no-footer" id="DataTables_Table_BrandsTrendico" role="grid" aria-describedby="DataTables_Table_BrandsTrendico_info">

                                                                    <thead>
                                                                    <tr role="row">
                                                                        <th class="text-center" data-orderable="false" style="width: 50px">Todos<br> <INPUT type="checkbox" onchange="checkAllTheseBrandsToReport(this)"  name="brandTrendicoReport" /> </th>
                                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_BrandsTrendico" rowspan="1" colspan="1" style="width: 10%;">Logo</th>
                                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_BrandsTrendico" rowspan="1" colspan="1">Nombre</th>
                                                                    </thead>

                                                                    <tbody>

                                                                    {% for obj in brands %}

                                                                        <tr role="row" class="odd">
                                                                            <td class="text-center"><input type="checkbox" name="brandTrendicoReport" id="brand-{{ obj.id }}" value="{{ obj.id }}" {% if obj.id in brandsKeys|keys %} checked {% endif %}></td>
                                                                            <td class=""><img src="{{obj.getWebPath | imagine_filter('list')}}"/></td>
                                                                            <td><a class="text-color3" href="{{ path('brand_edit',{'id':obj.getId}) }}">{{ obj.getName }}</a></td>
                                                                        </tr>

                                                                    {% endfor %}

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

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

                                        </div>

                                        <div class="panel-footer">

                                            <div class="col-md-12">
                                                <div class="text-right">
                                                    <a href="#" onclick="addBrandsForTrendicoReport()" class="btn-rounded btn bg-color3"><i class="icon-download"></i> Guardar marcas para esta empresa FTP Trendico</a>
                                                </div>
                                            </div>

                                        </div>

                                        {{ form_end(formCompanyTrendicoBasic) }}

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

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

    <div class="modal fade" id="company-bank-account-edit-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
            </div>
        </div>
    </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 }}</span>
            </div>
        {% endfor %}

        {{ render (controller('CoreBundle:Printers:_openModalNewPrinter', {'form' : formNewPrinter }))}}
        {{ render (controller('CoreBundle:Printers:_openModalNewLabelingMachine', {'form' : formNewLabelingMachine}))}}


        <!-- INVOICE WEB ORDER MODALS -->
        <div class="modal fade" id="dialog_weborder_invoice_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-xs">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Editar el último número de factura en pedido web</h5>
                    </div>
                    <div class="modal-body">
                        <div class="input-group form-group mt-10" style="">
                            <span class="input-group-addon bg-grey"><i class="icon-file-text"></i></span>
                            <input type="text" class="form-control" id="input_invoice_weborder_number" name="input_invoice_weborder_number" placeholder="Ej. 1000" value="{{ elemento.invoiceSuffixIteratorWeborder }}">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn-rounded btn btn-flat border-color3 text-color3" data-dismiss="modal">
                            <i class="glyphicon glyphicon-remove"></i>
                            Cerrar</button>
                        <a href="#" onclick="saveNewInvoiceWebOrderNumber();" class="btn-rounded btn bg-color3">
                            <i class="glyphicon glyphicon-save"></i>
                            Guardar
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- INVOICE WEB ORDER RETURN MODALS -->
        <div class="modal fade" id="dialog_weborder_return_invoice_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-xs">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Editar el último número de devolución en pedido web</h5>
                    </div>
                    <div class="modal-body">
                        <div class="input-group form-group mt-10" style="">
                            <span class="input-group-addon bg-grey"><i class="icon-file-text"></i></span>
                            <input type="text" class="form-control" id="input_invoice_weborder_return_number" name="input_invoice_weborder_return_number" placeholder="Ej. 1000" value="{{ elemento.invoiceSuffixIteratorReturnWeborder }}">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn-rounded btn btn-flat border-color3 text-color3" data-dismiss="modal">
                            <i class="glyphicon glyphicon-remove"></i>
                            Cerrar</button>
                        <a href="#" onclick="saveNewInvoiceWebOrderReturnNumber();" class="btn-rounded btn bg-color3">
                            <i class="glyphicon glyphicon-save"></i>
                            Guardar
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <script>

            function showDialogEditWebOrderInvoice(){
                $('#dialog_weborder_invoice_modal').modal('show');
            }
            function showDialogEditWebOrderReturnInvoice(){
                $('#dialog_weborder_return_invoice_modal').modal('show');
            }

            function saveNewInvoiceWebOrderNumber(){
                var companyId = '{{ elemento.id }}';
                var newInput_invoice_weborder_number = $("#input_invoice_weborder_number").val();

                if (newInput_invoice_weborder_number === ""){
                    swal('OPS!', 'Debe introducir un número para establecer el último número de factura en pedido web.', 'warning');
                    return ;
                }

                showLoader();
                var url = Routing.generate('_ajax_save_invoice_weborder_number');
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {
                        companyId : companyId,
                        newInput_invoice_weborder_number : newInput_invoice_weborder_number
                    },
                    dataType: 'json',

                    success: function(result) {
                        swal('Perfecto!', 'Cambios guardados correctamente.', 'success');
                        window.location.reload();
                    },
                    error: function (err){
                        $('#stock_price_modal').modal("hide");
                        hideLoader();
                        if (err.responseText !== "OK"){
                            swal('OPS!', 'Se ha producido un error al guardar los cambios.', 'error');
                        }else{
                            swal('Perfecto!', 'Cambios guardados correctamente.', 'success');
                            window.location.reload();
                        }

                    }
                });
            }

            function saveNewInvoiceWebOrderReturnNumber(){
                var companyId = '{{ elemento.id }}';
                var newInput_invoice_weborder_return_number = $("#input_invoice_weborder_return_number").val();

                if (newInput_invoice_weborder_return_number === ""){
                    swal('OPS!', 'Debe introducir un número para establecer el último número de factura en devolución web.', 'warning');
                    return ;
                }

                showLoader();
                var url = Routing.generate('_ajax_save_invoice_weborder_return_number');
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {
                        companyId : companyId,
                        newInput_invoice_weborder_return_number : newInput_invoice_weborder_return_number
                    },
                    dataType: 'json',

                    success: function(result) {
                        swal('Perfecto!', 'Cambios guardados correctamente.', 'success');
                        window.location.reload();
                    },
                    error: function (err){
                        $('#stock_price_modal').modal("hide");
                        hideLoader();
                        if (err.responseText !== "OK"){
                            swal('OPS!', 'Se ha producido un error al guardar los cambios.', 'error');
                        }else{
                            swal('Perfecto!', 'Cambios guardados correctamente.', 'success');
                            window.location.reload();
                        }

                    }
                });
            }

            // INIT TABLE
            var table =  $('#DataTables_Table_BrandsTrendico').DataTable({
                retrieve : true
            }).order([1, 'asc']).draw();
            // SHOW ALL
            $('[name="DataTables_Table_BrandsTrendico_length"]').append('<option value="-1">Todos</option>');
            $('[name="DataTables_Table_BrandsTrendico_length"]').val("-1").trigger('change');

            var companyId = null;

            {% if elemento is not null %}
                companyId = '{{ elemento.id }}';
            {% endif %}

            $('.defaultPrinter').click(function () {
                var defaultPrinter = $(this).val();

                var route = Routing.generate('_ajax_set_default_printer', {'defaultPrinter' : defaultPrinter, 'companyId' : companyId });

                $.post(route, function (result) {
                    if(defaultPrinter === result){
                        new PNotify({
                            text: "Impresora por defecto modificada"
                        });
                    } else {
                        new PNotify({
                            text: "Impresora por defecto no modificada"
                        });
                    }
                }).fail(function (error) {
                    new PNotify({
                        text: "Error al modificar la impresora por defecto"
                    });
                })
            });

            $('.defaultLabelingMachine').click(function () {
                var defaultLabelingMachine = $(this).val();


                var route = Routing.generate('_ajax_set_default_labelling_machine', {'defaultLabelingMachine' : defaultLabelingMachine, 'companyId' : companyId });

                $.post(route, function(result) {
                    if(defaultLabelingMachine === result){
                        new PNotify({
                            text: "Etiquetadora por defecto modificada"
                        });
                    } else {
                        new PNotify({
                            text: "Etiquetadora por defecto no modificada"
                        });
                    }
                }).fail(function(error) {
                    console.log(error.responseText);
                    new PNotify({
                        text: "Error al modificar la etiquetadora por defecto"
                    });
                });
            });

            $('.printer').click(function() {
               var printer = $(this).attr('id');

                var route = Routing.generate('_ajax_printer', {'printerId' : printer});

                $.post(route, function(result) {
                    $('#new_printer_modal').modal("show");
                    $("#newFormPrinter").html(result);

                    $('select').select2();
                }).fail(function(error) {
                    console.log(error.responseText);
                });
            });

            $('.labelingMachine').click(function() {
                var labelingMachine = $(this).attr('id');

                var route = Routing.generate('_ajax_labeling_machine', {'labelingMachineId' : labelingMachine});


                $.post(route, function(result) {
                    $('#new_labeling_machine_modal').modal("show");
                    $("#newFormLabelingMachine").html(result);

                    $('select').select2();
                }).fail(function(error) {
                    console.log(error.responseText);
                });
            });

            $('.deletePrinter').click(function () {
                var printer = $(this).attr('id');

                var route = Routing.generate('_ajax_delete_printer', {'printer' : printer});

                $.post(route, function(result) {
                    // TODO reload only the tables.
                    location.reload();
                }).fail(function(error) {
                    console.log(error.responseText);
                });
            });

            $('.deleteLabelingMachine').click(function () {
                var labelingMachine = $(this).attr('id');

                var route = Routing.generate('_ajax_delete_labeling_machine', {'labelingMachine' : labelingMachine});

                $.post(route, function(result) {
                    location.reload();
                }).fail(function(error) {
                    console.log(error.responseText);
                });
            });

            function editBankAccount(bankAccount, company) {
                var url = Routing.generate('edit_bank_account', {'bankAccountId' : bankAccount, 'companyId' : company});

                $.get(url, function () {

                }).done(function (result) {
                    $('#company-bank-account-edit-modal .modal-content').html(result);
                    $('#company-bank-account-edit-modal').modal('show');
                }).fail(function (error) {
                    console.log(error.responseText)
                });
            }

            function saveDefaultAccountForOrders(bankAccount, company) {
                var url = Routing.generate('save_default_account_for_orders', { 'bankAccountId' : bankAccount , 'companyId' : company });

                $.get(url, function () {

                }).done(function (result) {
                    if(result.status === 200) {
                        window.location.href = '{{ path('company', { 'id' : companyId }) }}';
                    } else if (result.status === 400) {
                        console.log(result.message);
                        swal({
                            title: "OPS!",
                            text: "Ha ocurrido un error mientras se guardaba la cuenta por defecto para pedidos.",
                            confirmButtonColor: "#EF5350",
                            type: "error"
                        });
                    }

                }).fail(function (error) {
                   console.log(error.responseText);
                });
            }


            //CHECK ALL BRANDS TO TRENDICO REPORT
            function checkAllTheseBrandsToReport(ele) {
                var checkboxes = $('#DataTables_Table_BrandsTrendico input');
                if (ele.checked) {
                    for (var i = 0; i < checkboxes.length; i++) {
                        if (checkboxes[i].type == 'checkbox') {
                            checkboxes[i].checked = true;
                        }
                    }
                } else {
                    for (var i = 0; i < checkboxes.length; i++) {
                        if (checkboxes[i].type == 'checkbox') {
                            checkboxes[i].checked = false;
                        }
                    }
                }
            }

            //ADD BRANDS TO TRENDICO REPORT
            function addBrandsForTrendicoReport(){

                var data = { 'brandId' : [] };

                //read all selected values
                $("input[name=brandTrendicoReport]:checked").each(function() {
                    data['brandId'].push($(this).val());
                });

                if (data['brandId'].length === 0) {
                    new PNotify({
                        text: "Debe seleccionar al menos alguna marca para añadir al informe Trendico para esta empresa.",
                        type: "warning"
                    });
                    return ;
                }

                showLoader();

                $.ajax({
                    type: "POST",
                    url: " {{path('ajax_add_brands_for_trendico_company_report')}}",
                    data: {list:data, companyId: '{{ companyId }}'},
                    success: function(result) {

                        hideLoader();

                        var sw = swal({
                                title: "Perfecto !!",
                                text: "Las marcas han sido añadidas al informe Trendico para esta empresa.",
                                type: "success",
                                confirmButtonColor: "#4caf50",
                                confirmButtonText: "Perfecto",
                                closeOnConfirm: true
                            },
                            function (isConfirm) {
                                if (isConfirm) {
                                    window.location.reload();
                                }
                            });


                    }
                    ,
                    error: function(err) {
                        hideLoader();

                        var sw = swal({
                            title: "ERROR",
                            text: "Error actualizando las marcas para al informe Trendico para esta empresa.",
                            confirmButtonColor: "#EF5350",
                            type: "error"
                        });
                    }
                });

            }


            $('input:radio').change(function() {
                var text = $('input[name=ticketBAIProvinceRadio]:checked').val()
                $("#companyFormBasic_ticketBAIProvince").val(text);
            });



        </script>

    </div>
    </div>

{% endblock%}