@extends('template.layout')
@section('styles')
@endsection

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

    <h1 class="page-title">
        Categor&iacute;as
    </h1>

    <div class="row">
        @if (!empty($categorias) && count($categorias) > 0 )
            @foreach($categorias as $categoria)
                <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('foro/categoria', ['id' => $categoria->id]) }}">
                    <div class="visual">
                        <i class="fa fa-comments"></i>
                    </div>
                    <div class="details" style="width:85%">
                        <div class="number">
                            <span>{{ $categoria->nombre }}</span>
                        </div>
                        <div class="desc"> {{ $categoria->descripcion }} </div>
                    </div>
                    </a>
                </div>
            @endforeach
        @else
            <label class="empty-message">No presenta categorías</label>
        @endif
    </div>

    <h1 class="page-title">
        Mis Temas
    </h1>
    <div class="row">
        <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('foro/creados') }}">
            <div class="visual">
                <i class="fa fa-comments"></i>
            </div>
            <div class="details">
                <div class="number">
                    <span>Creados</span>
                </div>
                <div class="desc"> Mis temas creados </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="{{ url('foro/favoritos') }}">
            <div class="visual">
                <i class="fa fa-bar-chart-o"></i>
            </div>
            <div class="details">
                <div class="number">
                    <span> Favoritos </span>
                </div>
                <div class="desc"> Temas favoritos </div>
            </div>
            </a>
        </div>
    </div>
@endsection

@section('scripts')

@endsection