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

{% block sectionTitle %}Pedido{% endblock %}
{% block breadcrumbLinks %}
    <li><a href="{{ path("orders") }}">Pedidos</a></li>
    <li class="active">Nuevo pedido</li>
{% endblock %}
{% block content %}
<div class="panel-body">
    <div class="panel panel-flat">

        <div class="panel-body">
            {% include 'CoreBundle:Orders:_form_new.html.twig' %}
        </div>
    </div>
    <div id="popups"></div>
</div>
{% endblock %}
{% block script %}
    {% include 'CoreBundle:js:core.orders.js.twig' %}
    <script>

        function createNewOrder(){
            if (!$("#btnSubmitNewOrder").hasClass('disabled')){
                event.preventDefault();
                $("#btnSubmitNewOrder").addClass('disabled');
                var isValid = $("form[name='ordersFormBasic']").valid();
                if (isValid === false) {
                    $("#btnSubmitNewOrder").removeClass('disabled');
                }else{
                    $("form[name='ordersFormBasic']").submit();
                }
            }
        }

        $('#ordersFormBasic_dealer').change(function () {
            var dealerId = $('#ordersFormBasic_dealer option:selected').val();
            var url = Routing.generate('_ajax-change-dealer-agent', { 'dealerId' : dealerId }, true);

            $.post(url, function(result){
                //console.log(result);
                $('#ordersFormBasic_dealerAgent').empty();
                $('#ordersFormBasic_dealerAgent').append(result);
            }).fail(function(xhr, status, error){
                console.log(xhr.responseText);
            });
        });
    </script>

{% endblock %}