@extends('layouts.app')
@section('title', $content['title'].' - '. $content['category']['name'] . ' à ' .$content['city'])
@section('h1', $content['title'].' - Programme immobilier à '. $content['city'])
@section('seo-description', 'Voir ce '.$content['category']['name']. ' à ' . $content['city'] .', ' .$content['title'].' - '.strip_tags($content['metaDescription']))
@section('bodyClass', 'detail')
@section('content')
<!--Inner Heading Start-->
<div class="innerHeading">
    <div class="container">
        <h1>{{ $content['category']['name'] }} à {{ $content['city'] }}<br>{{ $content['title'] }} <span class="visible-ref">réf.{{ $content['slug'] }}</span></h1>
    </div>
</div>
<!--Inner Heading End-->
<div class="innercontent">
    <div class="container">
        <div id="slider" class="flexslider wow fadeInUp">
            @if (Agent::isMobile())
            <ul class="slides">
                @foreach ($content['media'] as $k => $media)
                <li><img src="https://pro.vitahome.fr/api/media/crop/1110-750-FFFFFF-center-center/{{ $media['id'] }}.webp?force-webp=true&token={{ env('VITAHOME_API_KEY') }}" alt="image {{ $content['metaDescription'] }}"></li>
                @endforeach
            </ul>
            @else
            <ul class="slides">
                @foreach ($content['media'] as $k => $media)
                <li><img src="https://pro.vitahome.fr/api/media/crop/1110-750-FFFFFF-center-center/{{ $media['id'] }}.webp?force-webp=true&token={{ env('VITAHOME_API_KEY') }}" alt="image {{ $content['metaDescription'] }}"></li>
                @endforeach
            </ul>
            @endif
        </div>
        <div id="carousel" class="flexslider wow fadeInUp">
            <ul class="slides">
                @foreach ($content['media'] as $k => $media)
                <li><img src="https://pro.vitahome.fr/api/media/crop/210-135-FFFFFF-center-center/{{ $media['id'] }}.webp?force-webp=true&token={{ env('VITAHOME_API_KEY') }}" alt="image {{ $content['metaDescription'] }}"></li>
                @endforeach
            </ul>
        </div>
        <div class="property_details"><br>
            <div class="row property_head wow fadeInUp">
                <div class="col-lg-8 col-md-8">
                    <h3>{{ $content['title'] }}</h3>
                </div>
            </div>
            @if ( $content['content'] != null )
            <div class="property_widget wow fadeInUp">
                {!! $content['content'] !!}
            </div>
            @endif
        </div>
    </div>
</div>
<div class="buy-wrap wow fadeInUp">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="formcol contact-btn">
                    <div class="sec-title text-center">
                        <span class="h2 yellow">@lang('messages.page.detail.model.formTitle')</span>
                    </div>
                    @include('common-client-bundle::form-contact', ['confirmationUrl' => '/realisation-confirmation.html', 'origin' => 59, 'adReference' => null,'companyId' => $company['id'], 'dataLocation' => null, 'dpt' => $company['coveredDepartment'], 'buttonCss' => 'sub bg-yellow red'])
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('extraJs')
<script src="{{ asset('vendor/common-client-bundle/js/contact-form.js') }}"></script>
@endsection