@extends('templates.layout')

@section('title', 'Comitês e Grupos de Trabalho')

@section('description', '')

@section('content')

    <main class="c-main-content">

        {{-- Banner --}}
        @include('partials.common-banner', [
            'image' => asset('../img/banner-top.jpg'),
            'title' => 'COMITÊS E GRUPOS DE TRABALHO'
        ])
        {{-- End: Banner --}}

        {{-- Block --}}
        <div id="comites" class="c-bg js-animated-start">
            <div class="o-content-block o-content-block--1066 appear-in appear-in-top">
                <div class="o-content-block--left o-content-block--right">
                    <h2 class="o-ttl-title">Comitês</h2>

                    @if($forums)
                    <div class="o-grid o-grid__col-2 o-grid__gap-40">
                        @foreach($forums as $i => $forum)
                            @include('partials.common-card', [
                                'class' => 'c-common-card--secondary',
                                'img'   => $forum->getImage(),
                                'title' => $forum->title,
                                'text'  => $forum->description,
                                'logos' => $forum->logos
                            ])
                        @endforeach
                    </div>
                    @endif

                </div>
            </div>
        </div>
        {{-- End: Block --}}

        {{-- Block --}}
        <div id="grupos-de-trabalho" class="c-bg c-bg--ice js-animated">
            <div class="o-content-block o-content-block--1066 appear-in appear-in-top">
                <div class="o-content-block--left o-content-block--right">
                    <h2 class="o-ttl-title">Grupos de trabalho</h2>

                    @if($groups)
                    <div class="o-grid o-grid__col-2 o-grid__gap-40">
                        @foreach($groups as $i => $group)
                            @include('partials.common-card', [
                                'class' => 'c-common-card--secondary',
                                'img'   => $group->getImage(),
                                'title' => $group->title,
                                'text'  => $group->description,
                                'logos' => $group->logos
                            ])
                        @endforeach
                    </div>
                    @endif

                    <a href="{{ url(route('pages.contact')) }}" class="o-btn o-btn--primary o-btn--center o-btn--mt-40">Seja associado!</a>
                </div>
            </div>
        </div>
        {{-- End: Block --}}
    </main>

@stop