{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Proveedor{% endblock %}

{% block breadcrumbLinks %}
    <li><a href={{ path('dealers') }}>Proveedores</a></li>
    <li class="active">Editar</li>
{% endblock %}

{% block content %}


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

    <div class="content">

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

        <div class="panel panel-white">
            <div class="panel-body">
            <div class="media">
                <div class="media-left">
                    <a href="{{ dealer.getWebPath }}" class="profile-thumb" data-popup="lightbox">
                        <img src="{{ dealer.getWebPath }}" class="img-thumbnail" alt="">
                    </a>
                </div>

                <div class="media-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h1 style="margin-top:0px;">{{ dealer.name }}</h1>
                            <span>Nº de cliente: {{ dealer.clientNumber}} </span><br>
                            <span><i class="icon-phone2"></i> {{ dealer.phone}} - <i class="icon-envelop3"></i> {{ dealer.email}}</span>

                        </div>
                        <div class="col-md-6 text-right">
                            <span class="text-muted text-size-small">Pedidos pendientes</span>
                            <h2 class="no-margin">{{ countOrdersPending }}</h2>

                        </div>

                    </div>
                </div>


            </div>
            </div>


            <div class="tabbable content">
                <ul class="nav nav-tabs nav-tabs-highlight text-left nav-justified">
                    <li><a href="#bottom-justified-tab1" data-toggle="tab">Información</a></li>
                    <li class="active"><a href="#bottom-justified-tab9" data-toggle="tab">Estadísticas Comerciales</a></li>
                    <li><a href="#bottom-justified-tab2" data-toggle="tab">Representantes</a></li>
                    <li><a href="#bottom-justified-tab3" data-toggle="tab">Datos bancarios</a></li>
                    <li><a href="#bottom-justified-tab4" data-toggle="tab">Marcas asociadas</a></li>
                    <li><a href="#bottom-justified-tab5" data-toggle="tab">Agencia de transporte</a></li>
                    <li><a href="#bottom-justified-tab7" data-toggle="tab">Descuentos</a></li>
                    <li><a href="#bottom-justified-tab8" data-toggle="tab">Formas de pago</a></li>

                </ul>

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

                        <div class="panel-body">

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

                            <div class="form-group">


                                {{ form_row(form.id) }}

                                <div class="row">
                                    <div class="col-lg-3 col-md-6 col-sm-12">
                                        {{ form_row(form.group) }}
                                        {{ form_row(form.typeStatus) }}
                                        {{ form_row(form.name) }}
                                        {{ form_row(form.clientNumber) }}
                                        {{ form_row(form.cif) }}
                                        {{ form_row(form.address) }}
                                        {{ form_row(form.typeDealer) }}
                                        {{ form_row(form.typeCountry) }}
                                        {{ form_row(form.file) }}
                                    </div>

                                    <div class="col-lg-3 col-md-6 col-sm-12">
                                        {{ form_row(form.city) }}
                                        {{ form_row(form.zip) }}
                                        {{ form_row(form.province) }}
                                        {{ form_row(form.phone) }}
                                        {{ form_row(form.fax) }}
                                        {{ form_row(form.email) }}
                                        <div class="row">
                                            <div class="col-xs-11">
                                                {{ form_row(form.web) }}
                                            </div>
                                            <div class="col-xs-1">
                                                <br>
                                                <br>
                                                <a id="go_to_page"><i class="icon-link text-danter"></i></a>
                                            </div>
                                        </div>
                                        {% if dealer.id is defined and dealer.id is not null %}
                                        <div class="row">
                                            <div class="col-xs-11">
                                                {% endif %}
                                                {{ form_row(form.defaultSerie) }}
                                                {% if dealer.id is defined and dealer.id is not null %}
                                            </div>
                                            <div class="col-xs-1">
                                                <br>
                                                <br>
                                                <br>
                                                <a id="remove_default_serie"><i class="icon-eraser2 text-danger"></i></a>
                                            </div>
                                        </div>
                                        {% endif %}

                                        {{ form_row(form.isIntracommunityDealer) }}
                                    </div>

                                    <div class="col-lg-6 col-md-6 col-xs-12">

                                        {{ form_row(form.observations) }}

                                        <h6>Directorio de contacto</h6>

                                        <div align="right">
                                            <button type="button" class="btn bg-teal-400 btn-labeled btn-labeled-left rounded-round" id="add_to_directory">
                                                <b>
                                                    <i class="icon-briefcase"></i>
                                                </b> Agregar a directorio
                                            </button>
                                        </div>

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

                                                    <thead>
                                                    <tr role="row">
                                                        <th width="5%"></th>
                                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="30%">Descripción</th>
                                                        <th class="sorting_desc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="60%">Observaciones</th>
                                                        <th width="5%"></th>
                                                    </thead>

                                                    <tbody>
                                                        {% for element in dealer.directoryElements %}
                                                        <tr role="row" class="odd">

                                                            <td><i class="{{ element.typeDirectoryElement.icon }}"></i></td>
                                                            <td>{{ element.description }}</td>
                                                            <td>{{ element.observations }}</td>
                                                            <td><a onclick="removeDirectoryElement('{{ element.id }}')"><i class="icon-trash text-danger"></i></a></td>
                                                        </tr>
                                                        {% endfor %}
                                                    </tbody>

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

                            </div>
                            <div class="text-right">
                                <button type="submit" class="btn-rounded btn btn-primary"><i class="icon-download position-left"></i>Guardar</button>
                            </div>

                            {{ form_end(form) }}
                        </div>


                    </div>

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

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

                            <div class="panel-body">
                                <div class="form-group">



                                        <div class="text-right">
                                            <button type="button" class="btn bg-color4 btn-rounded" role="button"
                                                    data-method="new"
                                                    data-popup="dealeragendDetailModal"
                                                    data-entity="dealeragent"
                                                    data-table="tableDealerAgent"
                                                    data-list="dealeragentList">
                                                <i class="icon-plus2 position-left"></i> Nuevo representante
                                            </button>
                                        </div>

                                            <div id="dealeragentList">
                                                {% include 'CoreBundle:Dealer:_dealeragent_list.html.twig' %}
                                            </div>



                                </div>

                            </div>


                        </div>

                    </div>

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

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

                            <div class="panel-body">
                                <div class="form-group">
                                    <div id="dealerbankaccountList">
                                        {% include 'CoreBundle:Dealer:_dealerbankaccount_detail.html.twig' %}
                                    </div>
                                </div>

                            </div>


                        </div>

                    </div>

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

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

                            <div class="panel-body">
                                <div class="form-group">


                                    <div class="text-right">
                                        <button type="button" class="btn bg-color4 btn-rounded" role="button" data-action="modal-list-select" data-table="tableDealerBrand" data-popup="brandListModal" data-entity="dealerbrand" data-list="dealerbrandList">
                                            <i class="icon-plus2 position-left"></i> Añadir marca
                                        </button>
                                    </div>

                                    <div id="dealerbrandList">
                                        {% include 'CoreBundle:Dealer:_dealerbrand_list.html.twig' %}
                                    </div>



                                </div>

                            </div>


                        </div>

                    </div>

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

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

                            <div class="panel-body">
                                <div class="form-group">

                                    <div class="text-right">
                                        <button type="button" class="btn bg-color4 btn-rounded" role="button" data-method="new" data-table="tableDealerCarrier" data-popup="dealercarrierDetailModal" data-entity="dealercarrier" data-list="dealercarrierList">
                                            <i class="icon-plus2 position-left"></i> Añadir agencia de transporte
                                        </button>
                                    </div>

                                    <div id="dealercarrierList">
                                        {% include 'CoreBundle:Dealer:_dealercarrier_list.html.twig' %}
                                    </div>

                                </div>

                            </div>


                        </div>

                    </div>

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

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

                            <div class="panel-body">
                                <div class="form-group">



                                        <div class="text-right">
                                            <a type="button" class="btn bg-color4 btn-rounded" role="button" onclick="newDealerDiscount()">
                                                <i class="icon-plus2 position-left"></i> Nuevo descuento
                                            </a>
                                        </div>

                                        <div id="dealerdiscountList">
                                            {% include 'CoreBundle:Dealer:_dealerdiscount_list.html.twig' %}
                                        </div>



                                </div>

                            </div>


                        </div>

                    </div>

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

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

                            <div class="panel-body">
                                <div class="form-group">

                                    <div id="dealerPaymentMethodList">
                                        {% include 'CoreBundle:Dealer:_dealer_payment_methods_list.html.twig' %}
                                    </div>

                                </div>

                            </div>


                        </div>

                    </div>

                    <div class="tab-pane active" id="bottom-justified-tab9">
                        {% if roleRight %}
                            {{ include('@Core/Dealer/_dealer_business_statistics.html.twig') }}
                        {% else %}
                            <div class="alert alert-info alert-styled-left">
                                <span class="text-semibold">No tiene permisos para ver esta sección.</span>
                            </div>
                        {% endif %}
                    </div>

                </div>
            </div>


        </div>

    </div>

    <div id="modals">
        {{ render (controller('CoreBundle:DealerAgent:_dealeragentDetail',{'dealerId':dealerId}))}}

        {{ render (controller('CoreBundle:Brand:_listModal',{'action':'model-list-select', 'dealerId' : dealerId }))}}

        {{ render (controller('CoreBundle:DealerCarrier:_dealercarrierDetail',{'dealerId':dealerId}))}}

        {{ render (controller('CoreBundle:DealerDiscount:_dealerdiscountDetail',{'dealerId':dealerId}))}}

        {{ render (controller('CoreBundle:Dealer:addDirectoryElement',{'dealerId':dealerId}))}}
    </div>

{% endblock%}

{% block script%}
    
    <script type="text/javascript" src="{{asset('assets/js/dealer.js')}}?v={{ "now"|date("d-m-Y") }}"></script>
    <script>
        $(document).ready(function(){
            dealer.init({
                dealerId: "{{dealerId}}",
                urls: "{{ url('ajax_get_route') }}"
            });

            $('[href=#bottom-justified-tab9]').tab('show');
        });

        $('#remove_default_serie').click(function () {
            var dealerId = '{{ dealerId }}';
            var path = Routing.generate('remove_default_serie', {'dealerId' : dealerId });

            $.get(path, function (result) {
                window.location.href = Routing.generate('dealer', { 'objId' : result });
            }).fail(function (err) {
                console.log(err.responseText);
            });
        });

        function newDealerDiscount() {
            var dealer = '{{ dealerId }}';

            var route = Routing.generate('new_dealer_discount', {'dealer' : dealer });

            $.post(route, function(result) {
                $('#dealerdiscountDetailModal').remove();
                $('#modals').append(result);
                $('#dealerdiscountDetailModal').modal('show');
                $('#dealerDiscountFormBasic_companies').select2();
            }).fail(function(error) {
                console.log(error.responseText);
            });
        }

        $('#go_to_page').click(function () {
            {% if dealer.web %}
                var myWindow = window.open('{{ dealer.web }}');

                if(!myWindow || myWindow.closed || typeof myWindow.closed=='undefined') {
                    swal(
                        'OPPS!',
                        'Su navegador tiene las ventanas emergentes bloquedas. ' +
                        'Pulse en la i rodeada de un círculo en la barra de navegación de su navegador. ' +
                        'En el desplegable que le saldrá pulse sobre "Confuración del sitio web". ' +
                        'En la nueva ventana que se le abrira busque "Ventanas emergentes y redirecciones". ' +
                        'En el selector a su derecha selecciones "Permitir".',
                        'warning'
                    );
                }
            {% endif %}
            return false;
        });

        $('#add_to_directory').click(function () {
            $('#add_to_directory_modal').modal('toggle');
        })

        function removeDirectoryElement(id) {
            var route = Routing.generate('remove_directory_element', {'id' : id});

            $.get(route, function () {

            }).done(function (result) {
                window.location.reload();
            }).fail(function (error) {
                console.log(error.responseText)
            })
        }
    </script>

    
{% endblock %}