@extends('layouts.main')

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


@section('content')

    <section class="memory-base-finder">
        <div class="container">
            <h2>База памяти</h2>
            <div class="flex-column gap-8">
                <div>
                    <form id="search-form" method="get">
                        <button type="submit">
                            <img src="/images/search.png" alt="Поиск">
                        </button>
                        <input type="text" name="l" value="{{ $l }}" placeholder="Поиск">
                    </form>
                    <p class="finder-description">*Здесь вы можете найти информацию о мирных жителях, пострадавших от рук нацистских преступников в годы Второй мировой войны.
                        <br> Для этого введите <b>НАЧАЛЬНЫЕ БУКВЫ ФАМИЛИИ</b> или <b>ЧАСТЬ ФАМИЛИИ</b>.
                    </p>
                </div>
                <div class="alphabet">
                    <div class="alphabet__container">
                        <a href="?l=A"><button class="alphabet__character" type="button">А</button></a>
                        <a href="?l=Б"><button class="alphabet__character" type="button">Б</button></a>
                        <a href="?l=В"><button class="alphabet__character" type="button">В</button></a>
                        <a href="?l=Г"><button class="alphabet__character" type="button">Г</button></a>
                        <a href="?l=Д"><button class="alphabet__character" type="button">Д</button></a>
                        <a href="?l=Е"><button class="alphabet__character" type="button">Е</button></a>
                        <a href="?l=Ж"><button class="alphabet__character" type="button">Ж</button></a>
                        <a href="?l=З"><button class="alphabet__character" type="button">З</button></a>
                        <a href="?l=И"><button class="alphabet__character" type="button">И</button></a>
                        <a href="?l=К"><button class="alphabet__character" type="button">К</button></a>
                        <a href="?l=Л"><button class="alphabet__character" type="button">Л</button></a>
                        <a href="?l=М"><button class="alphabet__character" type="button">М</button></a>
                        <a href="?l=Н"><button class="alphabet__character" type="button">Н</button></a>
                        <a href="?l=О"><button class="alphabet__character" type="button">О</button></a>
                        <a href="?l=П"><button class="alphabet__character" type="button">П</button></a>
                        <a href="?l=Р"><button class="alphabet__character" type="button">Р</button></a>
                        <a href="?l=С"><button class="alphabet__character" type="button">С</button></a>
                        <a href="?l=Т"><button class="alphabet__character" type="button">Т</button></a>
                        <a href="?l=У"><button class="alphabet__character" type="button">У</button></a>
                        <a href="?l=Ф"><button class="alphabet__character" type="button">Ф</button></a>
                        <a href="?l=Х"><button class="alphabet__character" type="button">Х</button></a>
                        <a href="?l=Ц"><button class="alphabet__character" type="button">Ц</button></a>
                        <a href="?l=Ч"><button class="alphabet__character" type="button">Ч</button></a>
                        <a href="?l=Ш"><button class="alphabet__character" type="button">Ш</button></a>
                        <a href="?l=Щ"><button class="alphabet__character" type="button">Щ</button></a>
                        <a href="?l=Ы"><button class="alphabet__character" type="button">Ы</button></a>
                        <a href="?l=Э"><button class="alphabet__character" type="button">Э</button></a>
                        <a href="?l=Ю"><button class="alphabet__character" type="button">Ю</button></a>
                        <a href="?l=Я"><button class="alphabet__character" type="button">Я</button></a>
                    </div>
                </div>
                <table class="search-result__table">
                    <thead>
                    <tr>
                        <th>Фамилия</th>
                        <th>Имя</th>
                        <th>Отчество</th>
                        <th>Дата рождения</th>
                        <th>Место рождения</th>
                        <th>Специальность</th>
                        <th>Национальность</th>
                        <th>Источник</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(count($records))
                    @foreach($records as $record)
                    <tr>
                        <td>{{ $record->last_name }}</td>
                        <td>{{ $record->first_name }}</td>
                        <td>{{ $record->second_name }}</td>
                        <td>{{ $record->birthday->format('d.m.Y') }}</td>
                        <td>{{ $record->birthday_place }}</td>
                        <td>{{ $record->specialization }}</td>
                        <td>{{ $record->nationality }}</td>
                        <td>{{ $record->resource }}</td>
                    </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8">
                            Не найдено ни одной записи.
                        </td>
                    </tr>
                    @endif
                    </tbody>
                </table>
                {{ $records->links('vendor.pagination.default') }}
            </div>
        </div>
    </section>

@endsection