@extends('template.layout')
@section('content')

    <div class="row margin-bottom-40 about-header" style="background-image: url({{ asset('img/iniciobg.png') }}); background-position: center;">
        <div class="col-md-12">
            <h1>{{ config('constants.SISTEMAS')[config('constants.GENERAL.SISTEMA')] }}</h1>
            <h2>{{ config('constants.INSTITUCIONES')[config('constants.GENERAL.INSTITUCION')] }}</h2>
        </div>
    </div>

    <h1 class="page-title">
        Accesos R&aacute;pidos
    </h1>
    <div class="row">
        @if(Auth::user()->hasRole('Administrador'))
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 foro-responsive">
                <a class="dashboard-stat dashboard-stat-v2 green" href="{{ url('asistencia/personal') }}">
                    <div class="visual">
                        <i class="fa fa-comments"></i>
                    </div>
                    <div class="details">
                        <div class="number">
                            <span> Asistencia </span>
                        </div>
                        <div class="desc"> Asistencia del Personal </div>
                    </div>
                </a>
            </div>
        @endif
            @if(Auth::user()->hasRole('Alumno'))
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 foro-responsive">
                    <a class="dashboard-stat dashboard-stat-v2 green" href="{{ url('misnotas') }}">
                        <div class="visual">
                            <i class="fa fa-comments"></i>
                        </div>
                        <div class="details">
                            <div class="number">
                                <span> Notas Actuales </span>
                            </div>
                            <div class="desc"> Notas del Periodo Actual </div>
                        </div>
                    </a>
                </div>
            @endif
            @if(Auth::user()->hasRole('Profesor'))
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 foro-responsive">
                    <a class="dashboard-stat dashboard-stat-v2 green" href="{{ url('registro/secciones') }}">
                        <div class="visual">
                            <i class="fa fa-comments"></i>
                        </div>
                        <div class="details">
                            <div class="number">
                                <span> Registro de Notas </span>
                            </div>
                            <div class="desc"> Registro de Notas de los Alumnos </div>
                        </div>
                    </a>
                </div>
            @endif
            @if(Auth::user()->hasRole('Tesorero'))
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 foro-responsive">
                    <a class="dashboard-stat dashboard-stat-v2 green" href="{{ url('tesoreria/pagos') }}">
                        <div class="visual">
                            <i class="fa fa-comments"></i>
                        </div>
                        <div class="details">
                            <div class="number">
                                <span> Registrar Pagos </span>
                            </div>
                            <div class="desc"> Generar Nuevos Pagos en Tesorer&iacute;a </div>
                        </div>
                    </a>
                </div>
            @endif
        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 foro-responsive">
            <a class="dashboard-stat dashboard-stat-v2 red" href="{{ url('foro') }}">
                <div class="visual">
                    <i class="fa fa-bar-chart-o"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span> Foro </span>
                    </div>
                    <div class="desc"> Foro de la Comunidad Acad&eacute;mica </div>
                </div>
            </a>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 foro-responsive">
            <a class="dashboard-stat dashboard-stat-v2 yellow" href="{{ url('messages') }}">
                <div class="visual">
                    <i class="fa fa-bar-chart-o"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span> Chat </span>
                    </div>
                    <div class="desc"> Comun&iacute;cate con Otros Usuarios </div>
                </div>
            </a>
        </div>
    </div>
    <h4 class="page-title">Noticias</h4>
    <div class="portlet light">
        <div class="portlet-body">
            @if(empty($news) || count($news)==0)
                <h4 class="text-center">No hay noticias disponibles</h4>
            @else
                <div class="owl-carousel owl-theme">
                    @foreach($news as $new)
                        <div class="item">
                            <img src="{{ asset($new->urlimagen) }}" />
                            <h4>{{ $new->nombre }}</h4>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $('.owl-carousel').owlCarousel({
            loop:false,
            center: true,
            margin:10,
            responsiveClass:true,
            responsive:{
                0:{
                    items:1,
                    nav:true
                },
                600:{
                    items:3,
                    nav:false
                },
                1000:{
                    items:5,
                    nav:true,
                    loop:false
                }
            }
        });
    </script>
@endsection