@extends('layouts.main')

@section('title', 'База памяти')


@section('content')

<section class="memory-base">
    <div class="container">
        <h2>База памяти</h2>
        <div class="grid">
            <form id="finder" method="get" action="{{ route('memories.search') }}">
                <div class="form__container">
                    <div class="form-row">
                        <div class="input__wrapper">
                            <input name="l" type="text" placeholder="Фамилия Имя Отчество">
                        </div>
                        <div class="input__wrapper">
                            <input 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>
            @foreach($categories as $i => $category)
                @if ($i % 2 === 0)
                    <div class="flex-between flex-column gap-6">
                @endif
                    <a href="{{ route('memories.category', ['id' => $category->id]) }}" class="nav-link"><button type="button" class="btn">{{ $category->title }}</button></a>
                @if ($i % 2 === 1)
                    </div>
                @endif
            @endforeach
        </div>
    </div>
</section>

@endsection