{% extends '@Core/base_sales_point.html.twig' %}

{% block sectionTitle %}Seleccione el vendedor{% endblock %}
{% block sectionActions %}

{% endblock %}
{% block breadcrumbLinks %}
    <li class="active">Selección de vendedor</li>
{% endblock %}

{% block content %}


    <div class="panel panel-flat">

        {% 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-body">

            <div class="content">


                <div class="col-md-6 text-left">
                    <h6>Seleccione el vendedor</h6>
                    <select  class="form-control input-circle typeahead select-search" id="seller_select" style="margin-bottom: 10px" autocomplete="off">
                        {% for u in userInShop %}
                            <option value="{{ u.id }}"
                                    {% if seller and seller.id == u.id %}
                                        selected
                                    {% endif %}
                            >{{ u.name }}</option>
                        {% endfor %}
                    </select>
                </div>

                <div class="col-md-6 text-right">
                    <a  style="margin-top: 15px" href="{{ path('sales_cancel', {"id" : sale.id}) }}" class="btn border-danger text-danger btn-flat btn-rounded btn-icon"><i
                                class="icon-cancel-circle2 position-left"></i>Cancelar
                    </a>
                        <br>
                    <a href="{{ path('sales_edit', {"id" : sale.id}) }}" style="margin-top: 15px" class="btn-rounded btn bg-color3"><i
                                class="icon-arrow-right5 position-left"></i>Continuar
                    </a>
                </div>

            </div>

        </div>

    </div>


    <script>

        // CHANGE SELLER
        $('#seller_select').change(function () {
            var seller = $('#seller_select option:selected').val();
            var sale = '{{ sale.id }}';
            var route = Routing.generate('change_seller', { 'seller' : seller, 'sale' : sale });

            if(seller != 'none_selected') {
                showLoader();

                $.get(route, function(){

                }).done(function(result){
                    $('#seller_li').html(result);
                    $('#seller_select option[value=none_seller_selected]').remove();

                    hideLoader();
                    var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                    window.location.href = url;
                }).fail(function(error){
                    console.log(error.responseText);
                    swal('OPS!', 'Tienes que tener un vendedor asignado', 'warning');
                    var url= Routing.generate('sales_edit', {id: '{{ sale.id }}' }, true);
                    window.location.href = url;
                })
            } else {
                swal('OPS!', 'Tienes que tener un vendedor asignado', 'warning');
            }

        });

    </script>

{% endblock%}