@php
  $locale = app()->getLocale();
  $catalogLink = $settings->catalogLink();
  $openNewTab = $settings->catalog_open_new_tab;
@endphp
@extends('layouts.app')

@section('title', 'Çisa Salotti — '.__('site.catalog.title'))
@section('meta_description', __('site.catalog.desc'))

@section('content')
<main>
  <section class="page-hero">
    <img class="page-hero__image" src="{{ asset('images/collections/amsterdam/hero.jpg') }}" alt="" loading="eager">
    <div class="page-hero__overlay"></div>
    <div class="page-hero__content container">
      <p class="section-label">{{ __('site.catalog.label') }}</p>
      <h1 class="display-lg">{{ __('site.catalog.title') }}</h1>
    </div>
  </section>

  <section class="section catalog-page__viewer">
    <div class="container reveal">
      <p class="body-lg catalog-page__desc">{{ __('site.catalog.desc') }}</p>

      @if($catalogLink)
        @if(!str_starts_with($catalogLink, 'http'))
          <iframe class="catalog-page__frame" id="catalogFrame" src="{{ $catalogLink }}" title="Çisa Salotti e-Katalog" loading="lazy"></iframe>
        @endif
        <div class="catalog-page__actions">
          <a
            class="section-cta catalog-page__download"
            href="{{ $catalogLink }}"
            @if($openNewTab) target="_blank" rel="noopener" @endif
          >
            {{ __('site.catalog.download') }}
            <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.2"/></svg>
          </a>
        </div>
      @else
        <p class="catalog-page__fallback">{{ __('site.catalog.unavailable') }}</p>
      @endif
    </div>
  </section>
</main>
@endsection