@php
$field_one = 'text_1';
$field_two = 'text_2';
$field_three = 'text_3';
$field_four = 'text_4';

if ( app()->getLocale() == "hu") {
    $card_url = route('flat_card_hu');
}

if ( app()->getLocale() == "en") {
    $card_url = route('flat_card_en');
    $field_one = 'text_1_en';
    $field_two = 'text_2_en';
    $field_three = 'text_3_en';
    $field_four = 'text_4_en';
}

if ( app()->getLocale() == "de") {
    $card_url = route('flat_card_de');
    $field_one = 'text_1_de';
    $field_two = 'text_2_de';
    $field_three = 'text_3_de';
    $field_four = 'text_4_de';
}

if ( app()->getLocale() == "ru") {
    $card_url = route('flat_card_ru');
    $field_one = 'text_1_ru';
    $field_two = 'text_2_ru';
    $field_three = 'text_3_ru';
    $field_four = 'text_4_ru';
}

$text = \App\Models\Text::first();

@endphp

<section class="uk-section uk-section-default">
    <div class="uk-container uk-container-xlarge" uk-scrollspy="cls:uk-animation-slide-bottom-medium">
        <div
            class="uk-text-xsmall uk-text-medium uk-text-uppercase uk-text-center uk-text-secondary lp3 uk-margin-large-bottom">
            {{ __('Üdülés, értékálló befektetés, otthon teremtési lehetőség') }}</div>

        <div class="uk-child-width-1-2@m uk-child-width-1-4@xl uk-flex-center" uk-grid>
            <div>
                <a href="{{ $card_url }}?min-room=1&max-room=1" class="flattype">
                    <div><img src="/kepek/index-flat-01.jpg" alt="" /></div>
                    <div class="flattype__infobox uk-background-image uk-background-norepeat"
                        style="background-image: url(/images/wave-bg.svg); background-size: 1920px auto; background-position: -1200px 0px">
                        <div class="flattype_animatedbox">
                            <div class="flattype__num">1</div>
                            <div class="flattype_name">{{ __('1 szobás lakások') }}</div>
                            <div class="flattype_size">{{ __( $text->$field_one) }}</div>
                            <div class="flatttype_desc">{!! __('29 m<sup>2</sup> -es stúdiólakás') !!}
                            </div>
                            <div><span class="uk-button uk-button-default button-arrow-right">{{ __('Részletek')
                                    }}</span></div>
                        </div> <!-- // flattype_animatedbox -->
                    </div> <!-- // flattype__infobox -->
                </a> <!-- // flattype -->
            </div> <!-- // child -->

            <div>
                <a href="{{ $card_url }}?min-room=2&max-room=2" class="flattype">
                    <div><img src="/kepek/index-flat-02.jpg" alt="" /></div>
                    <div class="flattype__infobox uk-background-image uk-background-norepeat"
                        style="background-image: url(/images/wave-bg.svg); background-size: 1920px auto; background-position: -800px 100px">
                        <div class="flattype_animatedbox">
                            <div class="flattype__num">2</div>
                            <div class="flattype_name">{{ __('2 szobás lakások') }}</div>
                            <div class="flattype_size">{{ __($text->$field_two) }}</div>
                            <div class="flatttype_desc">{!! __('54 m<sup>2</sup>-es lakások') !!}</div>
                            <div><span class="uk-button uk-button-default button-arrow-right">{{ __('Részletek')
                                    }}</span></div>
                        </div> <!-- // flattype_animatedbox -->
                    </div> <!-- // flattype__infobox -->
                </a> <!-- // flattype -->
            </div> <!-- // child -->

            <div>
                <a href="{{ $card_url }}?min-room=3&max-room=3" class="flattype">
                    <div><img src="/kepek/index-flat-03.jpg" alt="" /></div>
                    <div class="flattype__infobox uk-background-image uk-background-norepeat"
                        style="background-image: url(/images/wave-bg.svg); background-size: 1920px auto; background-position: -600px 180px">
                        <div class="flattype_animatedbox">
                            <div class="flattype__num">3</div>
                            <div class="flattype_name">{{ __('3 szobás lakások') }}</div>
                            <div class="flattype_size">{{ __($text->$field_three) }}</div>
                            <div class="flatttype_desc">{!! __('62-85 m<sup>2</sup>-es lakások') !!}</div>
                            <div><span class="uk-button uk-button-default button-arrow-right">{{ __('Részletek')
                                    }}</span></div>
                        </div> <!-- // flattype_animatedbox -->
                    </div> <!-- // flattype__infobox -->
                </a> <!-- // flattype -->
            </div> <!-- // child -->

            <div>
                <a href="{{ $card_url }}?min-room=4&max-room=4" class="flattype">
                    <div><img src="/kepek/index-flat-04.jpg" alt="" /></div>
                    <div class="flattype__infobox uk-background-image uk-background-norepeat"
                        style="background-image: url(/images/wave-bg.svg); background-size: 1920px auto; background-position: -600px 90px">
                        <div class="flattype_animatedbox">
                            <div class="flattype__num">4</div>
                            <div class="flattype_name">{{ __('4 szobás lakások') }}</div>
                            <div class="flattype_size">{{ __($text->$field_four) }}</div>
                            <div class="flatttype_desc">{!! __('Balatonra néző terasz vagy loggia, 108 m<sup>2</sup>-től') !!}
                            </div>
                            <div><span class="uk-button uk-button-default button-arrow-right">{{ __('Részletek')
                                    }}</span></div>
                        </div> <!-- // flattype_animatedbox -->
                    </div> <!-- // flattype__infobox -->
                </a> <!-- // flattype -->
            </div> <!-- // child -->
        </div> <!-- //grid -->
    </div> <!-- // container -->
</section>