@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('Mesa de partes'))
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 foro-responsive">
                <a class="dashboard-stat dashboard-stat-v2 blue" href="{{ url('mesadepartes') }}">
                    <div class="visual">
                        <i class="fa fa-comments"></i>
                    </div>
                    <div class="details">
                        <div class="number">
                            <span> Mesa de Partes </span>
                        </div>
                        <div class="desc"> Listado de Expedientes  </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 green" href="{{ url('admin/tramite') }}">
                    <div class="visual">
                        <i class="fa fa-comments"></i>
                    </div>
                    <div class="details">
                        <div class="number">
                            <span> Trámites </span>
                        </div>
                        <div class="desc"> Listado de trámites TUPA </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 red" href="{{ route("mesa.reportdiary.index")}}">
                    <div class="visual">
                        <i class="fa fa-comments"></i>
                    </div>
                    <div class="details">
                        <div class="number">
                            <span> Reportes </span>
                        </div>
                        <div class="desc"> Reportes Estadisticos y Gráficos </div>
                    </div>
                </a>
            </div>
        @endif


        @if(Auth::user()->hasRole('Dependencia'))
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 foro-responsive">
                <a class="dashboard-stat dashboard-stat-v2 blue" href="{{ url('admin/tramite/expedientes') }}">
                    <div class="visual">
                        <i class="fa fa-comments"></i>
                    </div>
                    <div class="details">
                        <div class="number">
                            <span>Seguimiento</span>
                        </div>
                        <div class="desc"> Expedientes  Derivados</div>
                    </div>
                </a>
            </div>

        @endif

      
    </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