@extends('front.principal')
@section('content')
{{-- <section class="chamadaPrincipal">
    <div class="conteudoChamada">
        <h3>Convenção 2025</h3>
        <img src="{{ asset('front/img/chamada-inicio.png') }}" alt="" height="120">
        <div class="items">
            <span>Comunicação</span>
            <span class="borderlr">Colaboração</span>
            <span>Comprometimento</span>
        </div>
        <div class="desc">
            Confira a agenda completa das atividades da Convenção 2025 <b>AON</b>.
        </div>
        <a href="" class="btn btn-padrao btn-lg">agenda do evento</a>
    </div>
</section>
<section class="chamadaEvento">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <ul class="nav nav-pills mb-3 justify-content-center tabs-evento" id="pills-tab" role="tablist">
                    <li class="nav-item mb-3" role="presentation">
                        <button class="nav-link w-lg-auto" id="evento-um-tab" data-bs-toggle="pill"
                            data-bs-target="#evento-um" type="button" role="tab" aria-controls="evento-um"
                            aria-selected="true">
                            <span>1º DIA</span>
                            <small>01 de Fevereiro</small>
                        </button>
                    </li>
                    <li class="nav-item mb-3" role="presentation">
                        <button class="nav-link w-lg-auto" id="evento-dois-tab" data-bs-toggle="pill"
                            data-bs-target="#evento-dois" type="button" role="tab" aria-controls="evento-dois"
                            aria-selected="false">
                            <span>2º DIA</span>
                            <small>02 de Fevereiro</small>
                        </button>
                    </li>
                    <li class="nav-item mb-3" role="presentation">
                        <button class="nav-link w-lg-auto" id="evento-tres-tab" data-bs-toggle="pill"
                            data-bs-target="#evento-tres" type="button" role="tab" aria-controls="evento-tres"
                            aria-selected="false">
                            <span>3º DIA</span>
                            <small>03 de Fevereiro</small>
                        </button>
                    </li>
                </ul>
                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="evento-um" role="tabpanel"
                        aria-labelledby="evento-um-tab" tabindex="0">
                        <div class="hstack">
                            <div class="date">09hrs - 12hrs</div>
                            <div class="desc_evento">
                                Chegada dos Participantes
                            </div>
                        </div>

                        <div class="hstack">
                            <div class="date">09hrs - 12hrs</div>
                            <div class="desc_evento">Chegada dos Participantes</div>
                        </div>

                        <div class="hstack">
                            <div class="date">09hrs - 12hrs</div>
                            <div class="desc_evento">Chegada dos Participantes</div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="evento-dois" role="tabpanel" aria-labelledby="evento-dois-tab"
                        tabindex="0">
                        <div class="hstack">
                            <div class="date">09hrs - 12hrs</div>
                            <div class="desc_evento">Chegada dos Participantes</div>
                        </div>

                        <div class="hstack">
                            <div class="date">09hrs - 12hrs</div>
                            <div class="desc_evento">Chegada dos Participantes</div>
                        </div>

                        <div class="hstack">
                            <div class="date">09hrs - 12hrs</div>
                            <div class="desc_evento">Chegada dos Participantes</div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="evento-tres" role="tabpanel" aria-labelledby="evento-tres-tab"
                        tabindex="0">
                        <div class="hstack">
                            <div class="date">09hrs - 12hrs</div>
                            <div class="desc_evento">Chegada dos Participantes</div>
                        </div>

                        <div class="hstack">
                            <div class="date">09hrs - 12hrs</div>
                            <div class="desc_evento">Chegada dos Participantes</div>
                        </div>

                        <div class="hstack">
                            <div class="date">09hrs - 12hrs</div>
                            <div class="desc_evento">Chegada dos Participantes</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="chamadaPalestras bg-sections">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <p class="text-center">Horário das</p>
                <h2 class="text-center titulo-padrao mb-5">Palestras</h2>

                <!-- START:: LOOP -->
                <div class="hstack">
                    <div class="date">09hrs às 12hrs</div>
                    <div class="desc_evento">
                        <div class="custom-box d-flex align-items-center vMobile">
                            <img src="https://jornalosertanejo.com.br/wp-content/uploads/2022/10/sEGURO-eVENTOS-1.jpg"
                                alt="Imagem do Evento">
                            <div>
                                <h5 class="mb-1"><b>Essa palestra está ativa agora</b></h5>
                                <p class="mb-0">Palestra ativa.</p>
                                <hr>
                                <a href="{{ route('palestra.front') }}" class="btn btn-padrao btn-sm">saiba mais</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END:: LOOP -->

                <!-- START:: LOOP -->
                <div class="hstack">
                    <div class="date">09hrs às 12hrs</div>
                    <div class="desc_evento">
                        <div class="custom-box d-flex align-items-center vMobile">
                            <img src="https://jornalosertanejo.com.br/wp-content/uploads/2022/10/sEGURO-eVENTOS-1.jpg"
                                alt="Imagem do Evento">
                            <div>
                                <h5 class="mb-1"><b>Essa palestra está ativa agora</b></h5>
                                <p class="mb-0">Palestra ativa.</p>
                                <hr>
                                <a href="{{ route('palestra.front') }}" class="btn btn-padrao btn-sm">saiba mais</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END:: LOOP -->

                <!-- START:: LOOP -->
                <div class="hstack">
                    <div class="date">09hrs às 12hrs</div>
                    <div class="desc_evento">
                        <div class="custom-box d-flex align-items-center vMobile">
                            <img src="https://jornalosertanejo.com.br/wp-content/uploads/2022/10/sEGURO-eVENTOS-1.jpg"
                                alt="Imagem do Evento">
                            <div>
                                <h5 class="mb-1"><b>Essa palestra está ativa agora</b></h5>
                                <p class="mb-0">Palestra ativa.</p>
                                <hr>
                                <a href="{{ route('palestra.front') }}" class="btn btn-padrao btn-sm">saiba mais</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END:: LOOP -->

            </div>
        </div>
    </div>
</section> --}}


