@section('header')
    <style type="text/css">
        .text-white {
            color: #ffffff !important;
            text-shadow: 1px 1px 2px #666;
        }
        .widget-box-two {
            cursor: pointer;
            display: block !important;
        }
        .widget-two-default {
            background-color: rgba(76, 76, 76, 0.20);
            border-color: #0c0c0c;
        }
        .widget-two-default .widget-two-icon {
            color: #ffffff !important;
            border: 2px solid rgba(255, 255, 255, 0.7) !important;
        }
    </style>
@stop

<div class="row">
    <div class="col-xs-12">
        <div class="page-title-box">
            <h4 class="page-title"><i class="mdi mdi-view-dashboard"></i> {{ $titulo }} </h4>
            <div class="clearfix"></div>
        </div>
    </div>
</div>

<div class="row">

    @if( $modulo )
        @if( \App\Entities\RolesOpciones::opcionesPorModulo( $modulo->id, null, true ) )
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="waves-effect waves-light card-box widget-box-two {{ $modulo->color }}">
                    <i class="{{ $modulo->icono }} widget-two-icon"></i>
                    <div class="wigdet-two-content text-white">

                        <h2 class="text-white"><span >{{ $modulo->nombre }}</span></h2>
                        <p class="m-0 text-uppercase font-600 font-secondary text-overflow">{{ $modulo->descripcion }}</p>
                        <p class="m-0 font-11">{{ $modulo->descripcion2 }}</p>
                    </div>
                </div>
            </div>
        @endif
    @endif
    @if( $modulos )

        @foreach( $modulos as $modulo )

            @if( \App\Entities\RolesOpciones::opcionesPorModulo( $modulo->id, null, true ) )
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div onclick="location.href='/dashboard/{{ $modulo->id }}/{{ str_slug($modulo->nombre) }}'" class="waves-effect waves-light card-box widget-box-two {{ $modulo->color }}">
                    <i class="{{ $modulo->icono }} widget-two-icon"></i>
                    <div class="wigdet-two-content text-white">

                        <h2 class="text-white"><span >{{ $modulo->nombre }}</span></h2>
                        <p class="m-0 text-uppercase font-600 font-secondary text-overflow">{{ $modulo->descripcion }}</p>
                        <p class="m-0 font-11">{{ $modulo->descripcion2 }}</p>
                    </div>
                </div>
            </div>

            @endif
        @endforeach
    @endif

</div>
<div class="clearfix"></div>