@php
    $isArabic = ($locale ?? app()->getLocale()) === 'ar';
    $routeName = static fn (string $name): string => $isArabic ? 'ar.' . $name : $name;
    $hc = $homeContent ?? [];
    $actionHref = static function (?array $action) use ($routeName): string {
        if (! is_array($action)) {
            return '#';
        }
        if (! empty($action['href'])) {
            return $action['href'];
        }
        if (! empty($action['route'])) {
            return route($routeName($action['route']));
        }

        return '#';
    };
    $assetUrl = static function (?string $path): string {
        $path = $path ? trim($path) : '';
        if ($path === '') {
            return '';
        }
        if (\Illuminate\Support\Str::startsWith($path, ['http://', 'https://'])) {
            return $path;
        }

        return asset($path);
    };
@endphp
@extends($isArabic ? 'layouts.app_rtl' : 'layouts.app')

@section('content')
<style>
    .service-pill {
        font-size: 15px;
    }
    .service-title {
        font-size: 17px;
        padding-inline-start: 15px;
    }
    .btn-outline-blue {
        border: 1px solid #2563eb !important;
        color: #2563eb !important;
    }
    .btn-whatsapp-green {
        background: #25D366 !important;
        border-color: #25D366 !important;
        color: #fff !important;
    }
    .btn-whatsapp-green:hover {
        background: #1EBE57 !important;
        border-color: #1EBE57 !important;
        color: #fff !important;
    }
    .contact-strip .strip-box {
        font-size: 20px;
        min-width: 20%;
    }
</style>

<section class="hero-section">
    <div class="main-container">
        <div class="hero-shell active">
            <div class="hero-inner">
                <div class="row align-items-center g-4 g-lg-5">
                    <div class="col-lg-5">
                        @include($isArabic ? 'partials.home.hero-ar' : 'partials.home.hero-en', ['homeHero' => data_get($hc, 'hero', [])])
                    </div>

                    <div class="col-lg-7">
                        @include('partials.home.service-slider', ['homeSliders' => data_get($hc, 'hero_sliders', []), 'locale' => $isArabic ? 'ar' : 'en', 'rtl' => $isArabic])
                    </div>
                </div>
            </div>
            <span class="hero-orb hero-orb-1"></span>
            <span class="hero-orb hero-orb-2"></span>
            <span class="hero-orb hero-orb-3"></span>
        </div>
    </div>
</section>

<section class="services-section">
    <div class="main-container">
        <div class="panel-shell scroll-load">
        <div class="section-head scroll-load">
            <span class="section-kicker"><i class="fa-solid fa-layer-group"></i> {{ data_get($hc, 'services.kicker') }}</span>
            <h2>{{ data_get($hc, 'services.heading') }}</h2>
            <p style="font-size: 1.1rem;">{{ data_get($hc, 'services.intro') }}</p>
        </div>

        <div class="services-grid">
            @foreach (data_get($hc, 'services.cards', []) as $card)
                @php $card = is_array($card) ? $card : []; @endphp
                <article class="service-card scroll-load">
                    <div class="service-media">
                        <img src="{{ $assetUrl(data_get($card, 'image')) }}" alt="{{ data_get($card, 'image_alt') }}">
                        <div class="service-top">
                            <h3 class="service-title">{{ data_get($card, 'title') }}</h3>
                            <span class="service-pill"><i class="{{ data_get($card, 'pill_icon') }}"></i> {{ data_get($card, 'pill') }}</span>
                        </div>
                    </div>
                    <div class="service-body">
                        <p class="service-sub" style="font-size: 1.1rem;">{{ data_get($card, 'body') }}</p>
                        <ul class="service-points">
                            @foreach (data_get($card, 'points', []) as $point)
                                <li><i class="fa-solid fa-check"></i><span>{!! $point !!}</span></li>
                            @endforeach
                        </ul>
                        <div class="service-actions two">
                            @if (data_get($card, 'primary'))
                                <a href="{{ $actionHref(data_get($card, 'primary')) }}" class="btn-main interactive"><i class="{{ data_get($card, 'primary.icon') }}"></i>{{ data_get($card, 'primary.text') }}</a>
                            @endif
                            @if (data_get($card, 'secondary'))
                                @php
                                    $sec = data_get($card, 'secondary');
                                    $isWa = \Illuminate\Support\Str::contains((string) data_get($sec, 'href', ''), 'wa.me');
                                @endphp
                                <a href="{{ $actionHref($sec) }}" @if($isWa) target="_blank" rel="noopener" @endif class="btn-outline-soft {{ $isWa ? 'btn-whatsapp-green' : 'btn-outline-blue' }} interactive">
                                    <i class="{{ data_get($sec, 'icon') }}" @if($isWa) style="font-size: x-large;" @endif></i>{{ data_get($sec, 'text') }}
                                </a>
                            @endif
                        </div>
                    </div>
                </article>
            @endforeach
        </div>
        </div>
    </div>
