@extends('layouts._includes.site.Header')
@section('titulo', 'PMC')
@section('conteudo')


    <main class="main">

        <section id="hero" class="hero section dark-background">

            <div id="hero-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">

                <div class="carousel-item active">
                    <img src="{{ asset('site/img/bg_principal.jpg') }}" alt="">
                    <div class="carousel-container">
                        <h2>PORTAL DO MUNÍCIPE CAMAMA<br></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                            laboris nisi ut aliquip ex ea commodo consequat.</p>

                    </div>
                </div><!-- End Carousel Item -->

                <div class="carousel-item">
                    <img src="{{ asset('site/img/bg_principal2.jpg') }}" alt="">
                    <div class="carousel-container">
                        <h2>PORTAL DO MUNÍCIPE CAMAMA</h2>
                        <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod
                            maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.
                            Temporibus autem quibusdam et aut officiis debitis aut.</p>

                    </div>
                </div><!-- End Carousel Item -->

                <div class="carousel-item">
                    <img src="{{ asset('site/img/bg_principal3.jpg') }}" alt="">
                    <div class="carousel-container">
                        <h2>PORTAL DO MUNÍCIPE CAMAMA</h2>
                        <p>Beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
                            odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt
                            omnis iste natus error sit voluptatem accusantium.</p>

                    </div>
                </div><!-- End Carousel Item -->

                <a class="carousel-control-prev" href="#hero-carousel" role="button" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
                </a>

                <a class="carousel-control-next" href="#hero-carousel" role="button" data-bs-slide="next">
                    <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
                </a>

                <ol class="carousel-indicators"></ol>

            </div>

        </section>

        <section id="pricing" class="pricing section">

            <!-- Section Title -->
            <div class="container section-title" data-aos="fade-up">
                <h2>Notícias</h2>
                <p>Notícias<br></p>
            </div><!-- End Section Title -->

            <div class="container">
                <div class="row gy-3">
                    @foreach ($noticias as $item)
                        <div class="col-xl-4 col-lg-6">
                            <div class="cards_item">
                                <div class="card">

                                    <div class="card_image">
                                        <span class="note">Sociedade {{ $item->created_at }}</span>
                                        <img src="{{asset($item->vc_caminho) }}"
                                            alt="A side view of a plate of figs and berries." />
                                        <span class="card_price"> Fonte: {{ Str::limit($item->vc_fonte, 6) }}</span>
                                    </div>

                                    <div class="card_text">
                                        <p>{{ Str::limit($item->vc_titulo, 25) }} </p>
                                        <hr />
                                        <p> {{ Str::limit($item->vc_descricao, 40) }}... </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach



                </div>
            </div>

        </section>

        <section id="services" class="services section">

            <div class="container">

                <div class="row gy-4">

                    <div class="col-md-3" data-aos="fade-up" data-aos-delay="100">
                        <div class="service-item d-flex position-relative h-100">
                            <i class="bi bi-briefcase icon flex-shrink-0"></i>
                            <div>
                                <h4 class="title"><a href="#" class="stretched-link">Documentos</a></h4>

                            </div>
                        </div>
                    </div><!-- End Service Item -->

                    <div class="col-md-3" data-aos="fade-up" data-aos-delay="200">
                        <div class="service-item d-flex position-relative h-100">
                            <i class="bi bi-card-checklist icon flex-shrink-0"></i>
                            <div>
                                <h4 class="title"><a href="#" class="stretched-link"> Imagens</a></h4>
                            </div>
                        </div>
                    </div><!-- End Service Item -->

                    <div class="col-md-3" data-aos="fade-up" data-aos-delay="300">
                        <div class="service-item d-flex position-relative h-100">
                            <i class="bi bi-bar-chart icon flex-shrink-0"></i>
                            <div>
                                <h4 class="title"><a href="#" class="stretched-link">Videos</a></h4>
                            </div>
                        </div>
                    </div><!-- End Service Item -->

                    <div class="col-md-3" data-aos="fade-up" data-aos-delay="300">
                        <div class="service-item d-flex position-relative h-100">
                            <i class="bi bi-bar-chart icon flex-shrink-0"></i>
                            <div>
                                <h4 class="title"><a href="#" class="stretched-link">Localização</a></h4>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </section>

        <section id="clients" class="clients section light-background">

            <div class="container" data-aos="fade-up">
                <div class="container section-title" data-aos="fade-up">
                    <h2>Nossos</h2>
                    <p>Parceiros<br></p>

                </div><!-- End Section Title -->
                <div class="row gy-4">

                    <div class="col-xl-2 col-md-3 col-6 client-logo">
                        <img src="{{ asset('site/img/clients/client-1.png') }}" class="img-fluid" alt="">
                    </div><!-- End Client Item -->

                    <div class="col-xl-2 col-md-3 col-6 client-logo">
                        <img src="{{ asset('site/img/clients/client-2.png') }}" class="img-fluid" alt="">
                    </div><!-- End Client Item -->

                    <div class="col-xl-2 col-md-3 col-6 client-logo">
                        <img src="{{ asset('site/img/clients/client-3.png') }}" class="img-fluid" alt="">
                    </div><!-- End Client Item -->

                    <div class="col-xl-2 col-md-3 col-6 client-logo">
                        <img src="{{ asset('site/img/clients/client-4.png') }}" class="img-fluid" alt="">
                    </div><!-- End Client Item -->

                    <div class="col-xl-2 col-md-3 col-6 client-logo">
                        <img src="{{ asset('site/img/clients/client-5.png') }}" class="img-fluid" alt="">
                    </div><!-- End Client Item -->

                    <div class="col-xl-2 col-md-3 col-6 client-logo">
                        <img src="{{ asset('site/img/clients/client-6.png') }}" class="img-fluid" alt="">
                    </div><!-- End Client Item -->

                </div>

            </div>

        </section>
    </main>

    <script src="{{ asset('/js/sweetalert2.all.min.js') }}"></script>
    @if (session('feedback.cadastrar.true'))
        <script>
            Swal.fire(
                'Mensagem eviada, aguarde a aceitação!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('user.cadastrar.true'))
        <script>
            Swal.fire(
                'Cadastro realizado com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('user.cadastrar.false'))
        <script>
            Swal.fire(
                'Erro ao cadastrar!',
                '',
                'error'
            )
        </script>
    @endif

    @if (session('noRequisitos'))
        <script>
            Swal.fire(
                'Sem dados!',
                '',
                'error'
            )
        </script>
    @endif








@endsection