@extends('theme')
@section("title", env('APP_NAME') . " - Início")
@section('content')

    @include('components._header',["img" => "assets/imgs/baia-da-ribeira.jpg", "title" => __("Pontos turísticos")])

    <main>

        <div class="container section-content-pages">

            <div class="chrumb-share">

                <div class="breadcrumb">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route("home") }}"><i class="fas fa-home"></i> Início</a></li>
                            <li class="breadcrumb-item active" aria-current="page"><strong
                            style="font-weight: normal">{{ __("Pontos Turísticos") }}</strong></li>
                        </ol>
                    </nav>
                </div>

                <div class="share">
                    <span>Compartilhar: </span> <a data-bs-toggle="modal" data-bs-target="#exampleModal"
                    class="share-link"><img src="{{ asset("assets/imgs/share.png") }}" class="share-icon"></a>
            </div>

        </div>

        <div class="row">
            <div class="col">
                <p data-aos="fade-up" data-aos-duration="1000" data-aos-offset="0">
                    {{ __("Angra foi um dos primeiros lugares
                    descobertos no país, em 1502. Famosa por sua natureza, possui cerca de 365 ilhas, 8 baías e duas mil
                praias de águas transparentes e vegetação de Mata Atlântica.") }}
                </p>
                <p data-aos="fade-up" data-aos-duration="1000" data-aos-offset="0">
                    {{ __("Quando falamos em Angra, logo vem em
                    nossa mente aqueles passeios maravilhosos de lanchas e barcos pela baía, mas além de linda, é uma
                das cidades mais antigas do Brasil.") }}
                </p>
                <p data-aos="fade-up" data-aos-duration="1000" data-aos-offset="0">
                    {{ __("Angra dos Reis tem muitos atrativos
                    culturais, cheios de história para contar com construções dos séculos XVII e XVIII, entre eles,
                    Museu, conventos, igrejas, monumentos e ermidas, predominantemente influenciadas pela Igreja
                Católica além de praças e prédios históricos.") }}
                </p>
                <p data-aos="fade-up" data-aos-duration="1000" data-aos-offset="0">
                    {{ __("As construções do período colonial
                    que sobreviveram ao tempo são muito bem conservadas e se tornaram importantes atrações turísticas,
                    tendo boa parte de seu conjunto arquitetônico tombado pela IPHAN (Instituto do Patrimônio Histórico
                Artístico Nacional) como patrimônio do país.") }}
                </p>
            </div>
        </div>
    </div>

    <div class="container galeria-pontos-turisticos">
        <div class="row">
            <div class="col">
                <h2 data-aos="fade-up" data-aos-duration="1000" data-aos-offset="0">{{ __("Pontos turísticos de Angra dos Reis") }}</h2>

                <div class="flex-container">
                    @foreach($pontos as $ponto)

                        <figure data-aos="fade-up" data-aos-duration="1000" data-aos-offset="0">
                            <a href="{{ route("pages.ponto-turistico", $ponto->slug) }}" style="background-image: url('{{ url(env("APP_ASSET") . "/" . $ponto->foto) }}')">
                            <figcaption>
                                <div class="fig-title">{{ $ponto->ponto }}</div>
                            </figcaption>
                        </a>
                    </figure>

                @endforeach

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

    </main>

@endsection