</section>

<section class="section-space pt-0">
    <div class="main-container">
        <div class="panel-shell scroll-load">
            <div class="section-head mb-4 scroll-load">
                <span class="section-kicker"><i class="fa-solid fa-earth-asia"></i> {{ data_get($hc, 'nationalities.kicker') }}</span>
                <h2>{{ data_get($hc, 'nationalities.heading') }}</h2>
                <p style="font-size: 1.1rem;">{{ data_get($hc, 'nationalities.intro') }}</p>
            </div>

            <div class="country-grid">
                @foreach (data_get($hc, 'nationalities.countries', []) as $country)
                    @php
                        $country = is_array($country) ? $country : [];
                        $natRoute = (string) data_get($country, 'route', 'profiles');
                        $natCountry = strtolower(trim((string) data_get($country, 'country', '')));
                        $natQuery = in_array($natCountry, ['ph', 'et', 'ug'], true) ? ['country' => $natCountry] : [];
                    @endphp
                    <a href="{{ route($routeName($natRoute), $natQuery) }}" class="country-card interactive scroll-load">
                        <img class="country-flag" src="{{ $assetUrl(data_get($country, 'flag')) }}" alt="{{ data_get($country, 'flag_alt') }}">
                        <h3>{{ data_get($country, 'name') }}</h3>
                    </a>
                @endforeach
            </div>
        </div>
    </div>
</section>

