@extends('layouts.app')
@section('title', 'Trouvez l’appartement ou la maison de vos rêves avec l’agence Vauban')
@section('description', 'Entrez vos critères dans notre moteur de recherches professionnel et trouvez votre maison, appartement ou local commercial à Besançon, dans le Doubs ou le Jura.')

@section('contenu')

    <section>
        <div class="container-fluid">
            <div class="row dynamic-columns">
                <div class="col-lg-12 pt-5 col">
                    <div class="col-lg-12 mt-3 pr-3">
                        <div class="titre-page-recherche">
                            <p class="text-rumble d-none d-xl-block" style="font-size: 18px;float: right">
                            </p>
                            <h1 class="text-rumble titre-recherche">Définissez vos critères <span class="toggle-map icone-map pointer-cursor d-none" ><img src="{{asset('img/picto/picto-localite.png')}}" style="float: right" width="15%"></span>
                                <br>
                                <span class="blue sous-titre-recherche text-nunito">pour dénicher le toit qui vous
                                    va</span></h1>
                        </div>

                        @include('criteres-filtres-desktop')
                        @include('criteres-filtres-mobile')


                        <div class="listes-biens p-5">
                            <div class="mt-1 ml-2">
                                <p class="text-rumble" style="font-size: 35px">Nos biens à vendre</p>
                                <hr class="hr-barre-bleu" style="margin:0;">
                            </div>
                            <div class="mt-1">

                                @include('incs.biens-cards')

                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-lg-6 pt-5 d-none">
                    <div class="container-map-recherche">
                        <div id="map">
                            <span class="toggle-map  close-map" id="hideShowMap" style="cursor: pointer"><i class="fa fa-times-circle"></i></span>
                        </div>
                    </div>
                </div>
            </div>
{{--            @include('incs.pre-footer-infos')--}}
{{--            @include('incs.footer')--}}
        </div>
        </div>
    </section>
@endsection

@section('script')
    @include('layouts.map')


@endsection