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

  @include('components._header',["img" => env("APP_ASSET") . "/" . $corredor->foto, "title" => str_replace(['Corredor', 'corredor', 'CORREDOR'], ['Roteiro', 'roteiro', 'ROTEIRO'], $corredor->corredor)])

  <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">
                <a href="{{ route('pages.roteiros-turisticos') }}">{{ __("Roteiros turísticos") }}</a>
              </li>
              <li class="breadcrumb-item active" aria-current="page">
                <strong style="font-weight: normal">{{ str_replace(['Corredor', 'corredor', 'CORREDOR'], ['Roteiro', 'roteiro', 'ROTEIRO'], $corredor->corredor) }}</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">
            {{ $corredor->descricao ?? '' }}
          </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 do") }} {{ str_replace(['Corredor', 'corredor', 'CORREDOR'], ['Roteiro', 'roteiro', 'ROTEIRO'], $corredor->corredor) }}
          </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