@extends('layouts.app')

@push('page-styles')
    <link href="{{ asset('frontend/css/about.css') }}" rel="stylesheet">
@endpush
    
@section('content')

@include('partials.page-banner', [
    'bannerTitle' => 'About Us',
    'breadcrumbs' => [['label' => 'About Us']],
])

<section class="about-section py-5 bg-light">
    <div class="container">
        <div class="row align-items-center gy-5">
            <div class="col-lg-6">
                <span class="sub-title">{{ $content['sub_title'] ?? 'TRUSTED BY THOUSANDS' }}</span>
                <h3 class="main-title pb-3">{!! nl2br(e($content['main_title'] ?? "Delivering High Quality Projects \nProperty Valuation")) !!}</h3>
                <p class="pt-4">{{ $content['paragraph_1'] ?? '' }}</p>
                <p>{{ $content['paragraph_2'] ?? '' }}</p>
            </div>
            <div class="col-lg-6">
                <div class="image-wrapper">
                    <img src="{{ \App\Helpers\ImageHelper::url($content['image_main'] ?? null, 'frontend/images/about01.jpg') }}" class="img-main" alt="">
                    <img src="{{ \App\Helpers\ImageHelper::url($content['image_small'] ?? null, 'frontend/images/about02.jpg') }}" class="img-small" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

@if($partners->count())
<section class="partner-section py-5">
    <div class="container">
        <div class="section-heading text-center">
            <div class="title-line"><span></span><h4>Our Other Successful Projects</h4><span></span></div>
            <p>{{ $content['partners_subtitle'] ?? 'Brand Partners Successful Projects Trusted Many Clients Building Real Estate Since 1985 We Experience' }}</p>
        </div>

        <div class="row justify-content-center align-items-center g-5 mt-4">
            @foreach($partners as $partner)
            <div class="col-lg col-md-4 col-6 text-center">
                <a href="{{ $partner->link ?: '#' }}">
                    <img src="{{ \App\Helpers\ImageHelper::url($partner->logo) }}" class="partner-logo" alt="{{ $partner->name }}">
                </a>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif

@if($teamMembers->count())
<section class="team-section py-5 bg-light">
    <div class="container">
        <div class="section-title text-center mb-5">
            <div class="title-line"><span></span><h3>Our Team</h3><span></span></div>
            <p>See Our Top Of The Month Teams</p>
        </div>

        <div class="row g-4">
            @foreach($teamMembers as $member)
            <div class="col-lg-4 col-md-6">
                <div class="team-card">
                    <div class="team-image">
                        <img src="{{ \App\Helpers\ImageHelper::url($member->image) }}" alt="{{ $member->name }}">
                        <div class="team-overlay">
                            <h4>Hi There !</h4>
                            <p>{{ $member->bio_line }}</p>
                            <a href="#" class="profile-btn">Agent Profile</a>
                            <div class="social-links">
                                @if($member->facebook_url)<a href="{{ $member->facebook_url }}"><i class="bi bi-facebook"></i></a>@endif
                                @if($member->twitter_url)<a href="{{ $member->twitter_url }}"><i class="bi bi-twitter"></i></a>@endif
                                @if($member->google_url)<a href="{{ $member->google_url }}"><i class="bi bi-google"></i></a>@endif
                            </div>
                        </div>
                    </div>
                    <div class="team-content">
                        <h3>{{ $member->name }}</h3>
                        <span>{{ $member->designation }}</span>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif

@endsection