@extends('layouts/lakeresort')

@php

    if (app()->getLocale() == 'hu') {
        SEOMeta::setTitle('Lakáslista');
        $list_url = route('flat_list_hu');
    }

    if (app()->getLocale() == 'en') {
        SEOMeta::setTitle('Flat list');
        $list_url = route('flat_list_en');
    }

    if (app()->getLocale() == 'de') {
        SEOMeta::setTitle('Flat list');
        $list_url = route('flat_list_de');
    }

    if (app()->getLocale() == 'ru') {
        SEOMeta::setTitle('Flat list');
        $list_url = route('flat_list_ru');
    }

    $order = request()->query('order', 5);

    $query_string = request()->getQueryString();

    if (!empty($order)) {
        $list_url .= '?1&' . $query_string;
    }

@endphp


@section('content')

    <main>

        @include('content/flats/search')

        <section class="uk-section uk-section-small uk-section-default" uk-scrollspy="cls:uk-animation-slide-bottom-medium">
            <div class="uk-container">

                {{-- <p class="uk-text-uppercase uk-text-secondary uk-margin-small-bottom">{{ __(':num találat', ['num' =>
            $flats['active_count'] ]) }}</p> --}}

                <form class="uk-flex-between uk-flex-middle uk-margin-medium-bottom" uk-grid>
                    <div class="uk-width-1-2@m uk-visible@m">
                        <a href="{{ $list_url }}"
                            class="uk-link-reset uk-text-small uk-text-uppercase uk-text-normal"><span
                                uk-icon="icon: grid; ratio: 1.5" class="uk-text-secondary"></span>
                            {{ __('Lista nézet') }}</a>
                    </div>
                    <div class="uk-width-1-1 uk-width-1-3@m">
                        <select class="uk-select uk-width-1-1" id="order" name="order">
                            <option value="">{{ __('Rendezés') }}</option>

                            <option value="7" @if ($order == 7) selected @endif>
                                {{ __('Szobaszám szerint növekvő') }}</option>
                            <option value="8" @if ($order == 8) selected @endif>
                                {{ __('Szobaszám szerint csökkenő') }}</option>

                            {{--
                            <option value="1" @if ($order == 1) selected @endif>
                                {{ __('Ár szerint növekvő') }}</option>
                            <option value="2" @if ($order == 2) selected @endif>
                                {{ __('Ár szerint csökkenő') }}</option>
                            --}}

                            <option value="3" @if ($order == 3 || empty($order)) selected @endif>
                                {{ __('Alapterület szerint növekvő') }}</option>
                            <option value="4" @if ($order == 4) selected @endif>
                                {{ __('Alapterület szerint csökkenő') }}</option>

                            <option value="5" @if ($order == 5) selected @endif>
                                {{ __('Név szerint növekvő') }}</option>
                            <option value="6" @if ($order == 6) selected @endif>
                                {{ __('Név szerint csökkenő') }}</option>

                        </select>
                    </div>
                </form>

                <div class="uk-child-width-1-2@s uk-child-width-1-3@l" uk-grid>

                    @php $promoted_flats = config('flats.tavaszi_akcio'); @endphp

                    @foreach ($flats['flats'] as $flat)
                        @php
                            $is_promoted = true;
                            /*
                            if (in_array($flat->id, $promoted_flats)) {
                                $is_promoted = true;
                            }
                            */
                        @endphp
                        @include('content/shared/flat_card_row', [
                            'flat' => $flat,
                            'promoted' => $is_promoted,
                        ])
                    @endforeach
                </div>



            </div>
            <!-- // container -->
        </section>
    </main>
@endsection