<section class="chamadaPrincipal">
    <div class="conteudoChamada">
        <img src="{{ asset('front/img/chamada-inicio.png') }}" alt="" height="120">
        <div class="desc mx-5 my-5">
            Confira a agenda completa das atividades da <b>Convenção 2025 WLM</b>.
        </div>
        <a href="{{ route('quiz.front') }}" class="btn btn-padrao btn-lg">Iniciar Quiz</a>
    </div>
</section>

<section class="chamadaEvento">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <ul class="nav nav-pills mb-3 justify-content-center tabs-evento" id="pills-tab" role="tablist">
                    <li class="nav-item mb-3" role="presentation">
                        <button class="nav-link w-lg-auto active" id="evento-um-tab" data-bs-toggle="pill" data-bs-target="#evento-um" type="button" role="tab" aria-controls="evento-um" aria-selected="true">
                            <span>1º DIA</span>
                            <small>14 de Abril</small>
                        </button>
                    </li>
                    <li class="nav-item mb-3" role="presentation">
                        <button class="nav-link w-lg-auto" id="evento-dois-tab" data-bs-toggle="pill" data-bs-target="#evento-dois" type="button" role="tab" aria-controls="evento-dois" aria-selected="false">
                            <span>2º DIA</span>
                            <small>15 de Abril</small>
                        </button>
                    </li>
                    <li class="nav-item mb-3" role="presentation">
                        <button class="nav-link w-lg-auto" id="evento-tres-tab" data-bs-toggle="pill" data-bs-target="#evento-tres" type="button" role="tab" aria-controls="evento-tres" aria-selected="false">
                            <span>3º DIA</span>
                            <small>16 de Abril</small>
                        </button>
                    </li>
                    <li class="nav-item mb-3" role="presentation">
                        <button class="nav-link w-lg-auto" id="evento-quatro-tab" data-bs-toggle="pill" data-bs-target="#evento-quatro" type="button" role="tab" aria-controls="evento-quatro" aria-selected="false">
                            <span>4º DIA</span>
                            <small>17 de Abril</small>
                        </button>
                    </li>
                </ul>
                <div class="tab-content" id="pills-tabContent">
                    <!-- Dia 1: 14 de Abril -->
                    <div class="tab-pane fade show active" id="evento-um" role="tabpanel" aria-labelledby="evento-um-tab" tabindex="0">
                        <div class="hstack">
                            <div class="date">17h00 - 18h00</div>
                            <div class="desc_evento">Deslocamento e Check-in</div>
                        </div>
                        <div class="hstack">
                            <div class="date">18h00 - 19h30</div>
                            <div class="desc_evento">Abertura com Palavra do CEO - Fernando Guimarães (Vídeo Retrospectiva + Brinde)</div>
                        </div>
                        <div class="hstack">
                            <div class="date">19h30 - 20h00</div>
                            <div class="desc_evento">Mesa-redonda com os Diretores</div>
                        </div>
                    </div>
                    <!-- Dia 2: 15 de Abril -->
                    <div class="tab-pane fade" id="evento-dois" role="tabpanel" aria-labelledby="evento-dois-tab" tabindex="0">
                        <div class="hstack">
                            <div class="date">07h00 - 08h00</div>
                            <div class="desc_evento">Café da Manhã</div>
                        </div>
                        <div class="hstack">
                            <div class="date">08h00 - 08h15</div>
                            <div class="desc_evento">Interação com Mestre de Cerimônias e Robô Will - Grito de Guerra</div>
                        </div>
                        <div class="hstack">
                            <div class="date">08h15 - 09h00</div>
                            <div class="desc_evento">Palestra 1: O Caso de Sucesso de Quem Empreende Sonhos</div>
                        </div>
                        <div class="hstack">
                            <div class="date">09h30 - 10h30</div>
                            <div class="desc_evento">Palestra 2: Realidade Aumentada</div>
                        </div>
                        <div class="hstack">
                            <div class="date">10h30 - 10h45</div>
                            <div class="desc_evento">Coffee Break</div>
                        </div>
                        <div class="hstack">
                            <div class="date">11h00 - 13h20</div>
                            <div class="desc_evento">Mesa-redonda com Diretores, Scania e Assobrasc</div>
                        </div>
                        <div class="hstack">
                            <div class="date">13h20 - 14h50</div>
                            <div class="desc_evento">Almoço</div>
                        </div>
                        <div class="hstack">
                            <div class="date">14h50 - 16h00</div>
                            <div class="desc_evento">Planejamento Estratégico 2025 - Fernando Guimarães e Conselho</div>
                        </div>
                        <div class="hstack">
                            <div class="date">16h00 - 16h50</div>
                            <div class="desc_evento">Transformação Cultural</div>
                        </div>
                        <div class="hstack">
                            <div class="date">16h50 - 17h00</div>
                            <div class="desc_evento">Coffee Break</div>
                        </div>
                        <div class="hstack">
                            <div class="date">17h00 - 18h00</div>
                            <div class="desc_evento">Palestra 3: Futuro Exponencial</div>
                        </div>
                        <div class="hstack">
                            <div class="date">Horário a definir</div>
                            <div class="desc_evento">Jantar com Interação do CEO, Mestre de Cerimônias e Robô Will</div>
                        </div>
                    </div>
                    <!-- Dia 3: 16 de Abril -->
                    <div class="tab-pane fade" id="evento-tres" role="tabpanel" aria-labelledby="evento-tres-tab" tabindex="0">
                        <div class="hstack">
                            <div class="date">07h00 - 08h00</div>
                            <div class="desc_evento">Café da Manhã</div>
                        </div>
                        <div class="hstack">
                            <div class="date">08h00 - 08h15</div>
                            <div class="desc_evento">Interação com Mestre de Cerimônias e Robô Will - Grito de Guerra</div>
                        </div>
                        <div class="hstack">
                            <div class="date">08h15 - 09h45</div>
                            <div class="desc_evento">Palestra 4: Gestão Orientada por Dados e IA</div>
                        </div>
                        <div class="hstack">
                            <div class="date">09h45 - 11h50</div>
                            <div class="desc_evento">Team Building KATA KUKA - Ludo</div>
                        </div>
                        <div class="hstack">
                            <div class="date">11h50 - 12h05</div>
                            <div class="desc_evento">Coffee Break</div>
                        </div>
                        <div class="hstack">
                            <div class="date">13h05 - 14h10</div>
                            <div class="desc_evento">Almoço</div>
                        </div>
                        <div class="hstack">
                            <div class="date">14h10 - 14h20</div>
                            <div class="desc_evento">Interação com Mestre de Cerimônias e Robô Will - Temas Regionais</div>
                        </div>
                        <div class="hstack">
                            <div class="date">14h20 - 15h20</div>
                            <div class="desc_evento">Palestra 5: Atitude de Campeão</div>
                        </div>
                        <div class="hstack">
                            <div class="date">15h20 - 15h50</div>
                            <div class="desc_evento">Tour Virtual pela Concessionária WLM do Futuro e Entrega de Prêmios</div>
                        </div>
                        <div class="hstack">
                            <div class="date">15h50 - 16h00</div>
                            <div class="desc_evento">Encerramento - Fernando Guimarães</div>
                        </div>
                        <div class="hstack">
                            <div class="date">Horário a definir</div>
                            <div class="desc_evento">Happy Hour - Casa de Campo</div>
                        </div>
                    </div>
                    <!-- Dia 4: 17 de Abril -->
                    <div class="tab-pane fade" id="evento-quatro" role="tabpanel" aria-labelledby="evento-quatro-tab" tabindex="0">
                        <div class="hstack">
                            <div class="date">Manhã</div>
                            <div class="desc_evento">Interação e Relaxamento</div>
                        </div>
                        <div class="hstack">
                            <div class="date">Horário a definir</div>
                            <div class="desc_evento">Almoço</div>
                        </div>
                        <div class="hstack">
                            <div class="date">Até 12h00</div>
                            <div class="desc_evento">Check-out</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="chamadaPalestras bg-sections">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <p class="text-center">Horário das</p>
                <h2 class="text-center titulo-padrao mb-5">Palestras</h2>

                <!-- Palestra 1 -->
                <div class="hstack">
                    <div class="date">15 de Abril, 08h15 - 09h00</div>
                    <div class="desc_evento">
                        <div class="custom-box d-flex align-items-center vMobile">
                            <img src="https://jornalosertanejo.com.br/wp-content/uploads/2022/10/sEGURO-eVENTOS-1.jpg" alt="Imagem da Palestra">
                            <div>
                                <h5 class="mb-1"><b>O Caso de Sucesso de Quem Empreende Sonhos</b></h5>
                                <p class="mb-0">Inspire-se com histórias de empreendedorismo e visão estratégica.</p>
                                <hr>

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

                <!-- Palestra 2 -->
                <div class="hstack">
                    <div class="date">15 de Abril, 09h30 - 10h30</div>
                    <div class="desc_evento">
                        <div class="custom-box d-flex align-items-center vMobile">
                            <img src="https://jornalosertanejo.com.br/wp-content/uploads/2022/10/sEGURO-eVENTOS-1.jpg" alt="Imagem da Palestra">
                            <div>
                                <h5 class="mb-1"><b>Realidade Aumentada</b></h5>
                                <p class="mb-0">Explore como a tecnologia está transformando o futuro dos negócios.</p>
                                <hr>

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

                <!-- Palestra 3 -->
                <div class="hstack">
                    <div class="date">15 de Abril, 17h00 - 18h00</div>
                    <div class="desc_evento">
                        <div class="custom-box d-flex align-items-center vMobile">
                            <img src="https://jornalosertanejo.com.br/wp-content/uploads/2022/10/sEGURO-eVENTOS-1.jpg" alt="Imagem da Palestra">
                            <div>
                                <h5 class="mb-1"><b>Futuro Exponencial</b></h5>
                                <p class="mb-0">Descubra as tendências que moldarão o amanhã.</p>
                                <hr>

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

                <!-- Palestra 4 -->
                <div class="hstack">
                    <div class="date">16 de Abril, 08h15 - 09h45</div>
                    <div class="desc_evento">
                        <div class="custom-box d-flex align-items-center vMobile">
                            <img src="https://jornalosertanejo.com.br/wp-content/uploads/2022/10/sEGURO-eVENTOS-1.jpg" alt="Imagem da Palestra">
                            <div>
                                <h5 class="mb-1"><b>Gestão Orientada por Dados e IA</b></h5>
                                <p class="mb-0">Aprenda a tomar decisões estratégicas com inteligência artificial.</p>
                                <hr>

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

                <!-- Palestra 5 -->
                <div class="hstack">
                    <div class="date">16 de Abril, 14h20 - 15h20</div>
                    <div class="desc_evento">
                        <div class="custom-box d-flex align-items-center vMobile">
                            <img src="https://jornalosertanejo.com.br/wp-content/uploads/2022/10/sEGURO-eVENTOS-1.jpg" alt="Imagem da Palestra">
                            <div>
                                <h5 class="mb-1"><b>Atitude de Campeão</b></h5>
                                <p class="mb-0">Desenvolva uma mentalidade de liderança e inovação.</p>
                                <hr>

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