{% extends "base.html.twig" %}
{% block menuTop %}
    <div class="col-lg-6 col-xs-12" >
        <div class="container" id="menuTop">

            {% if (idproyectosp == null) %}
                <div class="col-lg-12 col-xs-12" >
                    {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}
                </div>
            {% else %}
                <div class="col-lg-12 col-xs-12" >
                    {{ render(controller("PortalBundle:Default:topModuleMx",{'idproyectos':idproyectosp,'idmodule':idmodule, 'idproyecto':idproyectos})) }}
                </div>
            {% endif %}

        </div>


    </div>
{%endblock %}


{%block dashboard %}
    <script>
        $(function () {
            $("#guardarProveedor").click(function () {
                        if($("#nombre").val()==''){
                            alert("Debe ingresar Nombre");
                            return false;
                        }
                        $("#cargar").css("display","");
                        $.ajax({
                            type: "POST",
                            url: '{{ path('addProv',{'idproyectos':idproyectos}) }}',
                            async: true,
                            data: {
                                $nombre: $("#nombre").val(),
                                $razonsocial: $("#razonSocial").val(),
                                $email: $("#email").val(),
                                $telefono: $("#telefono").val(),
                                $idtipo: $("#idtipo").val(),
                                $nit: $("#nit").val(),
                            }
                        }).done(function (mns) {
                            alert("Se Creo con exito");
                            location.href='{{ path('proveedorIni',{'idproyectos':idproyectos, 'idmodule':idmodule, 'idsubmodulo':idsubmodulo}) }}'
                        })
                    }
            );
            {%  if idproveedor== true %}
            $("#EditarProveedor").click(function () {
                if($("#nombre").val()==''){
                    alert("Debe ingresar Nombre");
                    return false;
                }
                $("#cargar").css("display","");
                $.ajax({
                    type: "POST",
                    url: "{{ path('modProv',{'idproyectos':idproyectos, 'idproveedor':idproveedor}) }}",
                    data: {
                        $nombre: $("#nombre").val(),
                        $razonsocial: $("#razonSocial").val(),
                        $email: $("#email").val(),
                        $telefono: $("#telefono").val(),
                        $idtipo: $("#idtipo").val(),
                        $nit: $("#nit").val(),

                    }
                }).done(function (mns) {
                    alert("Se modifico el proveedor con exito");
                    location.href='{{ path('proveedorIni',{'idproyectos':idproyectos, 'idmodule':idmodule, 'idsubmodulo':idsubmodulo}) }}'
                });


            })
            {% endif %}

        });
    </script>
    <div class="col-lg-12 col-xs-12 col-md-12">
        <br>
        <div  class="col-md-8 col-lg-8 col-xs-12 col-lg-offset-2 col-md-offset-2 table-bordered">
            <br>
            <div class="form-group col-md-6 col-lg-6 col-xs-12 col-lg-offset-3 col-md-offset-3 ">
                <label for="nombre">Nombre:</label>
                <input class="form-control" type="text" id="nombre" {% if proveedor == true %} value="{{ proveedor.0.nombre }}"{% endif %} >
            </div>
            <div class="form-group col-md-6 col-lg-6 col-xs-12 col-lg-offset-3 col-md-offset-3 ">
                <label for="nombre">Vendor:</label>
                <input class="form-control" type="text" id="razonSocial"  {% if proveedor == true %} value="{{ proveedor.0.razonSocial }}"{% endif %}  >
            </div>
            <div class="form-group col-md-6 col-lg-6 col-xs-12 col-lg-offset-3 col-md-offset-3 ">
                <label for="nombre">NIT:</label>
                <input class="form-control" type="text" id="nit"  {% if proveedor == true %} value="{{ proveedor.0.nit }}"{% endif %}  >
            </div>
            <div class="form-group col-md-6 col-lg-6 col-xs-12 col-lg-offset-3 col-md-offset-3 ">
                <label for="nombre">{{'user.phone' | trans}}:</label>
                <input class="form-control" type="text" id="telefono"   {% if proveedor == true %} value="{{ proveedor.0.telefono }}"{% endif %} >
            </div>
            <div class="form-group col-md-6 col-lg-6 col-xs-12 col-lg-offset-3 col-md-offset-3 ">
                <label for="nombre">{{'user.email' | trans}}:</label>
                <input class="form-control" type="text" id="email"  {% if proveedor == true %} value="{{ proveedor.0.email }}"{% endif %} >
            </div>
            <div class="form-group col-md-6 col-lg-6 col-xs-12 col-lg-offset-3 col-md-offset-3 ">
                <label for="nombre">Tipo/Categoria:</label>
                <select class="form-control" id="idtipo">
                    {% for tipo in tipos %}
                    <option  {% if proveedor == true %} {% if proveedor.0.idtipo == tipo.idtipo %} selected="true" {% endif %} {% endif %}  value="{{ tipo.idtipo }}">{{ tipo.tipo }}</option>
                {% endfor %}
                </select>
            </div>

            <div class="form-group col-md-6 col-lg-6 col-xs-12 col-lg-offset-3 col-md-offset-3 " style="text-align: center;">
                {%  if proveedor ==  false %}
                <button class="btn btn-success" id="guardarProveedor" title="Guardar Proveedor" data-toggle="tooltip" data-placement="left">
                    Guardar
                </button>
                    {% else %}
                        <button class="btn btn-success" id="EditarProveedor" title="Editar Proveedor" data-toggle="tooltip" data-placement="left">
                            Editar
                        </button>
                {% endif %}
                <a href="javascript:history.go(-1)">
                <button class="btn btn-default" title="Volverr" data-toggle="tooltip" data-placement="left">
                    Volver
                </button>

                </a>


            </div>


        </div>
    </div>
{%  endblock %}