@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "Sala";
}
<script>
    var idUsuario = @ViewBag.idUsuario;
    var idSala = @ViewBag.idSala;
    var token="@ViewBag.token";
</script>
<style>
    .table-wrapper-scroll-y {
        display: block;
        max-height: 100px;
        overflow-y: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
</style>
<div class="row" ng-controller="SalaController as vm">
    <div class="" ng-init="vm.ObtenerMesas();">
        <div class="page-title">
            <div class="title_left">
                <h3>Expedientes asignados</h3>
            </div>
            <div class="title_right">
                <div class="col-md-4 col-sm-4 col-xs-12" style="text-align:right">
                    <input type="date" ng-model="vm.Fecha" class="form-control" ng-change="vm.ObtenerMesas();" />
                </div>
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">                    
                    <button class="btn btn-primary" ng-click="vm.EnviarSala(idSala,0,vm.Fecha)" ng-hide="true">Recibir todos <span class="fa fa-download"></span></button>                    
                    <ul class="nav navbar-right panel_toolbox"></ul>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel" ng-hide="vm.ExpedientePendientes.length==0">
                    <div class="x_title">
                        <h2>Expedientes registrados sin Mesa Asignada</h2>
                        <div class="input-group pull-right top_search">
                            <span class="input-group-btn">

                            </span>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">

                        <table class="table" style="font-size:x-small">
                            <thead>
                                <tr>
                                    <th ng-hide="true">ID</th>                                    
                                    <th>EXPEDIENTE</th>
                                    <th>ACTOR(ES)</th>
                                    <th>AUTORIDAD(ES)</th>
                                    <th>ACTO IMPUGNADO</th>
                                    <th>TIPO DEMANDA</th>                                    
                                    <th>ETAPA PROCESAL</th>
                                    <th>FECHA PRESENTACIÓN</th>                                    
                                    <th style="width:8%">ASIGNAR MESA</th>  
                                    <th>RECIBIR</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="e in vm.ExpedientePendientes"
                                    ng-class="{Sumario : e.TipoDemanda == 'JUICIO SUMARIO'&&e.EtapaProcesal=='DEMANDA'}">
                                    <td ng-hide="true">{{e.id}}</td>                                    
                                    <td>{{e.numExpediente}}</td>
                                    <td>{{e.Actores}}</td>
                                    <td>{{e.Autoridades}}</td>
                                    <td>{{e.ActoImpugnado}}</td>
                                    <td>{{e.TipoDemanda}}</td>                                    
                                    <td>{{e.EtapaProcesal}}</td>
                                    <td>{{e.FechaRecepcion.substr(6,13) | date:'dd/MM/yyyy'}}</td>                                    
                                    <td>
                                        <select ng-model="vm.MesaSeleccionada[e.id]" class="form-control" ng-hide="e.FechaEnvioSala==null">
                                            <option ng-repeat="s in vm.Mesas" value={{s.NumMesa}}>{{s.Prefijo}}</option>
                                        </select>                                        
                                    </td>        
                                    <td>
                                        <button class="btn btn-primary" ng-click="vm.AsignarMesaSala(e.id, vm.MesaSeleccionada[e.id])" ng-hide="e.FechaEnvioSala==null">
                                            <span class="fa fa-check"></span>
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>


                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel" ng-repeat="s in vm.Mesas" ng-hide="vm.Expedientes[s.NumMesa-1].length==0">
                    <div class="x_title">
                        <h2>Expedientes registrados Mesa: {{s.Prefijo}}</h2>
                        <div class="input-group pull-right top_search">                            
                            <span class="input-group-btn">

                            </span>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">

                        <table class="table" style="font-size:x-small">
                            <thead>
                                <tr>
                                    <th ng-hide="true">ID</th>
                                    <th>CONSECUTIVO</th>
                                    <th>EXPEDIENTE</th>
                                    <th>ACTOR(ES)</th>
                                    <th>AUTORIDAD(ES)</th>
                                    <th>ACTO IMPUGNADO</th>
                                    <th>TIPO DEMANDA</th>
                                    <th>ANEXOS</th>
                                    <th>ETAPA PROCESAL</th>
                                    <th>FECHA PRESENTACIÓN</th>
                                    <th>ACUMULABLE</th>
                                    <th>ENVIAR A SALA</th>
                                    <th>RECIBIR</th>
                                    <th>CONFIRMAR DATOS</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="e in vm.Expedientes[s.NumMesa-1]"
                                    ng-class="{Sumario : e.TipoDemanda == 'JUICIO SUMARIO'&&e.EtapaProcesal=='DEMANDA'}">
                                    <td ng-hide="true">{{e.id}}</td>
                                    <td>{{e.Consecutivo}}</td>
                                    <td>{{e.numExpediente}}</td>
                                    <td>{{e.Actores}}</td>
                                    <td>{{e.Autoridades}}</td>
                                    <td>{{e.ActoImpugnado}}</td>
                                    <td>{{e.TipoDemanda}}</td>
                                    <td>{{e.TotalAnexos}}</td>
                                    <td>{{e.EtapaProcesal}}</td>
                                    <td>{{e.FechaRecepcion.substr(6,13) | date:'dd/MM/yyyy'}}</td>
                                    <td ng-hide="e.PAcumulado"><span class="fa fa-times-circle-o fa-3x" style="color:red;"></span></td>
                                    <td ng-hide="!e.PAcumulado"><span class="fa fa-exclamation-triangle fa-3x" style="color:sandybrown;"></span></td>                                   
                                    <td>
                                        <span ng-hide="e.FechaEnvioSala==null">{{e.FechaEnvioSala.substr(6,13) | date:'dd/MM/yyyy'}}</span>
                                        <span ng-hide="e.FechaEnvioSala!=null">PENDIENTE</span>                                        
                                    </td>
                                    <td>
                                        <div ng-hide="e.FechaEnvioSala==null">
                                            <span ng-hide="e.FechaRecepcionSala==null">{{e.FechaRecepcionSala.substr(6,13) | date:'dd/MM/yyyy'}}</span>
                                            <button class="btn btn-primary" ng-hide="e.FechaRecepcionSala!=null" ng-click="vm.RecibirSala(e.id,0,vm.Fecha)"><span class="fa fa-download"></span></button>
                                        </div>
                                    </td>
                                    <td>
                                        <button class="btn btn-success" ng-hide="e.FechaRecepcionSala==null" ng-click="vm.RedirectEditar(e.id)"><span class="fa fa-edit"></span></button>
                                    </td>                                    
                                </tr>
                            </tbody>
                        </table>


                    </div>
                </div>



            </div>
        </div>

    </div>
</div>

@section scripts{
    <script src="~/Scripts/app/controladores/Sala/SalaController.js"></script>    
    <script src="~/Scripts/app/factory/Sala/SalaFactory.js"></script>
    <script src="~/Scripts/app/factory/ReexpedicionFactory.js"></script>
    <script src="~/Scripts/angular-base64-upload.js"></script>
}