@{
    //Layout = null;
    ViewBag.Title = "Configuradores";
}
<style>
    body {
    padding-top: 50px;
    padding-bottom: 20px;
    width:100%;
    height:100%;
}
    .contenedor-tabla-aduanas{
    height:300px;
    overflow:auto;
}
</style>
    <div class="row" ng-controller="reexpedicionController as vm" ng-init="vm.inicializar()">
        <uib-tabset>
            <uib-tab heading="Fotografías" select="vm.cambioFoto()" style="float:right;">
                <div><br /></div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        Configurador de Fotografías
                    </div>
                    <div class="panel-body">
                        <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.Cliente"
                                               uib-typeahead="e as e.idRazon for e in vm.BuscarCliente($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-6">
                                <div class="checkbox">
                                    <input type="checkbox"
                                           ng-model="vm.Todos"
                                           ng-disabled="vm.Cliente.Id == null" />

                                    <label>
                                        Aplicar a Todos los clientes
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div ng-if="vm.buscandoUsuarios">
                                    <i class="glyphicon glyphicon-hourglass"></i>
                                    Buscando...
                                </div>
                                <div class="alert alert-warning" ng-if="vm.noHayUsuarios">
                                    <i class="glyphicon-warning-sign glyphicon"></i>
                                    No se encontraron resultados
                                </div>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-sm-6" ng-repeat="a in vm.Procesos">
                                <div class="checkbox">
                                    <input type="checkbox"
                                           id="chk_{{a.Id}}_{{a.IdProceso}}"
                                           ng-model="a.Estatus"
                                           ng-disabled="vm.Cliente.Id == null" />
                                    @*<label for="chk_{{a.Id}}_{{a.IdProceso}}">
                                            {{ a.Modulo }}
                                        </label>*@
                                    <label for="chk_{{a.Id}}_{{a.IdProceso}}">
                                        {{ a.Descripcion }}
                                    </label>

                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-3 col-sm-offset-9 form-group">
                                @*<input type="text" class="form-control" placeholder="Buscar" ng-model="vm.busqueda" />*@
                            </div>
                        </div>
                        <form novalidate ng-submit="vm.Guardar()" name="frmAsignar">
                            <div class="contenedor-tabla-aduanas">
                                <table class="table table-condensed table-striped" border="1">
                                    <thead>
                                        <tr>
                                            <th style="text-align:center;padding:3px;background-color:#D8D8D8;">Cliente</th>
                                            <th style="text-align:center;padding:3px;background-color:#D8D8D8;" ng-repeat="a in vm.Procesos">
                                                {{a.Abreviacion}}
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="cc in vm.ClientesConfigurados.Elementos | filter: vm.busqueda">
                                            <td style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;">
                                                <a href="" class="" ng-click="vm.clienteSeleccionado(cc, $model, $label, $event)"><i class="glyphicon glyphicon-pencil glyphicon" style="color:black;"></i></a>

                                                <a href="" class="" ng-click="vm.EliminarConfiguracionFoto(cc)"><i class="glyphicon-trash glyphicon" style="color:black;"></i></a>
                                                {{cc.RazonSocial}}
                                            </td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="cc.Inicio_Descarga"><i class="glyphicon-ok glyphicon" style="color:green;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="!cc.Inicio_Descarga"><i class="glyphicon-remove glyphicon" style="color:red;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="cc.Fin_Descarga"><i class="glyphicon-ok glyphicon" style="color:green;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="!cc.Fin_Descarga"><i class="glyphicon-remove glyphicon" style="color:red;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="cc.Guia"><i class="glyphicon-ok glyphicon" style="color:green;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="!cc.Guia"><i class="glyphicon-remove glyphicon" style="color:red;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="cc.Danos"><i class="glyphicon-ok glyphicon" style="color:green;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="!cc.Danos"><i class="glyphicon-remove glyphicon" style="color:red;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="cc.Cerrar_Carga"><i class="glyphicon-ok glyphicon" style="color:green;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="!cc.Cerrar_Carga"><i class="glyphicon-remove glyphicon" style="color:red;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="cc.Pend_Ins"><i class="glyphicon-ok glyphicon" style="color:green;"></i></td>
                                            <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="!cc.Pend_Ins"><i class="glyphicon-remove glyphicon" style="color:red;"></i></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <ul uib-pagination
                                total-items="vm.ClientesConfigurados.TotalElementos"
                                items-per-page="vm.ClientesConfigurados.ElementosPagina"
                                direction-links="false"
                                boundary-link-numbers="true"
                                rotate="true"
                                max-size="4"
                                force-ellipses="true"
                                ng-model="vm.pagina"
                                ng-change="vm.buscarClientePag()"></ul>
                        </form>
                        <div class="text-right">
                            <button type="button" class="btn btn-primary" ng-click="vm.Cancelar()">
                                Cancelar
                            </button>
                            <button type="button" class="btn btn-primary" ng-click="vm.Guardar()" ng-disabled="vm.Cliente.Id == null">
                                Guardar
                            </button>
                        </div>
                    </div>
                </div>
                @*<div class="panel panel-primary" ng-if="vm.Cliente.Id != null">
                            <div class="panel-heading">
                                Modulos - Procesos
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-sm-3 col-sm-offset-9 form-group">
                                        <input type="text" class="form-control" placeholder="Buscar" ng-model="vm.busqueda" />
                                    </div>
                                </div>

                                <form novalidate ng-submit="vm.Guardar()" name="frmAsignar">
                            <div class="text-right">
                                <button type="submit" class="btn btn-primary" ng-disabled="frmAsignar.$invalid">
                                    Guardar
                                </button>
                            </div>
                            <div class="contenedor-tabla-aduanas">
                                <table class="table table-condensed table-striped">
                                    <thead>
                                        <tr>
                                            <th style="width:5em;text-align:center;">Selec.</th>
                                            <th>Módulo</th>
                                            <th>Proceso</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="a in vm.Procesos | filter: vm.busqueda">
                                            <td>
                                                <input type="checkbox"
                                                       id="chk_{{a.Id}}_{{a.IdProceso}}"
                                                       ng-model="a.Estatus" />
                                            </td>
                                            <td>
                                                <label for="chk_{{a.Id}}_{{a.IdProceso}}">
                                                    {{ a.Modulo }}
                                                </label>
                                            </td>
                                            <td>
                                                <label for="chk_{{a.Id}}_{{a.IdProceso}}">
                                                    {{ a.Descripcion }}
                                                </label>
                                                @*<div class="form-group" ng-if="a.Estatus && !a.Eliminada">
                                                <input id="txt_{{a.Id}}_{{a.Seccion}}" required
                                                       type="number"
                                                       min="0"
                                                       ng-model="a.MontoMaximo"
                                                       class="form-control" />
                                            </div>
                                </td>
                                </tr>
                                </tbody>
                                </table>
                            </div>
                    </form>
                            </div>
                        </div>*@
            </uib-tab>

            <uib-tab heading="Notificaciones" select="vm.cambioCorreo()" style="float:right;">
                <div><br /></div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        Configurador de Notificaciones
                    </div>
                    <div class="panel-body">
                        <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.ClienteCorreo"
                                               uib-typeahead="e as e.idRazon for e in vm.BuscarCliente($viewValue)"
                                               typeahead-loading="vm.buscandoUsuarios"
                                               typeaheead-no-results="vm.noHayUsuarios"
                                               typeahead-min-length="3"
                                               typeahead-on-select="vm.clienteSeleccionadoCorreo($item, $model, $label, $event)"
                                               class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div ng-if="vm.buscandoUsuarios">
                                    <i class="glyphicon glyphicon-hourglass"></i>
                                    Buscando...
                                </div>
                                <div class="alert alert-warning" ng-if="vm.noHayUsuarios">
                                    <i class="glyphicon-warning-sign glyphicon"></i>
                                    No se encontraron resultados
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group row">
                                    <label class="control-label col-sm-4" for="curps">Direcciones de Correo Electrónico</label>
                                    <div class="col-sm-8">
                                        <textarea style="width:100%"
                                                  ng-model="vm.ClienteCorreo.Correos"
                                                  disabled></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6" ng-repeat="ac in vm.ProcesosCorreos">
                                <div class="checkbox">
                                    <input type="checkbox"
                                           id="chk_{{ac.Id}}_{{ac.IdProceso}}"
                                           ng-model="ac.Estatus"
                                           ng-disabled="vm.ClienteCorreo.Id == null" />
                                    @*<label for="chk_{{a.Id}}_{{a.IdProceso}}">
                                            {{ a.Modulo }}
                                        </label>*@
                                    <label for="chk_{{ac.Id}}_{{ac.IdProceso}}">
                                        {{ ac.Descripcion }}
                                    </label>

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


                    <form novalidate ng-submit="vm.GuardarCorreo()" name="frmAsignar">
                        <div class="contenedor-tabla-aduanas">
                            <table class="table table-condensed table-striped" border="1">
                                <thead>
                                    <tr>
                                        <th style="text-align:center;padding:3px;background-color:#D8D8D8;">Cliente</th>
                                        <th style="text-align:center;padding:3px;background-color:#D8D8D8;" ng-repeat="a in vm.ProcesosCorreos">
                                            {{a.Abreviacion}}
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="cc in vm.ClientesConfiguradosCorreo.Elementos | filter: vm.busqueda">
                                        <td style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;">
                                            <a href="" class="" ng-click="vm.clienteSeleccionadoCorreo(cc, $model, $label, $event)"><i class="glyphicon glyphicon-pencil glyphicon" style="color:black;"></i></a>

                                            <a href="" class="" ng-click="vm.EliminarConfiguracionCorreo(cc)"><i class="glyphicon-trash glyphicon" style="color:black;"></i></a>
                                            {{cc.RazonSocial}}
                                        </td>
                                        <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="cc.Arribo_Vehiculo"><i class="glyphicon-ok glyphicon" style="color:green;"></i></td>
                                        <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="!cc.Arribo_Vehiculo"><i class="glyphicon-remove glyphicon" style="color:red;"></i></td>
                                        <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="cc.Danos"><i class="glyphicon-ok glyphicon" style="color:green;"></i></td>
                                        <td align="center" style="text-overflow: ellipsis;overflow:hidden;white-space:nowrap;padding:10px;" ng-if="!cc.Danos"><i class="glyphicon-remove glyphicon" style="color:red;"></i></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <ul uib-pagination
                            total-items="vm.ClientesConfiguradosCorreo.TotalElementos"
                            items-per-page="vm.ClientesConfiguradosCorreo.ElementosPagina"
                            direction-links="false"
                            boundary-link-numbers="true"
                            rotate="true"
                            max-size="4"
                            force-ellipses="true"
                            ng-model="vm.pagina"
                            ng-change="vm.buscarClientePagCorreo()"></ul>
                    </form>
                    <div class="text-right">
                        <button type="button" class="btn btn-primary" ng-click="vm.Cancelar()">
                            Cancelar
                        </button>
                        <button type="button" class="btn btn-primary" ng-click="vm.GuardarCorreo()" ng-disabled="vm.ClienteCorreo.Id == null">
                            Guardar
                        </button>
                    </div>

                </div>
                @*<div class="panel panel-primary" ng-if="vm.ClienteCorreo.Id != null">
                        <div class="panel-heading">
                            Modulos - Procesos
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-sm-3 col-sm-offset-9 form-group">
                                    <input type="text" class="form-control" placeholder="Buscar" ng-model="vm.busqueda" />
                                </div>
                            </div>
                            <form novalidate ng-submit="vm.GuardarCorreo()" name="frmAsignar">
                                <div class="text-right">
                                    <button type="submit" class="btn btn-primary" ng-disabled="frmAsignar.$invalid">
                                        Guardar
                                    </button>
                                </div>
                                <div class="contenedor-tabla-aduanas">
                                    <table class="table table-condensed table-striped">
                                        <thead>
                                            <tr>
                                                <th style="width:5em;text-align:center;">Selec.</th>
                                                <th>Módulo</th>
                                                <th>Proceso</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="a in vm.Procesos">
                                                <td>
                                                    <input type="checkbox"
                                                           id="chk_{{a.Id}}_{{a.IdProceso}}"
                                                           ng-model="a.Estatus" />
                                                </td>
                                                <td>
                                                    <label for="chk_{{a.Id}}_{{a.IdProceso}}">
                                                        {{ a.Modulo }}
                                                    </label>
                                                </td>
                                                <td>
                                                    <label for="chk_{{a.Id}}_{{a.IdProceso}}">
                                                        {{ a.Descripcion }}
                                                    </label>
                                                    @*<div class="form-group" ng-if="a.Estatus && !a.Eliminada">
                                                    <input id="txt_{{a.Id}}_{{a.Seccion}}" required
                                                           type="number"
                                                           min="0"
                                                           ng-model="a.MontoMaximo"
                                                           class="form-control" />
                                                </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>*@
            </uib-tab>
        </uib-tabset>
    </div>
@section scripts{
    <script src="~/Scripts/app/controladores/ReexpedicionController.js"></script>
    <script src="~/Scripts/app/factory/ReexpedicionFactory.js"></script>

    <script src="~/Scripts/app/controladores/modalGaleriaController.js"></script>
    <script src="~/Scripts/app/factory/gatepassFactory.js"></script>
    <script src="~/Scripts/select2.full.min.js"></script>
    <script type="text/javascript">
        $(".select2").select2({});
    </script>
}