@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');
    }

@endphp


@section('content')
    <main>

        @include('content/index/akcio')

        <section
            class="uk-section uk-section-xsmall uk-section-default uk-position-relative uk-position-z-index uk-box-shadow-small"
            uk-scrollspy="cls:uk-animation-slide-bottom-medium">
            <div class="uk-container">
                <div class="uk-flex-between uk-flex-middle floorplan-header" uk-grid>
                    <div class="uk-width-1-1 uk-width-auto@s">
                        <div class="flat-name">{{ $flat->name }}</div>
                    </div>
                    <div class="uk-width-1-2 uk-width-auto@s">
                        <div class="uk-text-xsmall uk-text-uppercase uk-text-secondary">{{ __('Alapterület') }}</div>
                        <div>{{ $flat->size }} {!! __('m<sup>2</sup>') !!}</div>
                    </div>
                    <div class="uk-width-1-2 uk-width-auto@s">
                        <div class="uk-text-xsmall uk-text-uppercase uk-text-secondary">{{ __('Terasz') }}</div>
                        <div>{{ $flat->terrace_or_balcony }} {!! __('m<sup>2</sup>') !!}</div>
                    </div>
                    <div class="uk-width-1-2 uk-width-auto@s">
                        <div class="uk-text-xsmall uk-text-uppercase uk-text-secondary">{{ __('Emelet') }}</div>
                        <div>{{ $flat->floor_string }}</div>
                    </div>
                    <div class="uk-width-1-2 uk-width-auto@s">
                        <div class="uk-text-xsmall uk-text-uppercase uk-text-secondary">{{ __('Szobaszám') }}</div>
                        <div>{{ $flat->rooms_total }}</div>
                    </div>
                    <div class="uk-width-1-2 uk-width-auto@s">
                        @if ($flat->status === 1)
                            @if ($flat->sale_price > 0 && $flat->sale_price < $flat->price)
                                <div class="uk-text-xsmall uk-text-uppercase uk-text-secondary">{{ __('Bruttó ár') }}</div>
                                <div><del>{{ number_format($flat->price, 0, ',', ' ') }} {{ __('Ft') }}</del></div>
                                <div class="uk-text-xsmall uk-text-uppercase uk-text-warning">{{ __('Extra akciós ár') }}*
                                </div>
                                <div class="uk-text-warning">{{ number_format($flat->sale_price, 0, ',', ' ') }}
                                    {{ __('Ft') }}</div>
                            @else
                                <div class="uk-text-xsmall uk-text-uppercase uk-text-secondary">{{ __('Bruttó ár') }}</div>
                                <div>{{ number_format($flat->price, 0, ',', ' ') }} {{ __('Ft') }}</div>
                            @endif
                        @endif
                    </div>
                </div>
            </div> <!-- // container -->
        </section>

        <section class="uk-section uk-background-muted" uk-scrollspy="cls:uk-animation-slide-bottom-medium">
            <div class="uk-container">
                <div uk-grid>
                    <div class="uk-width-3-5@m">

                        {{--
                        @if ($flat->status === 1)
                        <div class="uk-background-default uk-padding-small uk-box-shadow-small uk-margin-bottom floorplan-header">
                            <div class="uk-child-width-1-2" uk-grid>
                                <div>
                                    <div class="uk-text-xsmall uk-text-uppercase uk-text-secondary">{{ __('Bruttó ár') }}</div>
                                    <div>{{ number_format( $flat->price , 0, "," , " ") }} {{ __('Ft') }}</div>
                                </div>
                                <div>
                                    <div class="uk-text-xsmall uk-text-uppercase uk-text-secondary">{{ __('Akciós ár') }}*</div>
                                    <div class="uk-text-danger">{{ number_format( $flat->sale_price , 0, "," , " ") }} {{ __('Ft') }}</div>
                                </div>
                            </div>
                        </div>
                        @endif
                     --}}

                        {{--
                    <div class="floorplan">
                        <img data-src="{{ $flat->floorplan_PNGpicture }}" uk-img />
                    </div>
                    --}}

                        <div class="uk-box-shadow-small uk-margin-bottom" uk-lightbox>
                            <a href="/alaprajzok/alaprajzok/jpg/{{ $flat->id }}.jpg"><img
                                    data-src="/alaprajzok/alaprajzok/jpg/{{ $flat->id }}.jpg" uk-img /></a>
                        </div>

                        <div class="uk-child-width-1-2@l" uk-grid>
                            <div>
                                <a href="{{ $list_url }}"
                                    class="uk-button uk-button-default uk-width-1-1 button-arrow-left">{{ __('Vissza a lakáslistához') }}</a>
                            </div> <!-- // child -->
                            <div>
                                @livewire('add-flat-to-basket-button', ['flat' => $flat])
                            </div> <!-- // child -->
                        </div> <!-- // grid -->


                        @if (app()->getLocale() == 'hu')
                            <p class="uk-text-xsmall uk-text-muted">
                                Az adatlapon megjelölt alaprajzi méretek vakolatlan falak közötti méretek, a kivitelezés
                                során
                                kismértékű méretváltozás lehetséges. Ezen dokumentációban közölt adatok a kiviteli tervek
                                alapján kerültek megállapításra kizárólag tájékoztató jelleggel, nem minősülnek
                                ajánlattételnek.
                                Az alaprajzon feltüntetett bútorok tájékoztató jellegűek, azok rajzi elhelyezése nem
                                feltétlenül
                                tükrözi azok jövőbeni elhelyezhetőségét, illetve azok nem képzik a lakás részét.
                            </p>
                        @endif

                        @if (app()->getLocale() == 'en')
                            <p class="uk-text-xsmall uk-text-muted">
                                The floor plan dimensions indicated on the data sheet are dimensions between unplastered
                                walls,
                                slight size changes may occur during construction. The information provided in this
                                documentation has been determined based on the construction plans for informational purposes
                                only and does not constitute as an offer. The furniture shown on the floor plan is for
                                informational purposes only, and their placement on the plan does not necessarily reflect
                                their
                                future placement, nor do they constitute part of the apartment.
                            </p>
                        @endif

                        @if (app()->getLocale() == 'de')
                            <p class="uk-text-xsmall uk-text-muted">
                                ...
                            </p>
                        @endif

                    </div> <!-- // child -->

                    <div class="uk-width-2-5@m">

                        <div><img data-src="/alaprajzok/szintrajz/{{ $flat->id }}.jpg" uk-img /></div>


                        <div class="uk-padding-small uk-background-default uk-box-shadow-small">
                            <table class="uk-table uk-table-small uk-table-divider uk-text-small">
                                <thead>
                                    <tr>
                                        <th>{{ __('Helyiség') }}</th>
                                        <th>{{ __('Alapterület') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($flat->rooms_list as $room)
                                        <tr>
                                            <td>{{ $loop->iteration }}. {{ __($room['name']) }}</td>
                                            <td>{{ $room['size'] }} {!! __('m<sup>2</sup>') !!}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div> <!-- // overflow -->
                    </div> <!-- // child -->
                </div> <!-- // grid -->
            </div> <!-- // container -->
        </section>


        {{--
    <section class="uk-section uk-section-primary" uk-scrollspy="cls:uk-animation-slide-bottom-medium">
        <div class="uk-container uk-container-small">
            <iframe src="https://previews.customer.envatousercontent.com/files/288165833/index.html" width="1920"
                height="1080" frameborder="0" allowfullscreen uk-responsive></iframe>
        </div>
    </section>
    --}}

        @include('content/shared/pricing_info', ['flat' => $flat])

        @include('content/shared/contact', ['flat' => $flat])


        @include('content/shared/similar', ['flat' => $flat])

    </main>
@endsection