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

{% block sectionTitle %}Proveedor{% endblock %}

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


    <div class="content">

    <div class="panel panel-white">

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

        {{ form_start(form) }}
            <div class="panel-body">

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

                        {{ form_errors(form) }}

                        {{ 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) }}
                                <div id="nameDealer" style="margin-bottom: 20px;">
                                    {{ form_row(form.name) }}
                                </div>
                                {{ form_row(form.clientNumber) }}
                                {{ form_row(form.cif) }}
                                {{ form_row(form.address) }}
                            </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>

                            <div class="col-lg-3 col-md-6 col-sm-12">
                                {{ form_row(form.typeCountry) }}
                                {{ form_row(form.file) }}
                                {{ form_row(form.defaultSerie) }}
                                {{ form_row(form.isIntracommunityDealer) }}
                                {{ form_row(form.typeDealer) }}
                                {{ form_row(form.observations) }}
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-12">
                                {{ form_row(form.web) }}
                            </div>
                        </div>

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


            </div>

        <div class="panel-footer">
            <div class="text-right">
                <button type="submit" class="btn-rounded btn btn-primary">Guardar y Continuar<i class="icon-circle-right2 position-right"></i></button>
            </div>
        </div>
        {{ form_end(form) }}

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



{% endblock%}

{% block script%}

    <script>


        // SELECT A DEALER CC LOGIC
        $("#dealerFormBasic_name").change(function(){

            var id = $("#dealerFormBasic_name").val();

            // NEW MANUAL
            if (id =="99999999999999999999"){
                replaceNameLabel();
            }else{
                //SELECTING AVAILABLE DEALER CC
                path = Routing.generate('_ajax_search_dealer_cc', {'id': id});
                $.get(path, function (data) {

                    console.log(data);

                    //$("#dealerFormBasic_name").typeahead('val',data.fullName);
                    //$("#dealerFormBasic_name").val(data["name"]);
                    $("#dealerFormBasic_cif").val(data[0]["cif"]);
                    $("#dealerFormBasic_email").val(data[0]["email"]);
                    $("#dealerFormBasic_phone").val(data[0]["phone"]);
                    $("#dealerFormBasic_address").val(data[0]["address"]);
                    $("#dealerFormBasic_city").val(data[0]["city"]);
                    $("#dealerFormBasic_zip").val(data[0]["zip"]);
                    $("#dealerFormBasic_province").val(data[0]["province"]);
                    $("#dealerFormBasic_observations").val(data[0]["observations"]);
                    if (data[0]["isIntracommunityDealer"] == true){
                        $("#dealerFormBasic_isIntracommunityDealer").prop('checked', true);
                    }else{
                        $("#dealerFormBasic_isIntracommunityDealer").prop("checked", false);
                    }
                    $('#dealerFormBasic_typeCountry').val(data[0]["typeCountry"]).trigger("change");

                }).fail(function (data) {
                    //errorNotity(data.message);
                    console.log(data);
                });
            }

        });

        //REPLACE SELECT FOR INPUT
        function replaceNameLabel(){
            $("#nameDealer").replaceWith( '<div class="form-group"><label class="control-label required" for="dealerFormBasic_name" aria-required="true">Nombre del proveedor</label><input type="text" id="dealerFormBasic_name" name="dealerFormBasic[name]" required="required" placeholder="Introduzca el nombre. Ej: Luis Robles Martínez" class="form-control input-circle typeahead form-control" value="" aria-required="true" aria-invalid="false"></div>' );
        }



    </script>

{% endblock %}