@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "Dashboard";
}
<script>
    var idUsuario = @ViewBag.idUsuario;
    var idSala = @ViewBag.idSala;    
</script>
<div class="row" ng-controller="SentenciasController as vm">
    <div class="page-title" ng-init="vm.Indicadores()">
        <div class="title_left">
            @*<h3>Plain Page</h3>*@
        </div>
        <div class="title_right">
            @*<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search for...">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">Go!</button>
                        </span>
                    </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">
                <div class="x_title">
                    <h2>Indicador de Sentencias</h2>@*<a class="btn btn-success" href="http://192.168.0.28/digital/docs/Dell.pdf" target="_blank">prueba</a>*@
                    <ul class="nav navbar-right panel_toolbox">
                        @*<li>
                                <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li>
                                        <a href="#">Settings 1</a>
                                    </li>
                                    <li>
                                        <a href="#">Settings 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a class="close-link"><i class="fa fa-close"></i></a>
                            </li>*@
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content" ng-hide="!vm.Proyectista">
                    <div class="row tile_count">
                        <center>
                            <div class="col-md-3 col-sm-3 col-xs-6 tile_stats_count">
                                <span class="count_top"><i class="fa fa-check-circle-o fa-2x" style="color:red;"></i> Resoluciones 1ra instancia <br />Pendientes</span>
                                <div class="count">{{vm.Primera_Pendientes}}</div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-6 tile_stats_count">
                                <span class="count_top"><i class="fa fa-check-circle-o fa-2x" style="color:green;"></i> Resoluciones 1ra instancia <br />Emitidas</span>
                                <div class="count">{{vm.Primera_Cerradas}}</div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-6 tile_stats_count">
                                <span class="count_top"><i class="fa fa-check-circle-o fa-2x" style="color:red;"></i> Resoluciones 2da instancia <br />Pendientes</span>
                                <div class="count">{{vm.Segunda_Pendientes}}</div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-6 tile_stats_count">
                                <span class="count_top"><i class="fa fa-check-circle-o fa-2x" style="color:green;"></i> Resoluciones 2da instancia <br />Emitidas</span>
                                <div class="count">{{vm.Segunda_Cerradas}}</div>
                            </div>
                        </center>
                    </div>
                </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">
                <div class="x_title">
                    <h2>Indicador de Juicio de Amparo Directo</h2>
                    <ul class="nav navbar-right panel_toolbox"></ul>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content" ng-hide="!vm.Proyectista">
                    <div class="row tile_count">
                        <center>
                            <div class="col-md-2 col-sm-2 col-xs-6 tile_stats_count">

                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-6 tile_stats_count">
                                <span class="count_top"><i class="fa fa-check-circle-o fa-2x" style="color:red;"></i> Cumplimientos <br />Pendientes</span>
                                <div class="count">{{vm.Amparo_Pendientes}}</div>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-6 tile_stats_count">
                                <span class="count_top"><i class="fa fa-check-circle-o fa-2x" style="color:green;"></i> Cumplimientos <br />Emitidos</span>
                                <div class="count">{{vm.Amparo_Cerradas}}</div>
                            </div>
                            <div class="col-md-2 col-sm-2 col-xs-6 tile_stats_count">
                                <span class="count_top">&nbsp;</span>
                                <div class="count">&nbsp;</div>
                            </div>
                        </center>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
    @section scripts{
        <script src="~/Scripts/app/controladores/Cedula/ListaCedulasController.js"></script>
        <script src="~/Scripts/app/controladores/Sentencias/SentenciasController.js"></script>
        <script src="~/Scripts/app/controladores/Cedula/CedulaController.js"></script>
        <script src="~/Scripts/app/factory/ReexpedicionFactory.js"></script>
        <script src="~/Scripts/angular-base64-upload.js"></script>
    }