@extends('layouts.public')

@section('title') {{trans('seo.title.object', ['title' => $object->title])}} @endsection

@section('content')
<div class="sub-banner overview-bgi">
    <div class="overlay">
        <div class="container">
            <div class="breadcrumb-area">
                <h1>{{$object->title}}</h1>
                <ul class="breadcrumbs">
                    <li><a href="{{route('public.index')}}">{!!trans('object.page.subtitle')!!}</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="properties-details-page content-area">
    <div class="container">
        <div class="row mb-50">
            <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                <div class="sidebar-widget mb-40">
                    <div class="properties-detail-slider simple-slider mb-40">
                        <div id="gallery" style="display: none;">
                            @foreach($object->images as $image)
                            <img src="{{asset($image->thumbnail)}}" alt="{{$object->title}}" data-image="{{asset($image->path)}}" data-description="{{$object->title}}">
                            @endforeach
                        </div>
                    </div>
                    <div class="properties-description">
                        <div class="main-title-2">
                            <h1><span>{!!trans('object.description')!!}</span></h1>
                        </div>

                        {!!$object->content!!}
                    </div>
                </div>                
                @if($object->documents->count())
                <div class="sidebar-widget mb-40">
                    <div class="main-title-2">
                        <h1><span>{!!trans('global.documents')!!}</span></h1>
                    </div>
                    @foreach($object->documents as $document)
                    <p><a href="{{asset($document->path)}}" class="red" target="_blank"><i class="fa fa-download"></i> {{$document->name}}</a></p> 
                    @endforeach
                </div>
                @endif
                <div class="location sidebar-widget">
                    <div class="map">
                        <div class="main-title-2">
                            <h1><span>{!!trans('object.location')!!}</span></h1>
                        </div>
                        <iframe src="https://maps.google.com/maps?q={{$object->lat}},{{$object->lng}}&z=15&output=embed" width="100%" height="450" frameborder="0" style="border:0" class="contact-map"></iframe>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                <div class="sidebar right">
                    @include('include.aside')
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('styles')
<link rel='stylesheet' href='/unitegallery/css/unite-gallery.css?v=2' type='text/css' />
<style type="text/css">
    .ug-gallery-wrapper .ug-slider-wrapper, .ug-gallery-wrapper .ug-strip-panel {
        background-color: white;
    }
</style>
@endsection

@section('scripts')
<script type='text/javascript' src='/unitegallery/js/unitegallery.min.js'></script>  
<script type='text/javascript' src='/unitegallery/themes/compact/ug-theme-compact.js'></script>
<script type="text/javascript">

    jQuery(document).ready(function(){

        jQuery("#gallery").unitegallery({
            gallery_theme: "compact",
            gallery_height: 600, 
            slider_scale_mode: "fit",
            slider_control_zoom: false,
            slider_fullscreen_button_align_hor: "right",
            slider_enable_play_button: false,
            slider_enable_zoom_panel: false,
            strippanel_enable_handle: false
        });

    });

</script>
@endsection