<section class="content-container property-detail project-detail">
    <div class="row">
        <div class="property-meta grid6">
            <h1>
                <div id="circle">{{($property->decoded_info->PercentageSold)}}%</div>
                {{$property->decoded_info->Name}}
                {{--@if($property->decoded_info->PublicAddress)
                    {{$property->decoded_info->Street}} {{$property->decoded_info->HouseNumber}}
                @else
                    {{$property->type}} {{$property->city}}
                @endif--}}

            </h1>

            <h4>{{$property->postal_code}} {{$property->city}} <span>&bull;</span> {{$property->type}}
            </h4>

        </div>

        <div class="grid6 stay">
            <div class="stay-in-touch-button">
                <span></span>
                @lang('translations.getInformation')
            </div>
        </div>
        <div class="fb-share-button" data-href="{{\Request::fullUrl()}}" data-layout="button"
             data-mobile-iframe="true"></div>
    </div>
    @if(isset($property->decoded_info->LargePictures))
        @include('layouts.partials.propertyImages')
    @endif

    <div class="row info-row">

        <div class="small-info">
            <h2>@lang('translations.specs')</h2>

            <div class="spec-list">
                @include('layouts/partials.specsListProject')
            </div>
            @include('layouts.partials.documentDetail')
        </div>

        <div class="grid6 text-block">
            <h2>@lang('translations.description')</h2>

            @if(isset($property->decoded_info->ShortDescription))
                {{html_entity_decode($property->decoded_info->ShortDescription)}}
            @endif
            @if(in_array('trackingCookieAccepted', array_keys(\Cookie::get())))
                <div class="facebook-share-property">
                    <img alt="facebookShare" src="/img/facebook-button.svg"/>
                </div>
            @endif


            <h2 class="projectOffer">@lang('translations.projectOffer')</h2>

            <p class="headerTable">
                <span class="type">@lang('property.type')</span>
                <span class="floor">@lang('property.floor')</span>
                <span class="surface">@lang('property.surface')</span>
                <span class="bedrooms">@lang('property.bedrooms')</span>
                <span class="price">@lang('property.price')</span>
                <span class="more-info-column"></span>
            </p>
            @foreach($subProperties as $subProperty)
                <p class="sub-property">
                    <a href="/{{$subProperty->route}}">
                        <span class="type">{{$subProperty->type}}</span>
                        <span class="floor">{{$subProperty->decoded_info->Floor}}</span>
                        <span class="surface">{{$subProperty->decoded_info->SurfaceTotal}} m<sup>2</sup></span>
                        <span class="bedrooms">{{$subProperty->decoded_info->NumberOfBedRooms}}</span>
                        @if($subProperty->status == 2)
                            <span class="price warning">In Optie</span>
                        @elseif($subProperty->status == 3)
                            <span class="price alert">Verkocht</span>
                        @elseif($subProperty->status == 4)
                            <span class="price alert">Verhuurd</span>
                        @else

                            <span class="price">@if($subProperty->decoded_info->PublishPrice)
                                    € {{$subProperty->format_price}} @endif</span>
                        @endif
                        <span class="more-info-column">@lang('property.details')</span>
                    </a>
                </p>
            @endforeach


        </div>


        <div class="grid6 property-info">
            <div class="larger-info">
                <h2>@lang('translations.specs')</h2>

                <div class="spec-list">
                    @include('layouts/partials.specsListProject')
                </div>

                @include('layouts.partials.documentDetail')


            </div>

            @if($property->decoded_info->PublicAddress && $property->decoded_info->GoogleX != '' && $property->decoded_info->GoogleY != '')
                <h2>@lang('translations.map')</h2>
                <div id="map" data-googlex="{{$property->decoded_info->GoogleX}}"
                     data-googley="{{$property->decoded_info->GoogleY}}"></div>
            @endif
        </div>
    </div>

</section>