{% if formprovreembolso is defined %}
    <div class="modal fade" id="modal-provreembolso" style="display: none; z-index: 999999">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-warning">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span></button>
                    <h4 class="modal-title">Nuevo Proveedor</h4>
                </div>
                {{ form_start(formprovreembolso, {'attr': {'class': 'form-stacked', 'id':'formprovreembolsosv' } }) }}

                <div class="modal-body">

                    <div id="errormodal-provre" class="alert alert-danger alert-dismissible" style="display: none;">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        <p id="msgerror-provre"></p>
                    </div>

                    <div class="row">
                        <div class="col-md-12 clearfix">
                            {{ form_row(formprovreembolso.name) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 clearfix">
                            {{ form_row(formprovreembolso.tipoDocumento) }}
                        </div>
                        <div class="col-md-4 clearfix">
                            {{ form_row(formprovreembolso.identification) }}
                        </div>
                        <div class="col-md-4 clearfix">
                            {{ form_row(formprovreembolso.tipoProveedor) }}
                        </div>
                    </div>
                    {#
                    <div class="col-md-6 clearfix">
                        {{ form_row(form.contact_person) }}
                    </div>
                    #}
                    <div class="row">
                        <div class="col-md-7 clearfix">
                            <div class="form-group">
                                {{ form_label(formprovreembolso.email) }}
                                <div class="input-group">
                                <span class="input-group-addon"><span
                                            class="glyphicon glyphicon-envelope"></span></span>
                                    {{ form_widget(formprovreembolso.email) }}
                                </div>
                                {{ form_errors(formprovreembolso.email) }}
                            </div>
                        </div>
                        <div class="col-md-5 clearfix">
                            {{ form_row(formprovreembolso.telefono) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 clearfix">
                            {{ form_row(formprovreembolso.address) }}
                        </div>
                        {#
                        <div class="col-md-6 clearfix">
                            {{ form_row(form.shipping_address) }}
                        </div>
                        #}
                    </div>

                    {{ form_rest(formprovreembolso) }}
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">&nbsp;Cancelar
                    </button>
                    <button type="submit" class="btn btn-success"><i class="fa fa-save"></i>&nbsp;Guardar
                    </button>
                </div>

                {{ form_end(formprovreembolso) }}

            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
{% endif %}

<script>

    function buscarProvReembolso(current) {

        var ubi = $(current).closest("div.contentsv");
        var identificacion = ubi.find("input[name$='[provreembolso_identification]']");
        var elemento = identificacion.attr("name");
        $.ajax({
            url: '{{ path('provider_searchprovider') }}',

            data: {
                term: identificacion.val()
            },
            error: function (ui) {
                alert(ui.responseText);
            },
            async: true,
            beforeSend: function () {
                $body.addClass("loading");
            },
            complete: function () {
                $body.removeClass("loading");
            },
            success: function (ui) {
                var nombre = elemento.replace('provreembolso_identification', 'provreembolso_name');
                $("input[name='" + nombre + "']").val(ui.item.name);
                identificacion.val(ui.item.identification);
                //identificacion.val(ui.item.name);
                //    $('input[name$="[shipping_address]"]').val(ui.item.shipping_address);

            },
            type: 'GET'
        });

    }

    $(document).ready(function () {
        $body = $("body");

        $('#formprovreembolsosv').submit(function (e) {
            e.preventDefault();
            $('#modal-provreembolso').modal('hide');

            updateProvReembolso('{{ path('rest_provider_add') }}', $(this).parents('div'));
        });

        function updateProvReembolso(path, $changedItem) {
            $body.addClass("loading");

            $.post(path, $("#formprovreembolsosv").serialize())

                .done(function (data) {
                    $('input[name$="[provreembolso_name]"]').val(data.item.name);
                    $('input[name$="[provreembolso_identification]"]').val(data.item.identification);
                    $body.removeClass("loading");
                    $("#formprovreembolsosv")[0].reset();
                })
                .fail(function (jqXHR, textStatus, errorThrown) {
                    $body.removeClass("loading");
                    if (jqXHR.status == 401) {
                        var aux = $.parseJSON(jqXHR.responseText);
                        var texto = '';
                        $.each(aux, function (key, value) {
                            texto = texto + '- ' + value + '<br>';
                        });
                        $("#msgerror-provre").html(texto);

                    } else
                        $("#msgerror-provre").html(jqXHR.responseText);
                    $("#errormodal-provre").css("display", "block");
                    $('#modal-provreembolso').modal('show');

                });
        }

    });

</script>