{% block content %}
    <section class="wrapper">
        <div class="row">
            <div class="col-md-12">
                <h3 align="center">
                    Bienvenido a nuestra plataforma de Administraci&oacute;n
                </h3>
            </div>
        </div>
        <br>
        {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_USER') or  is_granted('ROLE_CAPTURISTA') %}
        <br><div class="row">
            <div class="col-md-12">
                <h3>
                    Nuestras aplicaciones
                </h3>
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-3">
                <div class="profile-nav alt" onclick="loadApp('risk')">
                    <section class="panel text-center">
                        <div class="user-heading alt wdgt-row gray-bg">
                            <i class="fa fa-line-chart"></i>
                        </div>
                        <div class="panel-body">
                            <div class="wdgt-value">
                                <p>RISK MANAGER</p>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="col-md-3">
                <div class="profile-nav alt" onclick="loadApp('risk-captura')">
                    <section class="panel text-center">
                        <div class="user-heading alt wdgt-row red-bg">
                            <i class="fa fa-cog"></i>
                        </div>
                        <div class="panel-body">
                            <div class="wdgt-value">
                                <p>RISK MANAGER CAPTURA</p>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="col-md-3">
                <div class="profile-nav alt" onclick="loadApp('kyoto')">
                    <section class="panel text-center">
                        <div class="user-heading alt wdgt-row terques-bg">
                            <i class="fa fa-user"></i>
                        </div>
                        <div class="panel-body">
                            <div class="wdgt-value">
                                <p>KYOTO</p>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="col-md-3">
                <div class="profile-nav alt" onclick="loadApp('api-data-set')">
                    <section class="panel text-center">
                        <div class="user-heading alt wdgt-row verde-bg">
                            <i class="fa fa-desktop"></i>
                        </div>
                        <div class="panel-body">
                            <div class="wdgt-value">
                                <p>API DATA SET</p>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        {% endif %}
    </section>
{% endblock %}