@extends('theme')
@section("title", "PPP - Ônibus Elétrico")
@section('content')

    @include('elements/nav')

    <main class="main top90">

        <div class="page-title dark-background" data-aos="fade"
            style="background-image: url({{ asset('images/onibus-eletrico/01.png') }});">
            <div class="container position-relative">
                <h1>Ônibus Elétrico</h1>
                <nav class="breadcrumbs">
                    <ol>
                        <li><a href="{{ route("index") }}">Início</a></li>
                        <li class="current">Ônibus Elétrico</li>
                    </ol>
                </nav>
            </div>
        </div>

        <section id="features" class="features section">

            <div class="container">
                <ul class="nav nav-tabs row d-flex justify-content-center" data-aos="fade-up" data-aos-delay="100"
                    style="margin-top: -70px;">
                    <li class="nav-item col-xl-3 col-md-4 col-sm-3 col-xs-3 col-3">
                        <a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#features-tab-1">
                            <i class="fa-regular fa-clipboard"></i>
                            <h4 class="d-none d-lg-block">Características Gerais</h4>
                        </a>
                    </li>
                    <li class="nav-item col-xl-3 col-md-4 col-sm-3 col-xs-3 col-3">
                        <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-2">
                            <i class="fa-solid fa-file-arrow-down"></i>
                            <h4 class="d-none d-lg-block">Arquivos para downloads</h4>
                        </a>
                    </li>
                    <li class="nav-item col-xl-3 col-md-4 col-sm-3 col-xs-3 col-3">
                        <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-3">
                            <i class="fa-solid fa-panorama"></i>
                            <h4 class="d-none d-lg-block">Fotos e multimídia</h4>
                        </a>
                    </li>
                </ul>

                <div class="tab-content" data-aos="fade-up" data-aos-delay="200" style="margin-top: 50px;">
                    <div class="tab-pane fade active show" id="features-tab-1">

                        <div class="row mt-3 mt-lg-0">

                            <div class="mb-5 col-lg-6 col-md-12 order-lg-2 order-sm-1">
                                <img src="images/portfolio/onibus-eletrico.png" alt="" class="img-fluid">
                            </div>

                            <div class="col-lg-6 col-md-12 order-lg-1 order-sm-2">

                                <div class="row card-tag-container gx-4 gy-4">
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Modalidade do projeto</span>
                                        <p>PPP Administrativa</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Setor</span>
                                        <p>Mobilidade Urbana e Sustentabilidade</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Órgão Viabilizador</span>
                                        <p>Secretaria de Planejamento e Gestão</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Órgão Responsável</span>
                                        <p>Secretaria-Executiva de Serviço Público e Mobilidade Urbana</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Forma de Estruturação</span>
                                        <p>MIP convertida em PMI</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Vigência estimada do contrato</span>
                                        <p>15 anos</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Critério de Julgamento</span>
                                        <p>Menor valor de contraprestação pública</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Prazo estimado para conclusão dos estudos</span>
                                        <p>2º semestre de 2025</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Prazo estimado para licitação</span>
                                        <p>1º semestre de 2026</p>
                                    </div>

                                </div>


                                {{-- <p>
                                    O Município de Angra dos Reis, por intermédio do Conselho Gestor de Parcerias Público
                                    Privadas - CGPPP, nos termos do Decreto nº 10.685, de 21 de setembro de 2017, e
                                    considerando o interesse do setor privado em participar de parceria com o Município,
                                    após recebimento de Manifestação de Interesse Privado - MIP da Empresa Enel-X S.A. com a
                                    consultoria da empresa Radar PPP, torna público o Procedimento de Manifestação de
                                    Interesse - PMI nº002/2021/SGRI, a fim de obter estudos de modelagem técnica,
                                    econômico-financeira e jurídica para modernização, implantação, operação, manutenção e
                                    exploração de frota de “ônibus elétricos” no município de Angra dos Reis.
                                </p>
                                <p>
                                    Os estudos deverão ser orientados pelos seguintes objetivos, instalação, manutenção e
                                    operacionalização, mínimos: avaliar a viabilidade de uma nova concessão de ônibus
                                    elétrico total, parcial, imediata ou gradual; avaliar que no escopo do objeto desta
                                    concessão estejam os abrigos de passageiros, sua estrutura, administração e exploração,
                                    havendo um mínimo de 30% destes abrigos de passageiros com Wi-fi, painel digital,
                                    captação de energia solar, mapa de localização com informações turísticas e iluminação
                                    em LED. Todos com identidade visual adequada e alinhada; avaliar a inserção de rotas de
                                    microônibus elétrico com teto aberto para rotas turísticas com tarifas específicas de
                                    diária; ar condicionado em toda a frota.
                                </p>
                                <p class="top40">
                                    <strong>Status:</strong> Estudos e elaboração<br>
                                    <strong>Órgão Responsável:</strong> Secretaria Executiva de Ordem Pública e Mobilidade
                                    Urbana<br>
                                    <strong>Órgão Articulador da Viabilidade:</strong> Secretaria de Planejamento e Gestão
                                </p>

                                <p class="top40"><strong>CRONOGRAMA</strong><br>
                                    Procedimento: Estudos<br>
                                    Prazo: 90 dias corridos<br>
                                    Prorrogação de Prazo: 90 dias<br>
                                    Prazo para entrega: 03/08/2022<br>
                                    Consulta Pública: A definir<br>
                                    Audiência Pública: A definir
                                </p>

                                <p class="top40">
                                    <strong>1º ato)</strong> Recebimento da MIP da Enel-X com a consultoria da Radar PPP<br>
                                    <strong>2º ato)</strong> Chamamento público para a PMI do Ônibus Elétrico <br>
                                    <strong>3º ato)</strong> Autorizada a única empresa que apresentou interesse, a ENEL-X
                                    com a consultoria da Radar PPP à elaboração dos estudos <br>
                                    <strong>4º ato)</strong> Prorrogação de prazo por mais 30 dias.<br>
                                    <strong>5º ato)</strong> Prorrogação de prazo por mais 30 dias.<br>
                                    <strong>6º ato)</strong> Análise e adequações dos estudos apresentados.
                                </p> --}}
                            </div>
                        </div>

                        <div class="row mt-4">
                            <div class="card-tag">
                                <span class="tag">Resumo do projeto</span>
                            </div>
                            <p>Uma das principais iniciativas neste projeto de modernização é a implantação de ônibus
                                elétricos, uma solução inovadora que visa reduzir as emissões de gases de efeito estufa e
                                melhorar a qualidade do ar. Esses ônibus, movidos a energia limpa, oferecem não apenas
                                benefícios ambientais, mas também proporcionam uma experiência mais silenciosa e confortável
                                para os passageiros.</p>
                        </div>

                        <div class="row d-flex justify-content-center">

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-autorizacao.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Autorização do CGP</p>
                                    <img src="{{ asset('assets/img/ico-etapa-check.svg') }}" class="etapa-check"
                                        alt="Realizado">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-estudo.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Estudo</p>
                                    <img src="{{ asset('assets/img/ico-etapa-load.svg') }}" class="etapa-check"
                                        alt="Em andamento">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-consulta.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Consulta Pública</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check"
                                        alt="A Realizar">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-edital.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Edital</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check"
                                        alt="A Realizar">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-tce.svg') }}"
                                        alt="Envio ao TCE">
                                    <p>Envio ao TCE</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check" alt="A Realizar">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-sessao.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Sessão Pública</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check"
                                        alt="A Realizar">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-contrato.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Contrato</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check"
                                        alt="A Realizar">
                                </div>
                            </div>

                        </div>

                    </div>

                    <div class="tab-pane fade" id="features-tab-2">
                        <section class="faq-section py-5">
                            <div class="container">
                                <div class="accordion accordion-flush" id="accordionFlushExample" data-aos="fade-up"
                                    data-aos-delay="200" data-aos-duration="1000">

                                    <!-- Pergunta 1 -->
                                    <div class="accordion-item">
                                        <h2 class="accordion-header">
                                            <button class="accordion-button collapsed fs-8 fw-bold px-3" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#flush-collapseOne"
                                                aria-expanded="false" aria-controls="flush-collapseOne">
                                                Publicações
                                            </button>
                                        </h2>
                                        <div id="flush-collapseOne" class="accordion-collapse collapse show"
                                            data-bs-parent="#accordionFlushExample">
                                            <div class="accordion-body text-dark p-4">
                                                <ul class="list_down">
                                                    <li>
                                                        <a href="{{ asset('assets/docs/onibus-eletrico/Ata_de_Reuniao_Onibus_Eletrico_Encerramento_Publicacao.pdf') }}" target="_blank">
                                                            <strong>Ata de Reunião - 03 de outubro de 2025</strong> <br>
                                                            <span class="preto">Análise dos estudos de modelagem técnica, econômico-financeira e jurídica para modernização, implantação, operação, manutenção e exploração da frota de ônibus elétrico no Município de Angra dos Reis.</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="downloads/onibus-eletrico/BO-1524_de_06-07-2022_AtaProrrogracaoPrazo.pdf"
                                                            target="_blank">
                                                            <strong>Ata da Reunião - 27 de junho de 2022</strong><br>
                                                            <span class="preto">Ata da reunião para análise do pedido de
                                                                prorrogação dos
                                                                Estudos
                                                                de Modelagem Técnica, Econômico-financeira e Jurídica para a
                                                                modernização,
                                                                implantação, operacionalização e manutenção e exploração de
                                                                frota de ônibus
                                                                elétrico no município de Angra dos Reis.</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="downloads/onibus-eletrico/BO-1476_de_04-04-2022_ParqueDaChacara_OnibusEletrico.pdf"
                                                            target="_blank">
                                                            <strong>Ata da Reunião - 30 de março de 2022</strong><br>
                                                            <span class="preto">Prorrogação de prazo apresentado referente
                                                                ao Chamamento
                                                                Público
                                                                nº 002/2021/PMAR da PMI nº 002/2021/SGRI</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="downloads/onibus-eletrico/Edital-Chamamento-Publico_002-2021_Onibus-Eletrico.pdf"
                                                            target="_blank">
                                                            <strong>Edital de Chamamento Público N.º 002/2021/PMAR - PMI Nº
                                                                002/2021/SGRI</strong><br>
                                                            <span class="preto">Chamamento Público para Procedimento de
                                                                Manifestação de
                                                                Interesse para a realização de estudos de modelagem técnica,
                                                                econômico-financeira e jurídica para implantação do projeto
                                                                “Ônibus
                                                                Elétrico” de
                                                                Angra dos Reis.</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="downloads/onibus-eletrico/Aviso-de-Chamamento-Publico_PMI-002.pdf"
                                                            target="_blank">
                                                            <strong>Aviso de Chamamento Público - PMI Nº
                                                                002/2021/SGRI</strong>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

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

                    <div class="tab-pane fade" id="features-tab-3">
                        <div class="row">
                            <div class="col-12 order-2 order-lg-1 mt-3 mt-lg-0">

                                <div class="row gy-4" data-aos="fade-up" data-aos-delay="200">
                                    <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
                                        <div class="portfolio-content h-100">
                                            <img src="images/onibus-eletrico/01-thumb.png" class="img-fluid" alt="">
                                            <div class="portfolio-info">
                                                <a href="images/onibus-eletrico/01.png" data-gallery="portfolio-gallery-app"
                                                    class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
                                        <div class="portfolio-content h-100">
                                            <img src="images/onibus-eletrico/02-thumb.png" class="img-fluid" alt="">
                                            <div class="portfolio-info">
                                                <a href="images/onibus-eletrico/02.png" data-gallery="portfolio-gallery-app"
                                                    class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
                                        <div class="portfolio-content h-100">
                                            <img src="images/onibus-eletrico/03-thumb.png" class="img-fluid" alt="">
                                            <div class="portfolio-info">
                                                <a href="images/onibus-eletrico/03.png" data-gallery="portfolio-gallery-app"
                                                    class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
                                        <div class="portfolio-content h-100">
                                            <img src="images/onibus-eletrico/04-thumb.png" class="img-fluid" alt="">
                                            <div class="portfolio-info">
                                                <a href="images/onibus-eletrico/04.png" data-gallery="portfolio-gallery-app"
                                                    class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                </div>

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

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

    </main>

    @include('footer')
@endsection