@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "Dashboard Oficialia";
}
<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.IndicadoresOficialia()">
        <div class="title_left">
            
        </div>
        <div class="title_right">
            
        </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>Expedientes Radicados</h2>
                    <ul class="nav navbar-right panel_toolbox"></ul>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content" ng-hide="">
                    <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-arrow-circle-o-right fa-2x" style="color:green;"></i> Total <br />Radicados</span>
                                <div class="count">{{vm.IndicadorOficialia[0].Radicados}}</div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-6 tile_stats_count">
                                <span class="count_top"><i class="fa fa-arrow-circle-o-right fa-2x"></i> Administrativa <br />&nbsp;</span>
                                <div class="count">{{vm.IndicadorOficialia[0].ADMINISTRATIVA}}</div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-6 tile_stats_count">
                                <span class="count_top"><i class="fa fa-arrow-circle-o-right fa-2x" style="color:green;"></i> Fiscal <br /></span>
                                <div class="count">{{vm.IndicadorOficialia[0].FISCAL}}</div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-6 tile_stats_count">
                                <span class="count_top"><i class="fa fa-arrow-circle-o-right fa-2x" style="color:red;"></i> Responsabilidad Administrativa <br /></span>
                                <div class="count">{{vm.IndicadorOficialia[0].PRA}}</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>
}