@extends('layouts.default')
@section('title'){{ trans('agence.' . $page . '_meta_title') }}@stop
@section('description'){!! trans('agence.' . $page . '_meta_desc') !!}@stop
@section('canonical'){{ request()->url() }}@stop
@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ url('css/agence.css') }}?v={{ env('ASSET_VERSION') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('css/slick.css') }}">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.8/slick-theme.css" rel="stylesheet" />

@stop
@section('content')
    <main class="agence_page">
        <div class="agance_container">
            <div class="head_single">
                <p class="subheading">{{ trans('agence.' . $page . '_subheading') }}</p>
                <div class="head_inner">
                    <h1 class="heading">{{ trans('agence.' . $page . '_heading') }}</h1>
                </div>
            </div>
        </div>
        <section>
            <div class="agance_container">
                <div class="agence_banner">
                    <div class="slider_block">
                        @foreach ($images as $pic)
                            <div>
                                <x-optimized-image src="{{ 'images/' . $pic['image'] }}"
                                    alt="{{ $pic['alt'] ?? 'Banner image' }}" class="img" />
                            </div>
                        @endforeach
                    </div>
                    <div class="content">
                        @if ($page == 'woluwe')
                            <div class="contact_wrap">
                                <h3>{{ trans('agence.sale') }}/{{ trans('agence.rent') }}</h3>
                                <ul>

                                    <li>
                                        <img src="{{ url('/images/agence_call.svg') }}" alt="phone">
                                        <a href="tel:02 736 67 92">02 736 67 92</a>
                                    </li>
                                    <li>
                                        <img src="{{ url('/images/agence_home.svg') }}" alt="House_Icon">
                                        <span>Avenue des Cerisiers 212,<br>1200 Woluwe-Saint-Lambert</span>
                                    </li>
                                </ul>
                            </div>

                            <div class="contact_wrap">
                                <h3>{{ trans('agence.gestion') }}</h3>
                                <ul>
                                    <li>
                                        <img src="{{ url('/images/agence_call.svg') }}" alt="phone">
                                        <a href="tel:02 736 67 92">02 736 67 92</a>
                                    </li>
                                    <li>
                                        <img src="{{ url('/images/agence_home.svg') }}" alt="House_Icon">
                                        <span>Avenue Heydenberg 7, <br>1200 Woluwe-Saint-Lambert</span>
                                    </li>
                                </ul>
                            </div>
                        @elseif($page == 'pierre')
                            <div class="contact_wrap">
                                <h3>{{ trans('agence.sale') }}/{{ trans('agence.rent') }}</h3>
                                <ul>
                                    <li>
                                        <img src="{{ url('/images/agence_call.svg') }}" alt="phone">
                                        <a href="tel:02 732 17 10">02 732 17 10</a>
                                    </li>
                                    <li>
                                        <img src="{{ url('/images/agence_home.svg') }}" alt="House_Icon">
                                        <span>Avenue des Frères Legrain 78,<br>1150 Woluwe-Saint-Pierre</span>
                                    </li>
                                </ul>
                            </div>
                        @elseif($page == 'schaerbeek')
                            <div class="contact_wrap">
                                <h3>{{ trans('agence.sale') }}/{{ trans('agence.rent') }}</h3>
                                <ul>
                                    <li>
                                        <img src="{{ url('/images/agence_call.svg') }}" alt="phone">
                                        <a href="tel:02 646 88 10">02 646 88 10</a>
                                    </li>
                                    <li>
                                        <img src="{{ url('/images/agence_home.svg') }}" alt="House_Icon">
                                        <span>Sq. E. Plasky 97,<br>1030 Schaerbeek</span>
                                    </li>
                                </ul>
                            </div>
                        @else
                            <div class="contact_wrap">
                                <h3>{{ trans('agence.sale') }}/{{ trans('agence.rent') }}</h3>
                                <ul>
                                    <li>
                                        <img src="{{ url('/images/agence_call.svg') }}" alt="phone">
                                        <a href="tel:02 733 76 26">02 733 76 26</a>
                                    </li>
                                    <li>
                                        <img src="{{ url('/images/agence_home.svg') }}" alt="House_Icon">
                                        <span>Chaussée de Haecht 749,<br>1030 Schaerbeek</span>
                                    </li>
                                </ul>
                            </div>
                        @endif
                        <div class="contact_wrap">
                            <ul>
                                <li>
                                    <img src="{{ url('/images/email_icon.svg') }}" alt="icon">
                                    @if ($page == 'woluwe')
                                        <a href="mailto:info@expertissimmo.eu">info@expertissimmo.eu</a>
                                    @elseif($page == 'pierre')
                                        <a href="mailto:wsp@expertissimmo.eu">wsp@expertissimmo.eu</a>
                                    @elseif($page == 'schaerbeek')
                                        <a href="mailto:plasky-sch@expertissimmo.eu">plasky-sch@expertissimmo.eu</a>
                                    @else
                                        <a href="mailto:sch@expertissimmo.eu">sch@expertissimmo.eu</a>
                                    @endif

                                </li>
                            </ul>
                        </div>
                        <div class="view_grid">
                            <div class="view_box">
                                <div class="grid_box">
                                    <a href="{{ trans('agence.' . $page . '.reviews_link') }}" target="_blank">
                                        <ul>
                                            @foreach (range(1, 5) as $i)
                                                <li>
                                                    <img src="{{ url('images/star_yellow.svg') }}" alt="Star"
                                                        width="16" height="16" loading="lazy">
                                                </li>
                                            @endforeach
                                        </ul>
                                    </a>
                                    <a href="{{ trans('agence.' . $page . '.reviews_link') }}" target="_blank">
                                        <x-optimized-image src="images/google-review.png" alt="Google review"
                                            class="img" />
                                    </a>
                                </div>
                                <div class="grid_box">
                                    <p class="view_txt"><a href="{{ trans('agence.' . $page . '.reviews_link') }}"
                                            target="_blank">{{ trans('agence.' . $page . '.reviews') }}
                                            {{ trans('home.avis') }}</a></p>
                                    <p class="view_no"><a href="{{ trans('agence.' . $page . '.reviews_link') }}"
                                            target="_blank">{{ trans('agence.' . $page . '.rating') }}</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="agence_info_section">
            <span class="bg_img"></span>
            <div class="agence_info_container">
                <div class="agence_info_wrapper">
                    <h2 class="heading_main">@lang('agence.' . $page . '.agence_info')</h2>
                    <p class="info_txt">{{ trans('agence.' . $page . '.agence_info_text') }} </p>
                    <ul>
                        <li>{{ trans('agence.' . $page . '.agence_info_text_1') }}</li>
                        <li>{{ trans('agence.' . $page . '.agence_info_text_2') }}</li>
                    </ul>
                    <div class="btn_grid">
                        <p class="txt">{{ trans('agence.agence_info_btn') }}</p>
                        <div class="btn_box">
                            <a href="{{ route('estimat_' . app()->getLocale()) }}"
                                class="btn_block">{{ trans('agence.agence_info_free') }}</a>
                            <a href="{{ route('sale_' . app()->getLocale()) }}"
                                class="btn_block">{{ trans('agence.agence_info_sale') }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="satisfaction_section">
                <h2 class="heading_main center">@lang('home.satisfy_title')</h2>
                <div class="satisfaction_wrapper">
                    <div class="content testimonial">
                        <div>
                            <h3>{{ trans('home.testimonial_client_1') }}</h3>
                            <p>{{ trans('home.testimonial_review_1') }}</p>
                        </div>
                        <div>
                            <h3>{{ trans('home.testimonial_client_2') }}</h3>
                            <p>{{ trans('home.testimonial_review_2') }}</p>
                        </div>
                        <div>
                            <h3>{{ trans('home.testimonial_client_3') }}</h3>
                            <p>{{ trans('home.testimonial_review_3') }}</p>
                        </div>
                        <div>
                            <h3>{{ trans('home.testimonial_client_4') }}</h3>
                            <p>{{ trans('home.testimonial_review_4') }}</p>
                        </div>
                    </div>

                    <div class="view_grid">
                        <div class="view_box">
                            <div class="grid_box">
                                <a href="{{ trans('agence.' . $page . '.reviews_link') }}" target="_blank">
                                    <ul>
                                        @foreach (range(1, 5) as $i)
                                            <li>
                                                <img src="{{ url('images/star_yellow.svg') }}" alt="Star"
                                                    width="16" height="16" loading="lazy">
                                            </li>
                                        @endforeach
                                    </ul>
                                </a>
                                <a href="{{ trans('agence.' . $page . '.reviews_link') }}" target="_blank">
                                    <x-optimized-image src="images/google-review.png" alt="Google review"
                                        class="img" />
                                </a>
                            </div>
                            <div class="grid_box">
                                <p class="view_txt"><a href="{{ trans('agence.' . $page . '.reviews_link') }}"
                                        target="_blank">{{ trans('agence.' . $page . '.reviews') }}
                                        {{ trans('home.avis') }}</a></p>
                                <p class="view_no"><a href="{{ trans('agence.' . $page . '.reviews_link') }}"
                                        target="_blank">{{ trans('agence.' . $page . '.rating') }}</a></p>
                            </div>
                        </div>
                        <div class="view_box">
                            <div class="grid_box">
                                <a href="https://satisfaction.realadvice.be/avis/Expertissimmo/" target="_blank">
                                    <ul>
                                        @foreach (range(1, 5) as $i)
                                            <li>
                                                <img src="{{ url('images/star_yellow.svg') }}" alt="Star"
                                                    width="16" height="16" loading="lazy">
                                            </li>
                                        @endforeach
                                    </ul>
                                </a>
                                <a href="https://satisfaction.realadvice.be/avis/Expertissimmo/" target="_blank">
                                    <x-optimized-image src="images/realadvice_new.png" alt="advice" class="img" />
                                </a>
                            </div>
                            <div class="grid_box">
                                <p class="view_txt"><a href="https://satisfaction.realadvice.be/avis/Expertissimmo/"
                                        target="_blank">2791 {{ trans('home.avis') }}</a></p>
                                <p class="view_no"><a href="https://satisfaction.realadvice.be/avis/Expertissimmo/"
                                        target="_blank">4.7/5</a></p>
                            </div>
                        </div>
                        <div class="view_box">
                            <div class="grid_box">
                                <a href="https://www.opinionsystem.fr/fr-fr/certificate/12083" target="_blank">
                                    <ul>
                                        @foreach (range(1, 5) as $i)
                                            <li>
                                                <img src="{{ url('images/star_yellow.svg') }}" alt="Star"
                                                    width="16" height="16" loading="lazy">
                                            </li>
                                        @endforeach
                                    </ul>
                                </a>
                                <a href="https://www.opinionsystem.fr/fr-fr/certificate/12083" target="_blank">
                                    <x-optimized-image src="images/opinion_system_new.png" alt="opinion"
                                        class="img" />
                                </a>
                            </div>
                            <div class="grid_box">
                                <p class="view_txt"><a href="https://www.opinionsystem.fr/fr-fr/certificate/12083"
                                        target="_blank">356 {{ trans('home.avis') }}</a></p>
                                <p class="view_no"><a href="https://www.opinionsystem.fr/fr-fr/certificate/12083"
                                        target="_blank">4.7/5</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="team_section">
            @include('sections.team-members')
        </section>
    </main>
@stop
@section('scripts')
    <script type="text/javascript" src="{{ url('js/slick.js') }}" defer></script>
    <script async type="text/javascript" src="{{ url('./js/about.min.js') }}" defer></script>
@stop