@extends('layouts.frontend', ['body_class' => 'bg-gray-100'])

@php
    SEOMeta::setTitle('Lakások');
@endphp

@section('content')
    <x-frontend.header />

    <x-frontend.main>

        <x-frontend.section class="py-8 lg:py-16">
            <x-frontend.container size="medium">
                <x-frontend.animation>
                    <x-frontend.content.box>
                        <x-frontend.section.title title="{{ __('Lakások') }}" class="mb-8" />
                        <x-frontend.animation delay="250">

                            <div class="w-full overflow-x-auto">
                                <table class="w-full text-center">
                                    <thead class="font-bold border-b border-gray-200 text-laurel">
                                        <tr>
                                            <th scope="col" class="px-6 py-2">#</th>
                                            <th scope="col" class="px-6 py-2">{{ __('Név') }}</th>
                                            <th scope="col" class="px-6 py-2">{{ __('Aktív') }}</th>
                                            <th scope="col" class="px-6 py-2">{{ __('Műveletek') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($flats as $flat)
                                            <tr class="border-b border-gray-200 hover:bg-gray-200">
                                                <td class="px-6 py-2 font-bold whitespace-nowrap">
                                                    {{ $flat->id }}</td>
                                                <td class="px-6 py-2 whitespace-nowrap">{{ $flat->name }}</td>
                                                <td class="px-6 py-2 whitespace-nowrap">
                                                    {{ $flat->active == 0 ? __('Nem') : __('Igen') }}</td>
                                                <td class="px-6 py-2 whitespace-nowrap"><a href="{{ route('admin.flats.edit', ['id' => $flat->id, 'lang' => app()->getLocale()]) }}" class="button">
                                                        <span>{{ __('Szerkeszt') }}</span></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </x-frontend.animation>
                    </x-frontend.content.box>
                </x-frontend.animation>
            </x-frontend.container>
        </x-frontend.section>

    </x-frontend.main>

    <x-frontend.footer />
@endsection