@using Oware.Util.Mvc

@{
    ViewBag.Title = "Lista de Padrón de Proveedores";
}
<style>
    .table-container::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .table-container::-webkit-scrollbar-track {
        background-color: rgba(113,112,107,0.1);
        -webkit-border-radius: 5px;
    }

    .table-container::-webkit-scrollbar-thumb:vertical {
        background-color: rgba(0,0,0,.2);
        -webkit-border-radius: 6px;
    }

        .table-container::-webkit-scrollbar-thumb:vertical:hover,
        .table-container::-webkit-scrollbar-thumb:horizontal:hover {
            background: red;
        }

    .table-container::-webkit-scrollbar-thumb:horizontal {
        background-color: rgba(0,0,0,.2);
        -webkit-border-radius: 6px;
    }


    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-color: #2c3e50 !important;
        border-color: #2c3e50 !important;
    }

    table {
        width: 100%;
    }



    .table-container {
        margin: 0 0 1rem;
        overflow: auto;
        overflow-y: auto;
        width: 100%;
    }
</style>
<div class="row" ng-controller="reexpedicionController as vm">
    <div class="container" ng-init="vm.iniciar()" ng-hide="!vm.Autorizado">
        <h3>LISTA DEL PADRÓN DE PROVEEDORES: {{vm.Proveedores.length}}</h3>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group row">
                    <label class="control-label col-sm-4" for="curps">Clientes</label>
                    <div class="col-sm-8">
                        <input type="text"
                               ng-model="vm.Prov"
                               @*uib-typeahead="e as e.Razon_Social for e in vm.BuscarProveedor($viewValue)"
                               typeahead-loading="vm.buscandoUsuarios"
                               typeaheead-no-results="vm.noHayUsuarios"
                               typeahead-min-length="3"
                               typeahead-on-select="vm.clienteSeleccionado($item, $model, $label, $event)"*@
                               class="form-control">
                    </div>
                </div>

            </div>
            <div class="col-sm-1">
		@*<button type="button" class="btn btn-primary" ng-click="vm.BuscarProveedor()"><span class="glyphicon glyphicon-search"></span></button>*@
            </div>
            <div class="col-sm-5">
                <button type="button" class="btn btn-success" ng-click="vm.exportToExcel('#tablaExp')">Exportar Excel</button>
            </div>
        </div>


        <div id="tabla">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>NO. PROVEEDOR</th>
                        <th>DETALLE</th>
                        <th>DATOS BANCARIOS</th>
                        <th>RENOVAR</th>
                        <th>R.F.C.</th>
                        <th style="max-width:400px">RAZÓN SOCIAL</th>
                        <th style="max-width:200px">GIRO</th>
                        <th>TIPO PERSONA</th>
                        <th>INSCRITO</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="p in vm.Proveedores|filter:vm.Prov">
                        <td>{{p.Num_Proveedor}}</td>
                        <td><a href="" class="" ng-click="vm.RedirectAUT(p.RFC, $model, $label, $event)"><i class="glyphicon glyphicon-pencil"></i></a></td>
                        <td><a href="" class="" ng-click="vm.ProveedorSeleccionado(p.RFC, $model, $label, $event)"><i class="glyphicon glyphicon-th-list"></i></a></td>
                        <td ng-hide="p.Validacion_2019"><a href="" class="" ng-click="vm.AutorizarRenovado(p.RFC, $model, $label, $event)"><i class="glyphicon glyphicon-warning-sign"></i></a></td>
                        <td ng-hide="!p.Validacion_2019"><i class="glyphicon glyphicon-ok"></i></td>
                        <td>{{p.RFC}}</td>
                        <td style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px">{{p.Razon_Social}}</td>
                        <td>{{p.Giro_Comercial}}</td>
                        <td ng-hide="p.Persona_Moral">Persona Física</td>
                        <td ng-hide="!p.Persona_Moral">Persona Moral</td>
                        <td ng-hide="!p.Fecha_Aceptacion"><i class="glyphicon glyphicon-ok"></i></td>
                        <td ng-hide="p.Fecha_Aceptacion"><i class="glyphicon glyphicon-remove"></i></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="tablaExp" style="visibility:hidden">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>NO. PROVEEDOR</th>
                        <th>R.F.C.</th>
                        <th>RAZON SOCIAL</th>
                        <th>DIRECCION</th>
                        <th>REPRESENTANTE</th>
                        <th>GIRO</th>
                        <th>TIPO PERSONA</th>
                        <th>FECHA INSCRITO</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="p in vm.Proveedores">
                        <td>{{p.Num_Proveedor}}</td>
                        <td>{{p.RFC}}</td>
                        <td style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px">{{p.Razon_Social}}</td>
                        <td>{{p.Calle +" "+ p.No_Exterior +" "+ p.No_Interior+" Col."+p.Colonia+" ,"+p.Municipio+" ,"+p.Estado}}</td>
                        <td>{{p.Rep_Nombre}}</td>
                        <td>{{p.Giro_Comercial}}</td>
                        <td>{{p.Persona_Moral==true?"Persona Moral":"Persona Fisica"}}</td>
                        <td>{{p.Fecha_Aceptacion==false?"":p.Fecha_Aceptacion.substr(6,13) | date:'dd/MM/yyyy'}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div id="mdl-confirmacion-teamleader" modal="showModal" close="cancel()" class="modal fade modal-arriba" data-easein="expandIn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">

        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title titulo-msj-registro">Datos de Acceso</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12">
                        <h4 class="pregunta-confirmacion"></h4>
                        <div class="form-group">
                            <input type="text" class="form-control " ng-model="vm.user.usuario" value="" placeholder="usuario" />
                        </div>
                        <div class="form-group">
                            <input type="password" class="form-control  " ng-model="vm.user.password" value="" placeholder="contraseña" />
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default waves-effect waves-light" data-dismiss="modal"><i class="fa fa-ban"></i> Cancelar</button>
                    <button type="button" class="btn btn-success waves-effect waves-light" ng-click="vm.LogeoL();"><i class="fa fa-save"></i> Aceptar</button>

                </div>
            </div>
        </div>
    </div>
</div>

@section scripts{
    <script src="~/Scripts/app/controladores/reexpedicionController.js"></script>
    <script src="~/Scripts/app/factory/ReexpedicionFactory.js"></script>
    <script src="~/Scripts/select2.full.min.js"></script>
    <script src="~/Scripts/angular-base64-upload.js"></script>
    <script src="~/Scripts/app/controladores/ModalController.js"></script>
    <script src="~/Scripts/app/controladores/ModalDetalleBancario.js"></script>
    <script type="text/javascript">
        $(".select2").select2({});
    </script>
}