@extends('layouts.site')

@section('content')
<section id="lista-completa-seminarios">
    <div class="container-fluid">
        <h1 class="titulo-internas">Veja todos os Seminários</h1>
        <p style="color: #fff; margin-bottom: 24px;">
            Se deseja retirar seu <span style="color: #FFCB05;">certificado de participação</span>, clique abaixo na aba 
            <span style="font-weight: bold;"> Finalizados</span>
        </p>
        <!-- <nav>
            <ul class="nav-padrao nav nav-tabs mb-3" id="pills-tab">
                <li class="nav-item">
                    <a href="#pills-ativos" class="nav-link tab-status active" id="pills-ativos-tab" data-toggle="pill" role="tab" aria-controls="pills-ativos" aria-selected="true">Inscrições Abertas</a>
                </li>
                <li class="nav-item">
                    <a href="#pills-finalizados" class="nav-link tab-status" id="pills-finalizados-tab" data-toggle="pill" role="tab" aria-controls="pills-finalizados" aria-selected="false">Eventos Encerrados</a>
                </li>
            </ul>
        </nav> -->

        <div class="tab-content" id="pills-tabContent" >
            @foreach ($eventos as $key => $tipo)
            <div class="tab-pane fade {{ $key == 'ativos' ? 'active show' : '' }}" id="pills-{{ $key }}" role="tabpanel" aria-labelledby="pills-{{ $key }}-tab" >
                
                <!-- <iframe src="https://cnm.org.br/eventos_integracao/{{ $key }}?categoria_id=347&tipo=" width="100%" height="1000px" frameborder="0" allowfullscreen></iframe> -->

                <iframe src="https://cnm.org.br/eventos_integracao/ativos?categoria_id=347&tipo=" width="100%" height="1200px" frameborder="0" allowfullscreen></iframe>

            </div>    
            @endforeach
        </div>
       
    </div>
    </div>
</section>
@endsection