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

    $path_1 = 'alaprajzok/panorama/' . $flat->id . '/01.jpg';
    $panorama_1 = file_exists($path_1);

    $path_2 = 'alaprajzok/panorama/' . $flat->id . '/02.jpg';
    $panorama_2 = file_exists($path_2);

    $path_3 = 'alaprajzok/panorama/' . $flat->id . '/03.jpg';
    $panorama_3 = file_exists($path_3);
@endphp

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

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

                <ul class="uk-subnav uk-subnav-pill uk-margin-remove" uk-switcher="swiping: false">
                    @if ( $panorama_1 )<li class="uk-padding-remove"><a href="#">{{ __('Panoráma 1') }}</a></li>@endif
                    @if ( $panorama_2)<li class="uk-padding-remove"><a href="#">{{ __('Panoráma 2') }}</a></li>@endif
                    @if ( $panorama_3)<li class="uk-padding-remove"><a href="#">{{ __('Panoráma 3') }}</a></li>@endif
                    <li class="uk-padding-remove"><a href="#">{{ __('Képek') }}</a></li>
                </ul>
                <ul class="uk-switcher">
                    @if ( $panorama_1 )
                    <li>
                        <div class="panorama-viewer" data-image="/{{ $path_1 }}"></div>
                    </li>
                    @endif
                    @if ( $panorama_2 )
                    <li>
                        <div class="panorama-viewer" data-image="/{{ $path_2 }}"></div>
                    </li>
                    @endif
                    @if ( $panorama_3 )
                    <li>
                        <div class="panorama-viewer" data-image="/{{ $path_3 }}"></div>
                    </li>
                    @endif
                    <li>
                        <div class="uk-position-relative uk-light" tabindex="-1" uk-slideshow>
                            <ul class="uk-slideshow-items">

                                @foreach ( $flat->allSlideShowImages as $img )
                                <li>
                                    <img data-src="{{ $img }}" alt="" uk-img uk-cover />
                                </li>
                                @endforeach

                            </ul>
                            <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous
                                uk-slideshow-item="previous"></a>
                            <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next
                                uk-slideshow-item="next"></a>
                        </div>
                    </li>
                </ul>

            </div><!-- // child -->
            <div class="uk-width-2-5@m">
                <ul uk-accordion>
                     <li class="uk-open">
                        <a class="uk-accordion-title" href="#">{{ __('Lakáshitel és CSOK információ') }}</a>
                        <div class="uk-accordion-content">
                            <p class="uk-text-small">{{ __('Egyedi kamatkedvezményekért keresse pénzügyi szakértő kollégánkat!') }}
                            </p>
                            <p><a href="/{{ $locale }}/{{ __('url_kapcsolat') }}" class="uk-button uk-button-default button-arrow-right">{{ __('Kapcsolat') }}</a></p>
                        </div>
                    </li>
                    <li>
                        <a class="uk-accordion-title" href="#">{{ __('Fizetési ütemezés') }}</a>
                        <div class="uk-accordion-content">
                            <p class="uk-text-small">{{ __('Kivitelezési mérföldkövekhez kötve, műszaki ellenőri nyilatkozat alapján.') }}</p>
                         </div>
                    </li>
                    <li>
                        <a class="uk-accordion-title" href="#">{{ __('Műszaki leírás, dokumentáció') }}</a>
                        <div class="uk-accordion-content">
                            <p class="uk-text-small">
                                <a href="{{ $flat->technical_pdf }}" target="_blank"><span uk-icon="file-pdf"></span>
                                    {{ __('Műszaki információ') }} (pdf)
                                </a>
                            </p>
                            <p class="uk-text-small">
                                <a href="{{ $flat->floorplan_pdf }}" target="_blank"><span uk-icon="file-pdf"></span>
                                    {{ __('Alaprajz letöltése') }} (pdf)
                                </a>
                            </p>
                        </div>
                    </li>
                </ul>
            </div><!-- // child -->
        </div><!-- // grid -->
    </div><!-- // container -->
</section>