@php
$categories = \App\Models\PageCategory::all();
$setting = \App\Models\Setting::first();
$cat_id = '';
$total_msg = 0;
$conv =  \App\Models\Conversation::where('receiver_id', Auth::user()->id)->orwhere('sender_id', Auth::user()->id)->first();
if(isset($conv)){
    $total_msg = $conv->messages->where('read', 0)->where('receiver_id', Auth::user()->id)->count();
}
@endphp
<div class="container-fluid header bg-white p-0">
    <div class="row g-0 align-items-center flex-column-reverse flex-md-row">
        <div class="col-md-6 p-5 mt-lg-5">
            <h1 class="display-6 animated fadeIn mb-4">Find A <span class="text-primary">Perfect Apartment</span> To Live With Your Family</h1>
            <p class="animated fadeIn mb-4 pb-2">Vero elitr justo clita lorem. Ipsum dolor at sed stet
                sit diam no. Kasd rebum ipsum et diam justo clita et kasd rebum sea elitr.</p>
        </div>
        <div class="col-md-6 animated fadeIn">
            <div class="owl-carousel header-carousel">
                <div class="owl-carousel-item">
                    <img class="img-fluid" src="{{ asset('assets_customer/'.$theme->name.'/img/carousel-1.jpg') }}" alt="">
                </div>
                <div class="owl-carousel-item">
                    <img class="img-fluid" src="{{ asset('assets_customer/'.$theme->name.'/img/carousel-2.jpg') }}" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Search Start -->
<div class="container-fluid bg-primary mb-5 wow fadeIn" data-wow-delay="0.1s" style="padding: 35px;">
    <div class="container">
        <div class="row g-2">
            <div class="col-md-12">
                <div class="row g-2">
                    @foreach ($categories as $cat)
                    <div class="col-md-3">
                       
                            <a href="{{url('customer/page/'.$cat->id)}}" class="
                                btn btn-dark border-0 w-100 py-3 
                            @if($cat->id == $cat_id) active @endif">{{$cat->name}}</a>
                       
                        {{--  <button class="btn btn-dark border-0 w-100 py-3">The Building</button>  --}}
                    </div>
                    @endforeach
                    {{--  <div class="col-md-3">
                        <button class="btn btn-dark border-0 w-100 py-3">The Apartment</button>
                    </div>
                    <div class="col-md-3">
                        <button class="btn btn-dark border-0 w-100 py-3">My Local Area</button>
                    </div>
                    <div class="col-md-3">
                        <button class="btn btn-dark border-0 w-100 py-3">My Life Style</button>
                    </div>  --}}
                </div>
            </div>
           
        </div>
    </div>
</div>
<!-- Search End -->