<section class="section-space pt-0" id="latest-profiles">
    <div class="main-container">
        <div class="panel-shell scroll-load">
            <div class="section-head mb-4 scroll-load">
                <span class="section-kicker"><i class="fa-solid fa-address-card"></i> {{ data_get($hc, 'latest_profiles.kicker') }}</span>
                <h2>{{ data_get($hc, 'latest_profiles.heading') }}</h2>
                <p style="font-size: 1.1rem;">{{ data_get($hc, 'latest_profiles.intro') }}</p>
            </div>

            @php $profileSlides = data_get($hc, 'latest_profiles.slides', []); @endphp
            <div id="latestProfilesCarousel" class="carousel slide latest-profiles-carousel" data-bs-ride="carousel" data-bs-interval="4200">
                <div class="carousel-indicators latest-profiles-indicators">
                    @foreach ($profileSlides as $si => $_)
                        <button type="button" data-bs-target="#latestProfilesCarousel" data-bs-slide-to="{{ $si }}" class="{{ $si === 0 ? 'active' : '' }}" @if($si === 0) aria-current="true" @endif aria-label="Latest profiles slide {{ $si + 1 }}"></button>
                    @endforeach
                </div>

                <div class="carousel-inner">
                    @foreach ($profileSlides as $si => $slideProfiles)
                        @php $slideProfiles = is_array($slideProfiles) ? $slideProfiles : []; @endphp
                        <div class="carousel-item {{ $si === 0 ? 'active' : '' }}">
                            <div class="row g-4">
                                @foreach ($slideProfiles as $profile)
                                    @php
                                        $profile = is_array($profile) ? $profile : [];
                                        $videoHref = trim((string) data_get($profile, 'video_href', ''));
                                        $hireHref = trim((string) data_get($profile, 'hire_href', ''));
                                        $profileSlug = trim((string) data_get($profile, 'slug', ''));
                                        if ($hireHref !== '') {
                                            $profileDetailHref = $hireHref;
                                        } elseif ($profileSlug !== '') {
                                            $profileDetailHref = $isArabic ? route('ar.profiles.show', ['slug' => $profileSlug]) : route('profiles.show', ['slug' => $profileSlug]);
                                        } else {
                                            $profileDetailHref = route($routeName(data_get($profile, 'hire_route', 'contact.us')));
                                        }
                                    @endphp
                                    <div class="col-lg-4 col-md-6">
                                        <article class="maid-profile-card interactive scroll-load">
                                            <div class="maid-profile-media">
                                                <img src="{{ $assetUrl(data_get($profile, 'image')) }}" alt="{{ data_get($profile, 'image_alt') }}">
                                                @if ($videoHref !== '' && $videoHref !== '#')
                                                    <div class="media-overlay" aria-hidden="true"></div>
                                                    <a href="{{ e($videoHref) }}"
                                                       class="play-btn interactive"
                                                       aria-label="{{ data_get($profile, 'play_aria') }}"
                                                       @if(str_starts_with((string) $videoHref, 'http')) target="_blank" rel="noopener noreferrer" @endif>
                                                        <i class="fa-solid fa-play"></i>
                                                    </a>
                                                @endif
                                                <span class="maid-profile-code">{{ data_get($profile, 'code') }}</span>
                                            </div>
                                            <div class="maid-profile-body">
                                                <div class="maid-profile-top">
                                                    <div class="maid-profile-heading">
                                                        <h3>
                                                            <a href="{{ e($profileDetailHref) }}" class="maid-profile-name-link">{{ data_get($profile, 'name') }}</a>
                                                        </h3>
                                                        @if ($profileSlug !== '')
                                                            <p class="maid-profile-slug" dir="ltr">{{ e($profileSlug) }}</p>
                                                        @endif
                                                    </div>
                                                    <a href="#" class="maid-profile-share interactive" aria-label="{{ data_get($profile, 'share_aria') }}"><i class="fa-solid fa-share-nodes"></i></a>
                                                </div>
                                                <ul class="maid-profile-details">
                                                    @foreach (data_get($profile, 'details', []) as $line)
                                                        <li>{!! $line !!}</li>
                                                    @endforeach
                                                </ul>
                                                <div class="maid-profile-cv-row" style="display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:18px;">
                                                    <a href="{{ e(data_get($profile, 'cv_href')) }}"
                                                       class="maid-profile-cv-btn interactive"
                                                       @if(str_starts_with((string) data_get($profile, 'cv_href'), 'http')) target="_blank" rel="noopener noreferrer" @endif
                                                       style="margin-bottom:0;">
                                                        <i class="fa-solid fa-file-lines"></i> {{ data_get($profile, 'cv_text', 'View CV') }}
                                                    </a>
                                                </div>
                                                <div class="maid-profile-actions">
                                                    <a href="{{ e($profileDetailHref) }}" class="btn-main interactive"><i class="fa-solid fa-user-plus"></i> {{ data_get($profile, 'hire_text') }}</a>
                                                    <button type="button" class="maid-profile-favorite interactive" aria-label="{{ data_get($profile, 'favorite_aria') }}"><i class="fa-solid fa-heart"></i></button>
                                                </div>
                                            </div>
                                        </article>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </div>

                <button class="carousel-control-prev" type="button" data-bs-target="#latestProfilesCarousel" data-bs-slide="prev" aria-label="Previous profiles">
                    <span class="nav-arrow interactive"><i class="fa-solid fa-arrow-left-long"></i></span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#latestProfilesCarousel" data-bs-slide="next" aria-label="Next profiles">
                    <span class="nav-arrow interactive"><i class="fa-solid fa-arrow-right-long"></i></span>
                </button>
            </div>

            <div class="center-actions mt-4">
                @php $bm = data_get($hc, 'latest_profiles.browse_more', []); @endphp
                <a href="{{ route($routeName(data_get($bm, 'route', 'profiles'))) }}" class="btn-main interactive"><i class="{{ data_get($bm, 'icon') }}"></i>{{ data_get($bm, 'text') }}</a>
            </div>
        </div>
    </div>
</section>

