@php

    $singleWidgetData = [];
    if (!empty($singleWidgetDataShow)) {
        $singleWidgetData = $singleWidgetDataShow->getTranslation('widget_content');
    }
    $topRecruiters = topRecruiter($singleWidgetData['show_item'] ?? 6, '');
    $pageLink = getThemeOption('page_setting') ?? [];
    $pageLink = $pageLink['company_list_url'] ?? 'javascript:void(0)';
@endphp

<div class="rescuiters-section mb-120">
    <div class="rescuiters-section-wrap">
        <div class="container">
            @if (!empty($singleWidgetData['title']))
                <div class="row mb-40 wow animate fadeInDown" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="col-lg-12">
                        <div class="section-title">
                            <h3>{{ $singleWidgetData['title'] }}</h3>
                        </div>
                    </div>
                </div>
            @endif
            <div class="row g-4">
                @foreach ($topRecruiters as $index => $topRecruiter)
                    @php
                        $step = 200;
                        $maxDelay = 800;
                        $delay = $step * ($index + 1);
                        if ($delay > $maxDelay) {
                            $delay = $maxDelay - ($delay - $maxDelay);
                            if ($delay < $step) {
                                $delay = $step;
                            }
                        }
                    @endphp
                    <div class="col-xl-4 col-lg-6 col-md-6 wow animate fadeInDown" data-wow-delay="{{ $delay }}ms"
                        data-wow-duration="1500ms">
                        <div class="rescuiters-card">
                            <div class="company-area">
                                <div class="icon">
                                    @if (fileExists($folder = 'company', $fileName = $topRecruiter->company_logo) == true &&
                                            $topRecruiter->company_logo !== '')
                                        <img src="{{ asset('storage/company/' . $topRecruiter->company_logo) }}"
                                            alt="company-logo">
                                    @else
                                        <img src="{{ asset('frontend/assets/images/60-60.png') }}" alt="company-logo">
                                    @endif
                                </div>
                                <div class="name-location">
                                    <h5><a
                                            href="{{ url('company-details/' . $topRecruiter->slug) }}">{{ $topRecruiter->company_name }}</a>
                                    </h5>
                                    <ul class="info">
                                        <li>
                                            <svg width="15" height="15" viewBox="0 0 15 15"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path
                                                    d="M11.4056 8.38125C10.9144 9.37687 10.2488 10.3688 9.56813 11.2594C8.92177 12.0984 8.23142 12.9027 7.5 13.6687C6.76858 12.9027 6.07824 12.0984 5.43188 11.2594C4.75125 10.3688 4.08563 9.37687 3.59438 8.38125C3.0975 7.37531 2.8125 6.43313 2.8125 5.625C2.8125 4.3818 3.30636 3.18951 4.18544 2.31044C5.06451 1.43136 6.2568 0.9375 7.5 0.9375C8.7432 0.9375 9.93549 1.43136 10.8146 2.31044C11.6936 3.18951 12.1875 4.3818 12.1875 5.625C12.1875 6.43313 11.9016 7.37531 11.4056 8.38125ZM7.5 15C7.5 15 13.125 9.66938 13.125 5.625C13.125 4.13316 12.5324 2.70242 11.4775 1.64752C10.4226 0.592632 8.99184 0 7.5 0C6.00816 0 4.57742 0.592632 3.52252 1.64752C2.46763 2.70242 1.875 4.13316 1.875 5.625C1.875 9.66938 7.5 15 7.5 15Z" />
                                                <path
                                                    d="M7.5 7.5C7.00272 7.5 6.52581 7.30246 6.17417 6.95083C5.82254 6.59919 5.625 6.12228 5.625 5.625C5.625 5.12772 5.82254 4.65081 6.17417 4.29917C6.52581 3.94754 7.00272 3.75 7.5 3.75C7.99728 3.75 8.47419 3.94754 8.82582 4.29917C9.17746 4.65081 9.375 5.12772 9.375 5.625C9.375 6.12228 9.17746 6.59919 8.82582 6.95083C8.47419 7.30246 7.99728 7.5 7.5 7.5ZM7.5 8.4375C8.24592 8.4375 8.96129 8.14118 9.48874 7.61374C10.0162 7.08629 10.3125 6.37092 10.3125 5.625C10.3125 4.87908 10.0162 4.16371 9.48874 3.63626C8.96129 3.10882 8.24592 2.8125 7.5 2.8125C6.75408 2.8125 6.03871 3.10882 5.51126 3.63626C4.98382 4.16371 4.6875 4.87908 4.6875 5.625C4.6875 6.37092 4.98382 7.08629 5.51126 7.61374C6.03871 8.14118 6.75408 8.4375 7.5 8.4375Z" />
                                            </svg>
                                            {{ $topRecruiter->city_name }}, {{ $topRecruiter->country_name }}
                                        </li>
                                        <li>
                                            <svg width="15" height="15" viewBox="0 0 15 15"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path
                                                    d="M14.0625 13.125C14.0625 13.125 15 13.125 15 12.1875C15 11.25 14.0625 8.4375 10.3125 8.4375C6.5625 8.4375 5.625 11.25 5.625 12.1875C5.625 13.125 6.5625 13.125 6.5625 13.125H14.0625ZM6.58312 12.1875L6.5625 12.1838C6.56344 11.9362 6.71906 11.2181 7.275 10.5712C7.7925 9.96469 8.70187 9.375 10.3125 9.375C11.9222 9.375 12.8316 9.96562 13.35 10.5712C13.9059 11.2181 14.0606 11.9372 14.0625 12.1838L14.055 12.1856L14.0419 12.1875H6.58312ZM10.3125 6.5625C10.8098 6.5625 11.2867 6.36496 11.6383 6.01333C11.99 5.66169 12.1875 5.18478 12.1875 4.6875C12.1875 4.19022 11.99 3.71331 11.6383 3.36167C11.2867 3.01004 10.8098 2.8125 10.3125 2.8125C9.81522 2.8125 9.33831 3.01004 8.98668 3.36167C8.63504 3.71331 8.4375 4.19022 8.4375 4.6875C8.4375 5.18478 8.63504 5.66169 8.98668 6.01333C9.33831 6.36496 9.81522 6.5625 10.3125 6.5625ZM13.125 4.6875C13.125 5.05684 13.0523 5.42257 12.9109 5.7638C12.7696 6.10503 12.5624 6.41507 12.3012 6.67624C12.0401 6.9374 11.73 7.14457 11.3888 7.28591C11.0476 7.42725 10.6818 7.5 10.3125 7.5C9.94316 7.5 9.57743 7.42725 9.2362 7.28591C8.89497 7.14457 8.58493 6.9374 8.32376 6.67624C8.0626 6.41507 7.85543 6.10503 7.71409 5.7638C7.57275 5.42257 7.5 5.05684 7.5 4.6875C7.5 3.94158 7.79632 3.22621 8.32376 2.69876C8.85121 2.17132 9.56658 1.875 10.3125 1.875C11.0584 1.875 11.7738 2.17132 12.3012 2.69876C12.8287 3.22621 13.125 3.94158 13.125 4.6875ZM6.5025 8.7C6.12727 8.58273 5.74079 8.50512 5.34938 8.46844C5.12941 8.44699 4.9085 8.43666 4.6875 8.4375C0.9375 8.4375 0 11.25 0 12.1875C0 12.8125 0.3125 13.125 0.9375 13.125H4.89C4.75108 12.8323 4.68178 12.5114 4.6875 12.1875C4.6875 11.2406 5.04094 10.2731 5.70937 9.465C5.93719 9.18937 6.2025 8.93156 6.5025 8.7ZM4.6125 9.375C4.05799 10.2089 3.75829 11.1861 3.75 12.1875H0.9375C0.9375 11.9438 1.09125 11.2219 1.65 10.5712C2.16094 9.975 3.04875 9.39281 4.6125 9.375ZM1.40625 5.15625C1.40625 4.41033 1.70257 3.69496 2.23001 3.16751C2.75746 2.64007 3.47283 2.34375 4.21875 2.34375C4.96467 2.34375 5.68004 2.64007 6.20749 3.16751C6.73493 3.69496 7.03125 4.41033 7.03125 5.15625C7.03125 5.90217 6.73493 6.61754 6.20749 7.14499C5.68004 7.67243 4.96467 7.96875 4.21875 7.96875C3.47283 7.96875 2.75746 7.67243 2.23001 7.14499C1.70257 6.61754 1.40625 5.90217 1.40625 5.15625ZM4.21875 3.28125C3.72147 3.28125 3.24456 3.47879 2.89292 3.83042C2.54129 4.18206 2.34375 4.65897 2.34375 5.15625C2.34375 5.65353 2.54129 6.13044 2.89292 6.48208C3.24456 6.83371 3.72147 7.03125 4.21875 7.03125C4.71603 7.03125 5.19295 6.83371 5.54458 6.48208C5.89621 6.13044 6.09375 5.65353 6.09375 5.15625C6.09375 4.65897 5.89621 4.18206 5.54458 3.83042C5.19295 3.47879 4.71603 3.28125 4.21875 3.28125Z" />
                                            </svg>
                                            {{ $topRecruiter->company_size ? $topRecruiter->company_size : 'N/A' }}
                                            {{ translate('Employees') }}
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="job-details-vacancies">
                                <div class="vacancies">
                                    <p>{{ translate('Vacancies') }}:
                                        <span>{{ $topRecruiter->jobs_sum_job_vacancy ? $topRecruiter->jobs_sum_job_vacancy : 'N/A' }}</span>
                                    </p>
                                </div>
                                <div class="apply-btn">
                                    <a href="{{ url('company-details/' . $topRecruiter->slug) }}"
                                        class="primary-btn-4">{{ translate('View Details') }}
                                        <svg width="14" height="14" viewBox="0 0 14 14"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                d="M11.8125 1.75042C11.9285 1.75042 12.0398 1.79652 12.1219 1.87856C12.2039 1.96061 12.25 2.07189 12.25 2.18792L12.25 7.43792C12.25 7.55396 12.2039 7.66524 12.1219 7.74728C12.0398 7.82933 11.9285 7.87542 11.8125 7.87542C11.6965 7.87542 11.5852 7.82933 11.5031 7.74728C11.4211 7.66524 11.375 7.55396 11.375 7.43792L11.375 3.24405L2.49725 12.1227C2.45657 12.1634 2.40828 12.1956 2.35514 12.2176C2.30199 12.2396 2.24503 12.251 2.1875 12.251C2.12997 12.251 2.07301 12.2396 2.01986 12.2176C1.96672 12.1956 1.91843 12.1634 1.87775 12.1227C1.83707 12.082 1.80481 12.0337 1.78279 11.9806C1.76078 11.9274 1.74945 11.8705 1.74945 11.8129C1.74945 11.7554 1.76078 11.6984 1.78279 11.6453C1.80481 11.5921 1.83707 11.5439 1.87775 11.5032L10.7564 2.62542L6.5625 2.62542C6.44647 2.62542 6.33519 2.57933 6.25314 2.49728C6.17109 2.41524 6.125 2.30396 6.125 2.18792C6.125 2.07189 6.17109 1.96061 6.25314 1.87856C6.33519 1.79652 6.44647 1.75042 6.5625 1.75042L11.8125 1.75042Z" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="row wow animate fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">
                <div class="col-lg-12 pt-50 d-flex justify-content-center">
                    <div class="button-area">
                        <a href="{{ url($pageLink) }}" class="primary-btn-3">{{ translate('View All') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>