{{-- Block --}}
<div class="c-bg c-bg--ice c-bg--secondary c-bg--cards-mobile 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">Governança</h2>

            <div class="c-slider js-slick-cards-mobile">

                <div class="c-slider__item">
                    <div class="c-card c-card--secondary">
                        <picture class="c-card__svg">
                            <svg width="42" height="51">
                                <use xlink:href="#secretary"/>
                            </svg>
                        </picture>

                        <h3 class="o-ttl--18 o-ttl--brand-secondary o-ttl--center">Secretaria Executiva</h3>
                        <p class="o-ttl--center">Coordena os trabalhos da ABIPAG na esfera administrativa e financeira.</p>

                        <div class="c-card__content">
                            <div class="c-card__item">
                                <h3 class="o-ttl--brand-secondary">{{ $data->first_role }}:</h3>
                                <div class="c-card__name">
                                    <p>{{ $data->first_role_name }}</p>
                                    <a href="{{ $data->first_role_linkedin }}" target="_blank">
                                        <svg width="30" height="30">
                                            <title>Linkedin</title>
                                            <use xlink:href="#linkedin"/>
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            @if($data->second_role)
                                <div class="c-card__item">
                                    <h3 class="o-ttl--brand-secondary">{{ $data->second_role }}:</h3>
                                    <div class="c-card__name">
                                        <p>{{ $data->second_role_name }}</p>
                                        <a href="{{ $data->second_role_linkedin }}" target="_blank">
                                            <svg width="30" height="30">
                                                <title>Linkedin</title>
                                                <use xlink:href="#linkedin"/>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            @endif
                        </div>

                    </div>
                </div>

                <div class="c-slider__item">
                    <div class="c-card c-card--secondary">
                        <picture class="c-card__svg">
                            <svg width="68" height="51">
                                <use xlink:href="#board"/>
                            </svg>
                        </picture>

                        <h3 class="o-ttl--18 o-ttl--brand-secondary o-ttl--center">Diretoria</h3>

                        <p class="o-ttl--center">Órgão responsável pela manutenção da estrutura e execução do objeto social da ABIPAG.</p>

                        @if(count($board_of_directory) > 0)
                        <div class="c-card__logos">
                            @foreach($board_of_directory as $item)
                            <img src="{{$item->getImage()}}" alt="{{$item->title}}">
                            @endforeach
                        </div>
                        @endif

                    </div>
                </div>

                <div class="c-slider__item">
                    <div class="c-card c-card--secondary">
                        <picture class="c-card__svg">
                            <svg width="46" height="51">
                                <use xlink:href="#advice"/>
                            </svg>
                        </picture>

                        <h3 class="o-ttl--18 o-ttl--brand-secondary o-ttl--center">Conselho Consultivo</h3>
                        <p class="o-ttl--center">Órgão responsável pela condução de debates de cunho jurídico, econômico, mercadológico e estratégico acerca de assuntos de relevância para a ABIPAG.</p>

                        @if(count($board_of_council) > 0)
                        <div class="c-card__logos">
                            @foreach($board_of_council as $item)
                            <img src="{{$item->getImage()}}" alt="{{$item->title}}">
                            @endforeach
                        </div>
                        @endif

                    </div>
                </div>
            </div>

            {{-- @include('partials.statute-btn-download') --}}
        </div>
    </div>
</div>
{{-- End: Block --}}