@using Oware.Util.Mvc

@{
    ViewBag.Title = "Pre-Registro";
}

@*<link rel="stylesheet" href="http://planetariomovilimax.com/assets-admin/global/vendor/select2/select2.min.css?v2.2.0">*@


<style>
    /*.botonesderecho {
            float:right;
            text-align:right;
        }*/
    .botones {
        margin: 3px !important;
    }

    .excluir {
        color: #ff0000;
        cursor: pointer;
    }

    .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%;
    }



        /*  Estilos para que las barras de desplazamiento horizontal se vean en los dispositivos IOS */

        .table-container::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 14px;
            height: 14px;
        }

        .table-container::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, .3);
            border-radius: 8px;
            border: 3px solid #fff;
        }



    .input-search-btn {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding: 0 10px;
        background: 0 0;
        border: none;
        border-radius: 0 200px 200px 0;
    }

        .input-search-btn + .form-control {
            padding-right: 50px;
        }

    /*.input-search .form-control {
        border-radius: 200px;
    }*/
    .tab-pane {
        padding-top: 30px;
    }

    .paddingentradas {
        padding: 10px 5px 10px 30px;
    }

    .numerosEntradas {
        font-size: 18px;
        font-weight: bold;
    }
</style>

<div class="row" ng-controller="reexpedicionController as vm">
    <div class="container" ng-init="vm.iniciarAut()">
        <div class="col-md-12" ng-hide="!vm.Autorizado">

            <h3>REGISTRO DEL PADRÓN DE PROVEEDORES</h3>

            <script>
                RFC = '@ViewBag.RFC';
                log = '@ViewBag.log';
                tipo = '@ViewBag.tipo';
            </script>

            <div class="col-sm-2">
                <label class="control-label">RFC a buscar</label>
            </div>
            <div class="col-sm-3">
                <input type="text" class="form-control LetrasNumeros" maxlength="13" ng-model="vm.RFC" />
            </div>
            <div class="col-sm-2 form-group">
                <button type="button" class="btn btn-primary" ng-click="vm.ObtenerProveedor()"><span class="glyphicon glyphicon-search"></span></button>
                <button type="button" class="btn btn-primary" ng-click="vm.LimpiarCampos()">Limpiar</button>
            </div>
            <div class="col-sm-2">
                <label class="control-label">Num Proveedor</label>
            </div>
            <div class="col-sm-3">
                <input type="text" class="form-control LetrasNumeros" maxlength="13" ng-disabled="true" ng-model="vm.Proveedor.NumProveedor" />
            </div>
            <div class="col-sm-5"></div>
            <div class="col-sm-12"><br /></div>
            <uib-tabset>
                <uib-tab heading="Datos Generales" index="1" style="">
                    <div class="col-md-6 has-success has-feedback" style="">
                        <label class="radio-inline"><input type="radio" class="rdiobulto" value="1" ng-model="vm.Proveedor.TipoPersona" name="optradioP">Persona Moral</label>
                        <label class="radio-inline"><input type="radio" class="rdiobulto" value="2" ng-model="vm.Proveedor.TipoPersona" name="optradioP">Persona Física</label>
                    </div>
                    <div class="col-md-6 has-success has-feedback" style="">
                        <label class="radio-inline"><input type="radio" class="rdiobulto" value="1" ng-model="vm.Proveedor.TipoAlta" name="optradioA">Inscripción o Alta</label>
                        <label class="radio-inline"><input type="radio" class="rdiobulto" value="2" ng-model="vm.Proveedor.TipoAlta" name="optradioA">Modificación</label>
                        <label class="radio-inline"><input type="radio" class="rdiobulto" value="3" ng-model="vm.Proveedor.TipoAlta" name="optradioA">Renovación</label>
                    </div>
                    <div class="col-md-12"><br /></div>
                    <div class="col-md-12"><br /></div>
                    <div class="col-md-12" style="padding-top:15px;">
                        <div class="col-md-12" style="background-color:black;color:white;text-align:left;padding-bottom:5px;padding-top:5px;;font-size:large">DATOS GENERALES</div>
                        <div class="col-md-12"><br /></div>
                        <div class="form-group col-md-3">
                            <label class="control-label">Nombre o razón Social de la Empresa</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-9">
                            <input type="text" class="form-control LetrasNumerosEsp" maxlength="256" ng-model="vm.Proveedor.prov_Nombre" placeholder="Nombre o razón Social de la Empresa">
                        </div>
                        @*<div class="col-m-12"><br /></div>*@
                        <div class="form-group col-md-1">
                            <label class="control-label">R.F.C.</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-5">
                            <input type="text" class="form-control LetrasNumeros" maxlength="13" ng-model="vm.Proveedor.prov_RFC" placeholder="Registro Federal de Contribuyentes">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">C.U.R.P.</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-5">
                            <input type="text" class="form-control LetrasNumeros" maxlength="18" ng-model="vm.Proveedor.prov_CURP" placeholder="Clave Única de Registro de Población">
                        </div>
                        @*<div class="col-m-12"><br /></div>*@
                        <div class="form-group col-md-1">
                            <label class="control-label">Calle</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-5">
                            <input type="text" class="form-control LetrasNumerosEsp" maxlength="256" ng-model="vm.Proveedor.prov_Calle" placeholder="Calle">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Colonia</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-5">
                            <input type="text" class="form-control LetrasNumerosEsp" max="256" ng-model="vm.Proveedor.prov_Colonia" placeholder="Colonia">
                        </div>
                        @*<div class="col-m-12"><br /></div>*@
                        <div class="form-group col-md-1">
                            <label class="control-label">No. Exterior</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-2">
                            <input type="text" class="form-control LetrasNumerosEsp" maxlength="12" ng-model="vm.Proveedor.prov_NoExt" placeholder="Número Exterior">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">No. Interior</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-2">
                            <input type="text" class="form-control LetrasNumerosEsp" maxlength="12" ng-model="vm.Proveedor.prov_NoInt" value=" " placeholder="Número Interior">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Código Postal</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-2">
                            <input type="text" class="form-control autonumber" maxlength="5" ng-model="vm.Proveedor.prov_CP" placeholder="Código Postal">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Localidad</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-2">
                            <input type="text" class="form-control LetrasNumerosEsp" maxlength="256" ng-model="vm.Proveedor.prov_Localidad" placeholder="Localidad">
                        </div>
                        <div class="form-group col-md-5">
                            <label class="control-label"></label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Municipio</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-5">
                            <input type="text" class="form-control LetrasNumerosEsp" maxlength="256" ng-model="vm.Proveedor.prov_Municipio" placeholder="Municipio">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Estado</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-5">
                            <input type="text" class="form-control LetrasNumerosEsp" maxlength="256" ng-model="vm.Proveedor.prov_Estado" placeholder="Estado">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Teléfono</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-2">
                            <input type="text" class="form-control autonumber" maxlength="16" ng-model="vm.Proveedor.prov_Telefono" placeholder="Teléfono">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Fax</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-2">
                            <input type="text" class="form-control autonumber" maxlength="16" ng-model="vm.Proveedor.prov_Fax" placeholder="Fax">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Página Web</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-5">
                            <input type="text" class="form-control URL" maxlength="256" ng-model="vm.Proveedor.prov_URL" placeholder="Página Web">
                        </div>
                        <div class="form-group col-md-5">
                            <label class="control-label"></label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Estratificación</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-5">
                            <input type="text" class="form-control LetrasNumeros" maxlength="25" ng-model="vm.Proveedor.prov_Estra" placeholder="(Micro, Pequeña o Mediana Empresa)">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Giro Comercial</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-5">
                            <input type="text" class="form-control LetrasNumerosEsp" maxlength="256" ng-model="vm.Proveedor.prov_Giro" placeholder="Giro Comercial">
                        </div>
                    </div>
                    <div class="col-md-12" style="background-color:black;color:white;text-align:left;padding-bottom:5px;padding-top:5px;;font-size:large">
                        DATOS DEL REPRESENTANTE O APODERADO LEGAL
                    </div>
                    <div class="col-md-12"><br /></div>
                    <div class="form-group col-md-3">
                        <label class="control-label">Nombre del Representate o Apoderado</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-9">
                        <input type="text" class="form-control LetrasNumerosEsp" ng-model="vm.Proveedor.rep_Nombre" maxlength="256" placeholder="Nombre del Representate o Apoderado Legal">
                    </div>
                    <div class="form-group col-md-1">
                        <label class="control-label">Teléfono</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-2">
                        <input type="text" class="form-control autonumber" maxlength="16" ng-model="vm.Proveedor.rep_Telefono" placeholder="Teléfono">
                    </div>
                    <div class="form-group col-md-1">
                        <label class="control-label">Extensión</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-2">
                        <input type="text" class="form-control autonumber" maxlength="6" ng-model="vm.Proveedor.rep_Extension" value=" " placeholder="Extensión">
                    </div>
                    <div class="form-group col-md-1">
                        <label class="control-label">Correo Electrónico</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-5">
                        <input type="text" class="form-control correo" maxlength="256" ng-model="vm.Proveedor.prov_Email" placeholder="Correo Electrónico">
                    </div>
                    <div class="form-group col-md-5">
                        <label class="control-label"></label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-1">
                        <label class="control-label">No. Acta Constitutiva</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-2">
                        <input type="text" class="form-control LetrasNumeros" maxlength="50" ng-disabled="vm.Proveedor.TipoPersona==2" ng-model="vm.Proveedor.rep_Acta" placeholder="Número de Acta Constitutiva">
                    </div>
                    <div class="form-group col-md-1">
                        <label class="control-label">No. Poder Notarial</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-2">
                        <input type="text" class="form-control LetrasNumeros" maxlength="50" ng-disabled="vm.Proveedor.TipoPersona==2" ng-model="vm.Proveedor.rep_Poder" placeholder="Número de Poder Notarial">
                    </div>
                    <div class="form-group col-md-1">
                        <label class="control-label">Nombre de Notario</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-5">
                        <input type="text" class="form-control LetrasNumerosEsp" maxlength="256" ng-disabled="vm.Proveedor.TipoPersona==2" ng-model="vm.Proveedor.rep_Notario" placeholder="Nombre de Notario">
                    </div>
                    <div class="form-group col-md-5">
                        <label class="control-label"><br /></label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="control-label">Personal Designado para trámites ante la institución</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-9">
                        <input type="text" class="form-control LetrasNumerosEsp" maxlength="256" ng-model="vm.Proveedor.des_Nombre" placeholder="Personal Designado para trámites ante la institución">
                    </div>
                    <div class="form-group col-md-9">
                        <label class="control-label"><br></label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-1">
                        <label class="control-label">Teléfono</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-2">
                        <input type="text" class="form-control autonumber" maxlength="16" ng-model="vm.Proveedor.des_Telefono" placeholder="Teléfono">
                    </div>
                    <div class="form-group col-md-1">
                        <label class="control-label">Extensión</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-2">
                        <input type="text" class="form-control autonumber" maxlength="6" ng-model="vm.Proveedor.des_Extension" value=" " placeholder="Extensión">
                    </div>
                    <div class="form-group col-md-1">
                        <label class="control-label">Correo Electrónico</label><label class="text-danger" style="padding-left:20px;"></label>
                    </div>
                    <div class="form-group col-md-5">
                        <input type="text" class="form-control correo" maxlength="256" ng-model="vm.Proveedor.des_Email" placeholder="Correo Electrónico">
                    </div>
                    <div class="col-md-12" style="padding-top:15px;">
                        <div class="col-md-12"><br /></div>
                        <div class="col-md-12" style="background-color:black;color:white;text-align:left;padding-bottom:5px;padding-top:5px;;font-size:large">
                            DATOS BANCARIOS
                        </div>
                        <div class="col-md-12"><br /></div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Banco</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-2">
                            <input type="text" class="form-control LetrasNumerosEsp" maxlength="256" ng-model="vm.Proveedor.Banco" placeholder="Banco">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Cuenta</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-2">
                            <input type="text" class="form-control autonumber" maxlength="30" ng-model="vm.Proveedor.cuenta" placeholder="Cuenta">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">Sucursal</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-2">
                            <input type="text" class="form-control LetrasNumerosEsp" maxlength="30" ng-model="vm.Proveedor.sucursal" placeholder="Sucursal">
                        </div>
                        <div class="form-group col-md-1">
                            <label class="control-label">CLABE</label><label class="text-danger" style="padding-left:20px;"></label>
                        </div>
                        <div class="form-group col-md-2">
                            <input type="text" class="form-control autonumber" maxlength="18" ng-model="vm.Proveedor.CLABE" placeholder="CLABE">
                        </div>
                    </div>

                    @*</div>*@
                    <div class="col-md-12"><br /></div>
                    <div class="col-md-8"></div>
                    <div class="col-md-2">
                        <button type="button" ng-hide="vm.Tipo!='1'" class="btn btn-primary" style="float:right;" ng-click="vm.btnGuardar();">Guardar</button>
                    </div>
                    <div class="col-md-2" style="float:right;">
                        <button type="button" ng-hide="vm.Tipo!='1'" class="btn btn-info" ng-disabled="vm.RFC==null||vm.RFC==''" style="float:right;" ng-click="vm.AutorizarProveedor();">Autorizar</button>
                    </div>
                </uib-tab>


            </uib-tabset>
            @* GRID INICIO *@
            @*<div class="tab-content ">
            <div class="tab-pane active" id="1">
                <div class="col-md-12 ">
                    <div class="table-container">
                        <table class="table table-responsive search-table" style="overflow-x:scroll !important;">
                            <thead>
                                <tr>
                                    <th>&nbsp;</th>
                                    <th>Referencia</th>
                                    <th>Gatepass</th>
                                    <th>Linea</th>
                                    <th>Núm. vehículo</th>
                                    <th>Cliente</th>
                                    <th>Ubicación</th>
                                    <th>Tiempo llegada</th>
                                    <th>Tiempo espera</th>
                                    <th>Guía</th>
                                    <th>Estatus</th>
                                    <th>Excluir</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="r in vm.Proveedor.reexpediciones.Reexpediciones  | filter:searchText" ng-click="vm.Proveedor.TipoTeamLeader=1;vm.Proveedor.clickRow($index);">
                                    <th><input checklist-model="vm.Proveedor.selectecReferencias" checklist-value="$index" type="checkbox" value="{{r.Id}}" /></th>
                                    <th>{{r.Referencias}}</th>
                                    <th>{{r.Id}}</th>
                                    <th>{{r.Linea}}</th>
                                    <th>{{r.NumVehiculo}}</th>
                                    <th>{{r.Cliente}}</th>
                                    <th>{{r.Ubicacion}}</th>
                                    <th>{{r.TiempoLlegada}}</th>
                                    <th>{{r.TiempoEspera}}</th>
                                    <th>{{r.Guia}}</th>
                                    <th>{{r.Referencias=="" ? "ARRIBADO ":"RECIBIDO "}}</th>
                                    <th class="text-center"><i ng-click="vm.Proveedor.validarTeam();" class="glyphicon glyphicon-ban-circle excluir"></i></th>
                                </tr>
                            </tbody>
                        </table>
                        <ul uib-pagination
                            total-items="vm.Proveedor.reexpediciones.TotalElementos"
                            items-per-page="10"
                            direction-links="false"
                            boundary-link-numbers="true"
                            rotate="true"
                            max-size="4"
                            force-ellipses="true"
                            ng-model="vm.Proveedor.pagina"
                            ng-change="vm.Proveedor.cargarLista()"></ul>
                    </div>
                    </div>


            </div>
        </div>*@
            @* GRID FINAL *@


        </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.Logeo();"><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 type="text/javascript">
        $(".select2").select2({});
    </script>
}