@extends('layouts.public')

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

@section('content')
<div class="sub-banner overview-bgi">
    <div class="overlay">
        <div class="container">
            <div class="breadcrumb-area">
                <h1>{{$floor->title}}</h1>
                <ul class="breadcrumbs">
                    <li><a href="{{route('public.index')}}">{!!trans('references.page.subtitle')!!}</a></li>
                    <li class="active"><a href="{{route('public.object', $object)}}">{{$object->title}}</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="properties-section-body content-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-8 col-xs-12">
                <div class="mb-40">
                    <div class="row">
                        <img src="{{asset($floor->image)}}" alt="{{$floor->title}}" class="img-responsive hp-1">
                    </div>
                </div>
                <div class="clearfix"></div>
                @foreach($floor->properties as $property)
                <div class="property clearfix wow fadeInUp delay-03s">
                    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 col-pad">
                        <div class="property-img">
                            <div class="property-tag button alt featured" style="background: {{$property->status->color}}">{{$property->status->title}}</div>
                            <div class="property-price"><mark class="color" style="color: #7fa4a1; background: white;">{{number_format($property->price)}} €</mark></div>
                            <img src="{{asset($property->thumbnail)}}" alt="{{$property->title}}" class="img-responsive hp-1">
                            <div class="property-overlay">
                                <a href="{{route('public.property', [$object, $floor, $property])}}" class="overlay-link">
                                    <i class="fa fa-link"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 property-content ">
                        <h1 class="title">
                            <a href="{{route('public.property', [$object, $floor, $property])}}">{{$property->title}}</a>
                        </h1>
                        <h3 class="property-address">
                            <a href="#">
                                <i class="fa fa-map-marker"></i>{{$property->object->title}}, {{$property->floor->title}}
                            </a>
                        </h3>
                        <ul class="facilities-list clearfix">
                            <li>
                                <i class="flaticon-square-layouting-with-black-square-in-east-area"></i>
                                <span>{{$property->surface}} m<sup>2</sup></span>
                            </li>
                            <li>
                                <i class="flaticon-bed"></i>
                                <span>{{$property->bedrooms}}</span>
                            </li>
                            <li>
                                <i class="flaticon-holidays"></i>
                                <span>{{$property->bathrooms}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="col-lg-4 col-md-4 col-xs-12">
                @include('include.aside')
            </div>
        </div>
    </div>
</div>
@endsection