<section class="section-space pt-0" id="how-it-works">
    <div class="main-container">
        <div class="howworks-shell scroll-load">
            <div class="section-head howworks-head scroll-load">
                <span class="section-kicker"><i class="fa-solid fa-route"></i> {{ data_get($hc, 'how_it_works.kicker') }}</span>
                <h2>{!! data_get($hc, 'how_it_works.title_html') !!}</h2>
                <p style="font-size: 1.1rem;">{{ data_get($hc, 'how_it_works.intro') }}</p>
            </div>

            <div class="howworks-rows">
                @foreach (data_get($hc, 'how_it_works.paths', []) as $path)
                    @php $path = is_array($path) ? $path : []; @endphp
                    <div class="how-path interactive scroll-load">
                        <div class="how-path-aside">
                            <div class="how-aside-center">
                                <div class="how-aside-top">
                                    <div class="how-badge-icon">
                                        <i class="{{ data_get($path, 'aside_icon') }}"></i>
                                    </div>
                                    <div class="how-aside-title">
                                        <h3>{{ data_get($path, 'aside_title') }}</h3>
                                        <p>{{ data_get($path, 'aside_subtitle') }}</p>
                                    </div>
                                </div>

                                <a class="how-cta btn-main btn-whatsapp interactive" href="{{ data_get($path, 'cta_href') }}" target="_blank" rel="noopener">
                                    <i class="fa-brands fa-whatsapp"></i>
                                    <span>{{ data_get($path, 'cta_text') }}</span>
                                </a>
                            </div>
                        </div>

                        <div class="how-path-main">
                            <div class="how-steps">
                                @foreach (data_get($path, 'steps', []) as $step)
                                    @php $step = is_array($step) ? $step : []; @endphp
                                    <div class="how-step">
                                        <div class="how-step-inner">
                                            <div class="how-step-no">{{ data_get($step, 'no') }}</div>
                                            <div class="how-step-content">
                                                <div class="how-step-title">
                                                    <i class="{{ data_get($step, 'title_icon') }}"></i>
                                                    <strong>{{ data_get($step, 'title') }}</strong>
                                                </div>
                                                <div class="how-step-text">
                                                    {!! data_get($step, 'text_html') !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</section>

<section class="section-space pt-0">
    <div class="main-container">
        <div class="clean-split scroll-load">
            <div class="row g-0 align-items-stretch">
                <div class="col-lg-5">
                    <div class="clean-image">
                        <img src="{{ $assetUrl(data_get($hc, 'about.image')) }}" alt="{{ data_get($hc, 'about.image_alt') }}">
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="clean-content" style="padding-top: 20px;">
                        <div class="section-head mb-1 scroll-load">
                            <span class="section-kicker"><i class="fa-solid fa-circle-info"></i> {{ data_get($hc, 'about.kicker') }}</span>
                        </div>
                        <h2>{{ data_get($hc, 'about.heading') }}</h2>
                        <p style="font-size: 1.1rem;">{{ data_get($hc, 'about.body') }}</p>

                        <ul class="clean-list">
                            @foreach (data_get($hc, 'about.list', []) as $row)
                                @php $row = is_array($row) ? $row : []; @endphp
                                <li><i class="{{ data_get($row, 'icon') }}"></i><span>{!! data_get($row, 'html') !!}</span></li>
                            @endforeach
                        </ul>

                        <div class="center-actions justify-content-start mt-4">
                            <a href="{{ route($routeName(data_get($hc, 'about.primary.route', 'about.us'))) }}" class="btn-main interactive"><i class="{{ data_get($hc, 'about.primary.icon') }}"></i>{{ data_get($hc, 'about.primary.text') }}</a>
                            <a href="{{ route($routeName(data_get($hc, 'about.secondary.route', 'candidates.profiles'))) }}" class="btn-main btn-light btn-outline-blue interactive"><i class="{{ data_get($hc, 'about.secondary.icon') }}"></i>{{ data_get($hc, 'about.secondary.text') }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-space pt-0" id="testimonials">
    <div class="main-container">
        <div class="panel-shell scroll-load">
            <div class="section-head mb-4 scroll-load">
                <span class="section-kicker"><i class="fa-solid fa-quote-left"></i> {{ data_get($hc, 'testimonials.kicker') }}</span>
                <h2>{{ data_get($hc, 'testimonials.heading') }}</h2>
                <p style="font-size: 1.1rem;">{{ data_get($hc, 'testimonials.intro') }}</p>
            </div>

            <div class="services-grid">
                @foreach (data_get($hc, 'testimonials.items', []) as $t)
                    @php $t = is_array($t) ? $t : []; @endphp
                    <article class="service-card scroll-load">
                        <div class="service-body">
                            <div class="d-flex align-items-center gap-2 mb-3">
                                @for ($i = 0; $i < 5; $i++)
                                    <i class="fa-solid fa-star text-warning"></i>
                                @endfor
                            </div>
                            <p class="service-sub">{{ data_get($t, 'quote') }}</p>
                            <ul class="service-points">
                                @foreach (data_get($t, 'points', []) as $pt)
                                    <li><i class="fa-solid fa-check"></i><span>{{ $pt }}</span></li>
                                @endforeach
                            </ul>
                            <div class="mt-3">
                                <strong>{{ data_get($t, 'name') }}</strong>
                                <div class="text-muted small">{{ data_get($t, 'location') }}</div>
                            </div>
                        </div>
                    </article>
                @endforeach
            </div>
        </div>
    </div>
</section>

<section class="section-space pt-0" id="blog-section">
    <div class="main-container">
        <div class="panel-shell scroll-load">
            <div class="section-head mb-4 scroll-load">
                <span class="section-kicker"><i class="fa-solid fa-blog"></i> {{ data_get($hc, 'blog.kicker') }}</span>
                <h2>{{ data_get($hc, 'blog.heading') }}</h2>
                <p style="font-size: 1.1rem;">{{ data_get($hc, 'blog.intro') }}</p>
            </div>

            <div class="services-grid blog-grid">
                @foreach (data_get($hc, 'blog.posts', []) as $post)
                    @php $post = is_array($post) ? $post : []; @endphp
                    <article class="service-card scroll-load">
                        <div class="service-media">
                            <img src="{{ $assetUrl(data_get($post, 'image')) }}" alt="{{ data_get($post, 'image_alt') }}">
                            <div class="service-top">
                                <h3 class="service-title">{{ data_get($post, 'title') }}</h3>
                                <span class="service-pill"><i class="{{ data_get($post, 'pill_icon') }}"></i> {{ data_get($post, 'pill') }}</span>
                            </div>
                        </div>
                        <div class="service-body">
                            <p class="service-sub">{{ data_get($post, 'body') }}</p>
                            <div class="service-actions">
                                <a href="{{ data_get($post, 'cta_href') }}" class="btn-main interactive"><i class="fa-solid fa-arrow-right"></i>{{ data_get($post, 'cta_text') }}</a>
                            </div>
                        </div>
                    </article>
                @endforeach
            </div>
        </div>
    </div>
</section>

<section class="section-space pt-0" id="faq">
    <div class="main-container">
        <div class="panel-shell scroll-load">
            <div class="section-head mb-4 scroll-load">
                <span class="section-kicker"><i class="fa-solid fa-circle-question"></i> {{ data_get($hc, 'faq.kicker') }}</span>
                <h2>{{ data_get($hc, 'faq.heading') }}</h2>
                <p style="font-size: 1.1rem;">{{ data_get($hc, 'faq.intro') }}</p>
            </div>

            <div class="accordion" id="faqAccordion">
                @foreach (data_get($hc, 'faq.items', []) as $fi => $faqItem)
                    @php $faqItem = is_array($faqItem) ? $faqItem : []; @endphp
                    <div class="faq-card interactive">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="faqHead{{ $fi }}">
                                <button class="accordion-button {{ $fi === 0 ? '' : 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse{{ $fi }}" aria-expanded="{{ $fi === 0 ? 'true' : 'false' }}" aria-controls="faqCollapse{{ $fi }}">
                                    {{ data_get($faqItem, 'question') }}
                                </button>
                            </h2>
                            <div id="faqCollapse{{ $fi }}" class="accordion-collapse collapse {{ $fi === 0 ? 'show' : '' }}" aria-labelledby="faqHead{{ $fi }}" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    {{ data_get($faqItem, 'answer') }}
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</section>

<section class="section-space pt-0" id="contact-section">
    <div class="main-container">
        <div class="panel-shell scroll-load">
            <div class="contact-title-wrap scroll-load">
                <span class="section-kicker"><i class="fa-solid fa-headset"></i> {{ data_get($hc, 'contact.kicker') }}</span>
                <h2>{{ data_get($hc, 'contact.heading') }}</h2>
                <p style="font-size: 1.1rem;">{{ data_get($hc, 'contact.intro') }}</p>
            </div>

            <div class="contact-strip scroll-load" style="display: flex; gap: 14px;justify-content: center;">
                @foreach (data_get($hc, 'contact.strip', []) as $strip)
                    @php
                        $strip = is_array($strip) ? $strip : [];
                        $isModal = ! empty($strip['modal']);
                        $extraClass = data_get($strip, 'class', '');
                        $waBig = ! empty($strip['whatsapp_icon']);
                        $stripHref = (string) data_get($strip, 'href', '#');
                        $isGreen = \Illuminate\Support\Str::contains($extraClass, 'strip-green');
                        $blueGradient = 'background: linear-gradient(145deg, #4c72ca 0%, #63a2dd 90%, #7ecbed 100%)';
                    @endphp
                    <a @if($isModal) href="#" data-bs-toggle="modal" data-bs-target="#callbackModal" @else href="{{ $stripHref }}" @if(\Illuminate\Support\Str::startsWith($stripHref, ['http://', 'https://'])) target="_blank" rel="noopener" @endif @endif
                       class="strip-box {{ $extraClass }} interactive"
                       @if(! $isGreen) style="{{ $blueGradient }}" @endif
                    >
                        <i class="{{ data_get($strip, 'icon') }}" @if($waBig) style="font-size: x-large;" @endif></i><span>{{ data_get($strip, 'text') }}</span>
                    </a>
                @endforeach
            </div>

            <div class="contact-wrap scroll-load">
                <div class="row g-0 align-items-stretch contact-layout">
                    <div class="col-lg-5 contact-col">
                        <div class="map-panel contact-panel">
                            <div class="contact-panel-head" style="margin-left: 15px;">
                                <h3>{{ data_get($hc, 'contact.map.title') }}</h3>
                                <p style="font-size: 1.1rem;">{!! data_get($hc, 'contact.map.address_html') !!}</p>
                            </div>

                            <div class="map-embed interactive" style="min-height: 390px;">
                                <iframe src="{{ data_get($hc, 'contact.map.iframe_src') }}" loading="lazy" allowfullscreen referrerpolicy="no-referrer-when-downgrade"></iframe>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-7 contact-col">
                        <div class="form-panel contact-panel">
                            <div class="form-panel-head">
                                <h3>{{ data_get($hc, 'contact.form.title') }}</h3>
                                <p style="font-size: 1.1rem;">{{ data_get($hc, 'contact.form.intro') }}</p>
                            </div>

                            <form class="inquiry-form" method="POST" action="{{ route(($locale ?? 'en') === 'ar' ? 'ar.contact.inquiry' : 'contact.inquiry') }}">
                                @csrf
                                <input type="hidden" name="source_page" value="{{ request()->path() }}">
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <input type="text" name="first_name" class="form-control interactive" placeholder="{{ data_get($hc, 'contact.form.first_name_placeholder', data_get($hc, 'contact.form.name_placeholder')) }}" required>
                                    </div>
                                    <div class="col-md-6">
                                        <input type="text" name="last_name" class="form-control interactive" placeholder="{{ data_get($hc, 'contact.form.last_name_placeholder', 'Last Name') }}">
                                    </div>
                                    <div class="col-md-6">
                                        <input type="tel" name="mobile" class="form-control interactive" placeholder="{{ data_get($hc, 'contact.form.phone_placeholder') }}" required>
                                    </div>
                                    <div class="col-md-6">
                                        <input type="email" name="email" class="form-control interactive" placeholder="{{ data_get($hc, 'contact.form.email_placeholder') }}">
                                    </div>
                                    <div class="col-12">
                                        <textarea name="message" class="form-control interactive" placeholder="{{ data_get($hc, 'contact.form.message_placeholder') }}"></textarea>
                                    </div>
                                    <div class="col-12">
                                        <button type="submit" class="submit-btn btn-main interactive" style="font-size: 18px;">
                                            <i class="{{ data_get($hc, 'contact.form.submit_icon', 'fa-solid fa-paper-plane') }}"></i>
                                            <span>{{ data_get($hc, 'contact.form.submit_text') }}</span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-space pt-0 p-0" id="seo-links-block">
    <div class="main-container">
        <div class="seo-links-shell scroll-load">
            <div class="seo-links-content">
                <div class="row g-4">
                    @foreach (data_get($hc, 'seo_links.columns', []) as $column)
                        @php $column = is_array($column) ? $column : []; @endphp
                        <div class="col-lg-4 col-md-6">
                            <div class="seo-link-column">
                                @foreach ($column as $link)
                                    @php $link = is_array($link) ? $link : []; @endphp
                                    <a href="{{ data_get($link, 'href') }}" class="seo-link-item interactive"><i class="fa-solid fa-angle-right"></i><span>{{ data_get($link, 'text') }}</span></a>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
