@extends('layouts.main')

@section('title', 'DOC-центр “Топография памяти”')


@section('content')


    <section class="hero">
        <div class="container">
            <div class="grid">
                <div>
                    <h4>Поиск информации о людях военного времени</h4>
                    <form id="finder" method="get" action="{{ route('memories.search') }}">
                        <div class="form__container">
                            <div class="form-row">
                                <div class="input__wrapper">
                                    <input id="name" name="name" type="text" placeholder="Фамилия Имя Отчество">
                                </div>
                                <div class="input__wrapper">
                                    <input id="birth-location" name="birth-location" type="text" placeholder="Место рождения">
                                </div>
                            </div>
                            <div class="form-row">
                                <button id="find" type="submit" class="btn outline">Найти</button>
                                <p>*Здесь вы можете найти информацию о мирных жителях, пострадавших от рук нацистских преступников в годы Второй мировой войны.</p>
                            </div>
                        </div>
                    </form>
                </div>
                <iframe src="https://www.youtube.com/embed/Bj7-I-KU3vw?si=8i5F-eruMr7qf1KZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
            </div>
        </div>
    </section>
    <section class="memory-topography">
        <div class="container">
            <h2>Топография памяти</h2>
            <div class="grid" style="text-align: justify;">
                <p>DOC-центр “Топография памяти” - это онлайн-ресурс, созданный для увековечения памяти мирных жителей Гомельской области, пострадавших в годы Великой мировой войны, формирования в регионе культуры памяти и способности к осмыслению, изучению и преломлению через человеческие судьбы событий военного времени.</p>
                <p>Сайт был реализован командой частного социально-информационного учреждения “Мастерская иннновационных технологий” в 2021 году в рамках проекта “Мультиперспективные подходы к истории”.
                    В 2024-2025гг. году онлайн-платформа усовершенствована в рамках проекта “Комплекс поддержки 70+: 2 этап” (гуманитарная программа “Место встречи: диалог” в Беларуси).</p>
            </div>
        </div>
    </section>
    <section class="materials">
        <div class="container">
            <div class="grid" style="justify-content: space-between;">
                <div class="info">
                        <div class="slider secondary light" data-slides="1">

                            <div class="slider__container">
                                @foreach($photos as $photo)
                                <div class="slide">
                                    <img src="{{ Storage::url($photo->image) }}" alt="{{ $photo->title }}">
                                    <div class="info__content info__overlay" style="z-index: 1000;">
                                        <h4>{{ $photo->title }}</h4>
                                        @if($photo->url) <a href="{{ $photo->url }}"><button class="btn">Смотреть</button></a>@endif
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            <div class="slide__changer"></div>
                        </div>

                    </div>
                <div class="new-materials">
                    <h2>Новые материалы на платформе</h2>
                    <div class="slider secondary" data-slides="2">
                        <div class="slider__container">
                            @foreach($publications as $publication)
                                <div class="slide">
                                    <a href="{{ route('publications.view', ['id' => $publication->id]) }}">
                                        <div class="grid" y>
                                            <img src="{{ Storage::url($publication->image_path) }}" alt="Мемориал">
                                        </div>
                                        </a>
                                    </div>
                            @endforeach
                        </div>
                        <div class="slide__changer">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="navigation-section">
        <div class="grid">
            <div class="navigation__container">
                <img src="/images/navigation-1.webp" alt="Изображение">
                <div class="blur">
                    <h3>Видеоматериалы</h3>
                    <a href="{{ route('videos.index') }}"><button class="btn">Читать сейчас</button></a>
                </div>
            </div>
            <div class="navigation__container filled">
                <h3>Специальные проекты</h3>
            </div>
            <div class="navigation__container">
                <img src="/images/navigation-2.webp" alt="Изображение">
                <div class="blur">
                    <h3>Публицистика</h3>
                    <a href="{{ route('publications.index') }}"><button class="btn">Читать сейчас</button></a>
                </div>
            </div>
            <div class="navigation__container">
                <img src="/images/navigation-3.webp" alt="Изображение">
                <div class="blur">
                    <h3>Библиотека</h3>
                    <a href="{{ route('libraries.index') }}"><button class="btn">Читать сейчас</button></a>
                </div>
            </div>
            <div class="navigation__container">
                <img src="/images/navigation-4.webp" alt="Изображение">
                <div class="blur">
                    <h3>Белорусский семейный альбом</h3>
                    <a href="{{ route('albums.index') }}"><button class="btn">Читать сейчас</button></a>
                </div>
            </div>
            <div class="navigation__container">
                <img src="/images/navigation-5.webp" alt="Изображение">
                <div class="blur">
                    <h3>Арт-проекты и выставки</h3>
                    <a href="{{ route('arts.index') }}"><button class="btn">Читать сейчас</button></a>
                </div>
            </div>
        </div>
    </section>

    @include('forms.become-author')
@endsection