@using Oware.Util.Mvc

@{
    ViewBag.Title = "Lista de Acuerdos";
}
<style>
    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%;
    }

    td, th {
        border: 2px solid #dddddd;
        text-align: center;
        padding: 8px;
    }

    th {
        background-color: darkgrey;
    }

    tr:nth-child(even) {
        background-color: #dddddd;
    }

    input[type=date]::-webkit-inner-spin-button,
    input[type=date]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
</style>
<div class="row" ng-controller="ListasControllers as vm">
    <div class="container-fluid" ng-init="vm.Iniciar()">
        <div class="col-md-9">
            <h3>BUSQUEDA DE BOLETÍN JURISDICCIONAL</h3>
        </div>
        <div class="col-md-3">
            @*<button type="button" class="btn btn-primary" style="" ng-click=""><span class="glyphicon glyphicon-question-sign"></span></button>*@
            <a href="~/Resources/AYUDABOLETIN.pdf" target="_blank">
                <p>Ayuda para búsqueda  <span class="glyphicon glyphicon-question-sign"></span></p>
            </a>
        </div>
        <div class="col-md-12"><br /></div>
        <div class="col-md-3"><br /></div>
        <div class="col-md-6" style="text-align:center"><b>Período de búsqueda</b></div>
        <div class="col-md-3"><br /></div>
        <div class="col-md-3 col-xs-3">
            <div class="">
                <label>Sala: </label>
                <select ng-model="vm.Sala" class="form-control">
                    <option value="1">Primera Sala</option>
                    <option value="2">Segunda Sala</option>
                    <option value="3">Tercera Sala</option>
                    <option value="4">Cuarta Sala</option>
                    <option value="5">Sala Superior</option>
                </select>
                <div style="color:darkgrey"><i>*Obligatorio</i></div>
            </div>
        </div>
        <div class="col-md-3 col-xs-3">
            <div>
                <label>Fecha de Inicio:</label>
                <input ng-model="vm.FechaI" type="date" class="form-control" />
                <div style="color:darkgrey"><i>*Obligatorio</i></div>
            </div>
        </div>
        <div class="col-md-3 col-xs-3">
            <div class="form-group">
                <label>Fecha Final:</label>
                <input ng-model="vm.FechaF" type="date" class="form-control" />
                <div style="color:darkgrey"><i>*Obligatorio</i></div>
            </div>
        </div>
        <div class="col-md-3 col-xs-3">
            <div class="form-group">
                <label>Expediente:</label>
                <input ng-model="vm.Expediente" type="text" class="form-control" />
            </div>
        </div>
        <div class="col-md-12"><br /></div>
        <div class="col-md-6 col-xs-6">
            <div class="form-group">
                <label>Actor:</label>
                <input ng-model="vm.Actor" type="text" class="form-control" />
            </div>
        </div>
        <div class="col-md-6 col-xs-6">
            <div class="form-group">
                <label>Autoridad:</label>
                <input ng-model="vm.Autoridad" type="text" class="form-control" />
            </div>
        </div>
        <div class="col-md-8 col-xs-6" style="color:darkgrey"><i>*Para búsqueda relacionado con expedientes del actor</i></div>
        <div class="col-md-2 col-xs-3">
            <button type="button" class="btn btn-primary" style="float:right;" ng-click="vm.BuscarLista();">Buscar</button>
        </div>
        <div class="col-md-2 col-xs-3" style="float:right;">
            <button type="button" class="btn btn-info" style="float:right;" ng-click="vm.LimpiarBusqueda();">Limpar</button>
        </div>
    </div>
    <div class="col-md-12"><br /></div>
    <div class="col-md-12">
        <h4 style="text-align:justify;font-family:Arial;font-size:12px;">
            CON FUNDAMENTO EN LO DISPUESTO POR LOS ARTÍCULOS 9, FRACCIÓN VII, XII, XIII, PRIMERO Y SEGUNDO PÁRRAFO, 15, FRACCIÓN XXXVI,
            DE LA LEY DE TRANSPARENCIA Y ACCESO A LA INFORMACIÓN PÚBLICA PARA EL ESTADO DE VERACRUZ DE IGNACIO DE LA LLAVE; 113 Y 114
            DE LA LEY DE PROTECCIÓN DE DATOS PERSONALES EN POSESIÓN DE SUJETOS OBLIGADOS PARA EL ESTADO DE VERACRUZ DE IGNACIO DE LA LLAVE Y;
            34, FRACCIÓN XVI Y 36, FRACCIÓN XIII, XIV DE LA LEY ORGÁNICA DEL TRIBUNAL ESTATAL DE JUSTICIA ADMINISTRATIVA, SE PUBLICITA LA
            ACTIVIDAD JURISDICCIONAL DE LAS SALAS DEL TRIBUNAL ESTATAL DE JUSTICIA ADMINISTRATIVA.
        </h4>
    </div>
    <div class="col-md-12"><br /></div>
    <div class="col-md-12 col-xs-12">
        <table class="table table-bordered table-hover" style="width:100%" ng-hide="vm.Listas.length==0||!vm.Listas">
            <thead>
                <tr>
                    <th style="width:15%">EXPEDIENTE</th>
                    <th style="width:20%">ACTOR</th>
                    <th style="width:25%">AUTORIDAD</th>
                    <th style="width:10%">FECHA DE ACUERDO</th>
                    <th style="width:30%">ACUERDO</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="l in vm.Listas">
                    <td>{{l.Expediente}}</td>
                    <td>{{l.Actor}}</td>
                    <td>{{l.Autoridad}}</td>
                    <td>{{l.FechaAcuerdo.substr(6,13) | date:'dd/MM/yyyy'}}</td>
                    <td>{{l.Acuerdo}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

@section scripts{
    <script src="~/Scripts/app/controladores/Listas/ListasControllers.js"></script>    
    <script src="~/Scripts/app/factory/ReexpedicionFactory.js"></script>
}