@php
    $lang = app()->getLocale();

     $apartment_types = [
         [
             'img' => '/kepek/apartments/apartment-types/1-szoba.jpg',
             'title' => 'Nappali + 1 hálószoba',
             'bg_color' => 'bg-atlantis',
             'description' => 'Lakások 46-52 m<sup>2</sup> között',
             'text' => \App\Models\Setting::find ( ( $lang == "hu") ? 1 : 2 )->value,
             'url' => app()->getLocale() . '/' . __('url_apartment_list') . '?rooms[]=2',
         ],
         [
             'img' => '/kepek/apartments/apartment-types/2-szoba.jpg',
             'title' => 'Nappali + 2 hálószoba',
             'bg_color' => 'bg-mantis',
             'description' => 'Lakások 67-72 m<sup>2</sup> között',
             'text' => \App\Models\Setting::find ( ( $lang == "hu") ? 3 : 4 )->value,
             'url' => app()->getLocale() . '/' . __('url_apartment_list') . '?rooms[]=3',
         ],
         [
             'img' => '/kepek/apartments/apartment-types/penthouse.jpg',
             'title' => 'Penthouse',
             'bg_color' => 'bg-laurel',
             'description' => 'Lakások',
             'text' => \App\Models\Setting::find ( ( $lang == "hu") ? 5 : 6 )->value,
             'url' => app()->getLocale() . '/' . __('url_penthouse_apartment_list'),
         ],
     ];
 @endphp


 <div class="flex flex-col mb-8 sm:flex-row sm:flex-wrap sm:justify-center lg:mb-16">
     @foreach ($apartment_types as $apartment_type)
         <div class="sm:w-1/2 lg:w-1/3">
             <div class="p-4">
                 <x-frontend.animation delay="{{ $loop->index * 250 }}">
                     <div class="overflow-hidden bg-white shadow-2xl rounded-3xl">
                         <div>
                             <a href="{{ $apartment_type['url'] }}">
                                 <img src="{{ asset($apartment_type['img']) }}" alt="{{ $apartment_type['title'] }}"
                                     width="960" height="720">
                             </a>
                         </div>
                         <div class="{{ $apartment_type['bg_color'] }} h-2"></div>
                         <div class="p-8">
                             <h3 class="text-2xl font-bold font-heading text-laurel">
                                 {{ $apartment_type['title'] }}
                             </h3>
                             <p class="mb-4">
                                 {!! $apartment_type['description'] !!}
                             </p>
                             <p class="mb-4 font-bold">
                                 {!! $apartment_type['text'] !!}
                             </p>
                             <x-frontend.form.button href="{{ $apartment_type['url'] }}" class="button">
                                 {{ __('Lakások megtekintése') }}
                             </x-frontend.form.button>
                         </div>
                     </div>
                 </x-frontend.animation>
             </div>
         </div>
     @endforeach
 </div>

 <div class="flex justify-center">
     <x-frontend.animation>
         <x-frontend.form.button href="/{{ app()->getLocale() }}/{{ __('url_apartment_list') }}" class="button">
             {{ __('Lakáslista megtekintése') }}
         </x-frontend.form.button>
     </x-frontend.animation>
 </div>