@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="">

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

        <div class="col-m-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="254" 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 LetrasNumerosEsp" 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">
                        <button type="button" class="btn btn-primary" ng-click="setActiveTab($index)" style="float:right;">Siguiente</button>
                    </div>*@
                @*<div class="panel-heading">
                        Datos Bancarios
                    </div>
                    <div class="panel-body">*@
                @*<div class="form-group col-md-5">
                        <label class="control-label">1-5</label><label class="text-danger" style="padding-left:20px;"></label>
                    </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-12">
                    <button type="button" class="btn btn-primary" style="float:right;" ng-click="vm.btnGuardar();">Guardar</button>
                    @*<button type="button" class="btn btn-primary" 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 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">Aprobación Teamleader</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>
}