@extends('web.layouts.app')

@section('content')
<div class="inner-banner">
    <div class="inner-banner-wrap">
        @if($about_banner)
        @php
        $thumbnail_url = $about_banner->getFirstMediaUrl('about-banner-image');
        @endphp
        @if($thumbnail_url)
        <img src="{{ $thumbnail_url }}" alt="">
        @else
        <img src="{{ asset('web/assets/images/about-banner.png') }}" alt="">
        @endif
        @endif
        <div class="desc">
            <div class="cus-container">
                <div class="text text-center">
                    <h1>About Us</h1>
                    <ul>
                        <li><a href="{{route('home')}}">Home</a></li>
                        <li>About</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="who-are-sec">
    <div class="cus-container">
        <div class="row">
            <div class="col-md-12 col-sm-12">
                <h2>Who We Are ?</h2>
                <div class="row">
                    <div class="col-lg-3 col-md-12">
                        <div class="who-are-tham">
                            @php
                            $who_we = get_cms_about('who-we-are');
                            @endphp
                            @if( $who_we)
                            @php
                            $thumbnail_url = $who_we->getFirstMediaUrl('cms-about-image');
                            @endphp
                            @if($thumbnail_url)
                            <img src="{{ $thumbnail_url }}" alt="">
                            @else
                            <img src="{{ asset('web/assets/images/no-image-available.png') }}" alt="">
                            @endif
                            @endif
                        </div>
                    </div>
                    <div class="col-lg-9 col-md-12">
                        <div class="who-are-text">

                            <p>{!! $who_we->description ?? '' !!}</p>
                        </div>
                    </div>
                </div>
            </div>
            {{-- <div class="col-md-6 col-sm-12">
                <h2>Show your Skills</h2>
                <div class="progress-wrap">
                    <ul class="bar-graph">
                        <li>
                            <div class="ttl">
                                <p>Home</p>
                                <span>75%</span>
                            </div>
                            <div class="bar-wrap"><span class="bar-fill" style="width: 75%;"></span></div>
                        </li>
                        <li>
                            <div class="ttl">
                                <p>Appartments</p>
                                <span>90%</span>
                            </div>
                            <div class="bar-wrap"><span class="bar-fill" style="width: 90%;"></span></div>
                        </li>
                        <li>
                            <div class="ttl">
                                <p>Rental</p>
                                <span>70%</span>
                            </div>
                            <div class="bar-wrap"><span class="bar-fill" style="width: 70%;"></span></div>
                        </li>
                        <li>
                            <div class="ttl">
                                <p>Villa</p>
                                <span>60%</span>
                            </div>
                            <div class="bar-wrap"><span class="bar-fill" style="width: 60%;"></span></div>
                        </li>
                        <li>
                            <div class="ttl">
                                <p>Flats</p>
                                <span>80%</span>
                            </div>
                            <div class="bar-wrap"><span class="bar-fill" style="width: 80%;"></span></div>
                        </li>
                    </ul>
                </div>
            </div> --}}
        </div>
    </div>
</div>

{{-- <div class="about-sec">
    <div class="cus-container">
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="about-text">
                    <h4>The Best</h4>
                    <h2>Property Finder Site</h2>
                    @php
                    $office_addr = get_cms_about('description');
                    @endphp
                    {{-- <h3>{{ $office_addr->name ?? '' }}</h3> --}}
                    <p>{!! $office_addr->description ?? '' !!}</p>
                    {{-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum rerum beatae consequatur, totam fugit, alias fuga aliquam quod tempora a nisi esse magnam nulla quas! Error praesentium, vero dolorum laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum rerum beatae consequatur, totam fugit.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum rerum beatae consequatur, totam fugit, alias fuga aliquam quod tempora a nisi esse magnam nulla quas! Error praesentium, vero dolorum laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum rerum beatae consequatur, totam fugit, alias fuga aliquam quod tempora a nisi esse magnam nulla quas! Error praesentium, vero dolorum laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum rerum beatae consequatur, totam fugit.</p> --}}
               {{-- </div>
            </div>
            <div class="col-md-6 col-sm-12">
                <div class="about-img">
                    @if( $office_addr)
                    @php
                    $thumbnail_url = $office_addr->getFirstMediaUrl('cms-about-image');
                    @endphp
                    @if($thumbnail_url)
                    <img src="{{ $thumbnail_url }}" alt="">
                    @else
                    <img src="{{ asset('web/assets/images/no-image-available.png') }}" alt="">
                    @endif
                    @endif
                </div>
            </div>
        </div>
    </div>
</div> --}}

{{--<div class="meet-sec">
    <div class="cus-container">
        <div class="ttl">
            <h2>Meet Our Agents</h2>
            @php
            $meet_agents = get_cms_about('meet-our-agents');
            @endphp
            <p>{{ $meet_agents->description ?? '' }}</p>
        </div>
        <div class="client-slider-wrap">
            <div id="client-slider" class="owl-carousel">
                @if(get_all_agents()->count() > 0)
                    @foreach(get_all_agents() as $key => $agent)
                    <div class="item">
                        <div class="meet-box">
                            <div class="tham">
                                @php
                                //$agent_image_url = $agent->getFirstMediaUrl('agent-profile-image');

                                if($agent){
                                if(count($agent->getMedia('agent-profile-image')) > 0){
                                $agent_image_url = $agent->getMedia('agent-profile-image')->last()->getUrl();
                                }else{
                                $agent_image_url = '';
                                }
                                }else{
                                $agent_image_url = '';
                                }
                                @endphp
                                
                                    @if($agent_image_url)
                                    <img src="{{ $agent_image_url }}" alt="">
                                    @else
                                    <img src="{{ asset('web/assets/images/no-image-available.png') }}" alt="">
                                    @endif
                               
                            </div>
                            <div class="text">
                                <h3>{{ $agent->name }}</h3>
                                <p>Property Agent</p>
                                <div class="rateing">
                                    <ul>
                                        <li><i class="fa fa-star"></i></li>
                                        <li><i class="fa fa-star"></i></li>
                                        <li><i class="fa fa-star"></i></li>
                                        <li><i class="fa fa-star"></i></li>
                                        <li><i class="fa fa-star"></i></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                @endif                
            </div>
        </div>
    </div>
</div>--}}


{{-- {!! $cms_page->description !!} --}}

@include('web.home.index.partners')
@endsection