@extends('pages.main')

@section('title', 'Agences')


@section('content')
    
    <section class="our-listing bgc-f7 pb30-991">
        <div class="container">

            <div class="row">
                <div class="col-lg-6">
                    <div class="breadcrumb_content style2 mb0-991">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('page.accueil')}}">Accueil</a></li>
                            <li class="breadcrumb-item active text-thm" aria-current="page">@yield('title')</li>
                        </ol>
                        <h2 class="breadcrumb_title">@yield('title')</h2>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="listing_list_style mb20-xsd tal-991">
                        <ul class="mb0">
                            <li class="list-inline-item"><a href="#"><span class="fa fa-th-large"></span></a></li>
                            <li class="list-inline-item"><a href="#"><span class="fa fa-th-list"></span></a></li>
                        </ul>
                    </div>
                    
                </div>
            </div>

            <div class="row">
                <div class="col-lg-4 col-xl-4">
                    <div class="sidebar_listing_grid1 dn-991">

                        <div class="sidebar_listing_list">
                            {{--<form action="" method="GET">
                                <div class="sidebar_advanced_search_widget">
                                    <ul class="sasw_list mb0">
                                        <li class="search_area">
                                            @include('pages.shared.input-with-icon', ['name'=>'keyword', 'placeholder' => 'Mot Clé', 'iconclass'=>"flaticon-magnifying-glass"])
                                        </li>
                                        <li class="search_area">
                                            @include('pages.shared.input-with-icon', ['name'=>'localistion', 'placeholder'=>'Localisation', 'iconclass'=>"flaticon-maps-and-flags",])
                                        </li>
                                        <li class="search_area">
                                            @include('pages.shared.input-with-icon', ['name'=>'prix', 'placeholder' => 'Budget Max', 'iconclass'=>"flaticon-price", 'value'=>$inputdata['prix'] ?? ''])
                                        </li>
                                        
                                        <li>
                                            <div class="search_option_two">
                                                <div class="candidate_revew_select">
                                                    <select name="typebien" class="selectpicker w100 show-tick">
                                                        <option >Type de Bien</option>
                                                        @foreach ($typebiens as $typebien)
                                                            <option>{{$typebien->libelle}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </li>
                                        
                                        <li class="min_area list-inline-item mt-20">
                                            @include('pages.shared.input-with-icon', ['name'=>'surfacemin', 'placeholder'=>'Surface Minimal'])
                                        </li>
                                        <li class="max_area list-inline-item mt-20">
                                            @include('pages.shared.input-with-icon', ['name'=>'surfacemax', 'placeholder'=>'Surface Max'])
                                        </li>
                                        <li>
                                            <div id="accordion" class="panel-group">
                                                <div class="panel">
                                                    <div class="panel-heading">
                                                        <h4 class="panel-title">
                                                            <a href="#panelBodyRating" class="accordion-toggle link" data-toggle="collapse" data-parent="#accordion"><i class="flaticon-more"></i>Fonctionnalités Avancées</a>
                                                        </h4>
                                                    </div>
                                                    <div id="panelBodyRating" class="panel-collapse collapse">
                                                        <div class="panel-body row">
                                                            <div class="col-lg-12">
                                                                @php
                                                                    $caras = $caracteristiques->split(2);
                                                                @endphp
                                                                <ul class="ui_kit_checkbox selectable-list float-left fn-400">
                                                                   
                                                                    @foreach ($caras->get(0) as $k => $caracteristique)
                                                                        <li>
                                                                            <div class="custom-control custom-checkbox">
                                                                                @include('pages.shared.checkbox', ['name'=>Str::lcfirst($caracteristique->libelle)])
                                                                            </div>
                                                                        </li>
                                                                        
                                                                    @endforeach
                                                                </ul>
                                                                <ul class="ui_kit_checkbox selectable-list float-right fn-400">
                                                                   
                                                                    @foreach ($caras->get(1) as $k => $caracteristique)
                                                                        <li>
                                                                            <div class="custom-control custom-checkbox">
                                                                                @include('pages.shared.checkbox', ['name'=>Str::lcfirst($caracteristique->libelle)])
                                                                            </div>
                                                                        </li>
                                                                        
                                                                    @endforeach
                                                                </ul>
                                                                
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="search_option_button">
                                                <button type="submit" class="btn btn-block btn-thm">Rechercher</button>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </form>--}}
                        </div>

                        <div class="terms_condition_widget">
                            <h4 class="title">Proprietés en Vedette</h4>
                            <div class="sidebar_feature_property_slider">
                                @foreach ($biensvedettes as $bien )
                                    <div class="item">
                                        <div class="feat_property home7">
                                            <div class="thumb">
                                                @if ($bien->imagePrincipale() != null)
                                                    <img class="img-whp" src="/storage/{{$bien->imagePrincipale()->path}}" alt="Image Principale">
                                                @else
                                                    <img class="img-whp" src="{{asset('assets/images/property/fp3.jpg')}}" alt="Image Principale">
                                                @endif
                                                <div class="thmb_cntnt">
                                                    <ul class="tag mb0">

                                                        @if ($bien->typeoffre->libelle == "VENTES/ACHATS")
                                                            <li class="list-inline-item bgc-darkrose" ><a href="{{route('page.biens-vente')}}">{{$bien->typeoffre->tag}}</a></li>
                                                        @endif

                                                        @if ($bien->typeoffre->libelle == "LOCATION")
                                                            <li class="list-inline-item bgc-green2"><a href="{{route('page.biens-location')}}">{{$bien->typeoffre->tag}}</a></li>
                                                        @endif

                                                        @if ($bien->typeoffre->libelle == "CONSTRUCTION/GESTION")
                                                            <li class="list-inline-item"><a href="#">{{$bien->typeoffre->tag}}</a></li>
                                                        @endif

                                                        <li class="list-inline-item"><a href="#">En Vedette</a></li>

                                                    </ul>
                                                    <a class="fp_price" href="#">{{ number_format($bien->prix, thousands_separator: ' ') }} {{$bien->devise}}<small>/mo</small></a>
                                                    <h4 class="posr color-white">{{ $bien->titre }}</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                                
                                <div class="item">
                                    <div class="feat_property home7">
                                        <div class="thumb">
                                            <img class="img-whp" src="images/property/fp4.jpg" alt="fp4.jpg">
                                            <div class="thmb_cntnt">
                                                <ul class="tag mb0">
                                                    <li class="list-inline-item"><a href="#">For Rent</a></li>
                                                    <li class="list-inline-item"><a href="#">Featured</a></li>
                                                </ul>
                                                <a class="fp_price" href="#">$13,000<small>/mo</small></a>
                                                <h4 class="posr color-white">Renovated Apartment</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="feat_property home7">
                                        <div class="thumb">
                                            <img class="img-whp" src="images/property/fp5.jpg" alt="fp5.jpg">
                                            <div class="thmb_cntnt">
                                                <ul class="tag mb0">
                                                    <li class="list-inline-item"><a href="#">For Rent</a></li>
                                                    <li class="list-inline-item"><a href="#">Featured</a></li>
                                                </ul>
                                                <a class="fp_price" href="#">$13,000<small>/mo</small></a>
                                                <h4 class="posr color-white">Renovated Apartment</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="terms_condition_widget">
                            <h4 class="title">Types de Proprietés</h4>
                            <div class="widget_list">
                                <ul class="list_details">
                                    @foreach ($typebiens as $typebien)
                                        <li><a href="#"><i class="fa fa-caret-right mr10"></i>{{$typebien->libelle}} <span class="float-right">{{$typebien->biens()->count()}} Propriétés</span></a></li>
                                    @endforeach
                                    
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>


                <div class="col-md-12 col-lg-8">
                    <div class="row">
                        <div class="grid_list_search_result mt-10">
                            <div class="col-sm-12 col-md-4 col-lg-4 col-xl-5">
                                <div class="left_area tac-xsd">
                                    <p> {{$agences->total()}} Agences Retrouvées</p>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-8 col-lg-8 col-xl-7">
                                <div class="right_area text-right tac-xsd">
                                    <ul>
                                        <li class="list-inline-item"><span class="stts">Etat:</span>
                                            <select class="selectpicker show-tick">
                                                <option>Tous les états</option>
                                                <option>Recent</option>
                                                <option>Old Review</option>
                                            </select>
                                        </li>
                                        <li class="list-inline-item"><span class="shrtby">Trier Par:</span>
                                            <select class="selectpicker show-tick">
                                                <option>Vedettes en 1er</option>
                                                <option>Featured 2nd</option>
                                                <option>Featured 3rd</option>
                                                <option>Featured 4th</option>
                                                <option>Featured 5th</option>
                                            </select>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        
                        @forelse ($agences as $agence)
                            <div class="col-lg-12">
                                @include('pages.shared.agence-card')
                            </div>
                        @empty
                            <div class="col-md-12 col-lg-12">
                                <h4>Aucune Agence retrouvée !</h4>
                            </div>
                        @endforelse
                            
                    </div>
                </div>

                {{$agences->links("pages.shared.pagination")}}

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



@endsection