@extends('front.layouts.master')
@section('title',  $singleCompany->company_name )
@php
use App\Models\Admin\Company;
@endphp
@section('content')
    @php
        $breadcrumbOption = getThemeOption('breadcrumb') ?? [];
        $breadcrumbImg = $breadcrumbOption['breadcrumb_img'] ?? null;
        $breadcrumbColor = $breadcrumbOption['breadcrumb_color'] ?? '#f1f1f1';
    @endphp

    <div class="breadcrumb-section style-2 mb-120">
        <div class="breadcrumb-wrap"
            style="
            @if ($breadcrumbImg) background-image: url('{{ asset('storage/theme-options/' . $breadcrumbImg) }}'); @endif
            background-color: {{ $breadcrumbColor }};
            background-size: cover;
            background-position: center;
         ">
            <div class="container">
                <div class="row gy-4">
                    <div class="col-lg-6">
                        <div class="breadcrumb-content-left">
                            <div class="company-icon">
                                @if (fileExists('company', $singleCompany->company_logo) == true && $singleCompany->company_logo !== '')
                                    <img src="{{ asset('storage/company/' . $singleCompany->company_logo) }}"
                                        alt="company-logo">
                                @else
                                    <img src="{{ asset('frontend/assets/images/demo-logo.png') }}" alt="company-logo">
                                @endif
                            </div>
                            <div class="company-info">
                                <h5>{{ $singleCompany->company_name }}</h5>
                                <ul class="location">
                                    <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>
                                        {{ $singleCompany->city_name ? $singleCompany->city_name : translate('Unknown City') }},
                                        {{ $singleCompany->country_name ? $singleCompany->country_name : translate('Unknown Country') }}

                                    </li>
                                    @if (!empty($singleCompany->company_website))
                                        <li>
                                            @php
                                                $website = $singleCompany->company_website;
                                                if (!preg_match('~^(?:f|ht)tps?://~i', $website)) {
                                                    $website = 'https://' . $website;
                                                }
                                            @endphp

                                            <a href="{{ $website }}" target="_blank">
                                                <svg width="16" height="16" viewBox="0 0 16 16"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <g clip-path="url(#clip0_272_319)">
                                                        <path
                                                            d="M8 0C3.59 0 0 3.59 0 8C0 12.41 3.59 16 8 16C12.41 16 16 12.41 16 8C16 3.59 12.41 0 8 0ZM14.3325 11.69H12.205C12.5175 10.6775 12.7075 9.54 12.7375 8.3325H15.325C15.27 9.5525 14.915 10.695 14.3325 11.69ZM0.675 8.3325H3.2625C3.2925 9.54 3.48 10.6775 3.795 11.69H1.6675C1.0684 10.6683 0.727714 9.51575 0.675 8.3325ZM1.6675 4.31H3.795C3.4825 5.3225 3.2925 6.46 3.2625 7.6675H0.675C0.73 6.4475 1.085 5.305 1.6675 4.31ZM8.3325 3.6425V0.6925C9.5375 0.87 10.595 1.99 11.275 3.6425H8.3325ZM11.52 4.31C11.8425 5.305 12.04 6.4475 12.07 7.6675H8.3325V4.31H11.52ZM7.6675 0.6925V3.6425H4.7225C5.405 1.99 6.4625 0.87 7.6675 0.6925ZM7.6675 4.31V7.6675H3.9275C3.9575 6.4475 4.155 5.305 4.4775 4.31H7.6675ZM3.9275 8.3325H7.665V11.69H4.48C4.1575 10.695 3.96 9.5525 3.9275 8.3325ZM7.6675 12.3575V15.3075C6.4625 15.13 5.405 14.01 4.725 12.3575H7.6675ZM8.3325 15.3075V12.3575H11.275C10.595 14.01 9.5375 15.13 8.3325 15.3075ZM8.3325 11.69V8.3325H12.07C12.04 9.5525 11.8425 10.695 11.52 11.69H8.3325ZM12.7375 7.6675C12.7075 6.46 12.52 5.3225 12.205 4.31H14.3325C14.915 5.305 15.27 6.4475 15.325 7.6675H12.7375ZM13.895 3.6425H11.975C11.5625 2.5775 11.005 1.6875 10.35 1.055C11.7672 1.53711 13.0038 2.43971 13.895 3.6425ZM5.65 1.055C4.995 1.69 4.4375 2.5775 4.025 3.6425H2.105C2.9875 2.4525 4.22 1.54 5.65 1.055ZM2.105 12.3575H4.025C4.4375 13.4225 4.995 14.3125 5.65 14.945C4.23279 14.4629 2.99618 13.5603 2.105 12.3575ZM10.35 14.945C11.005 14.31 11.5625 13.4225 11.975 12.355H13.895C13.0047 13.5592 11.7679 14.4628 10.35 14.945Z" />
                                                    </g>
                                                </svg>
                                                {{ str_replace(['http://', 'https://'], '', $singleCompany->company_website) }}
                                            </a>

                                        </li>
                                    @endif
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 d-flex justify-content-lg-end justify-content-start">
                        <div class="breadcrumb-content-right">
                            <div class="social-area">
                                <h6>{{ translate('Follow Company') }}:</h6>
                                <ul>
                                    @if (isset($singleCompany->company_facebook))
                                        <li><a href="{{ $singleCompany->company_facebook }}"><i
                                                    class="bx bxl-facebook"></i></a></li>
                                    @endif
                                    @if (isset($singleCompany->company_twitter))
                                        <li><a href="{{ $singleCompany->company_twitter }}"><i
                                                    class="bi bi-twitter-x"></i></a> </li>
                                    @endif

                                    @if (isset($singleCompany->company_linkedin))
                                        <li><a href="{{ $singleCompany->company_linkedin }}"><i
                                                    class="bx bxl-linkedin"></i></a></li>
                                    @endif

                                    @if (isset($singleCompany->company_instagram))
                                        <li><a href="{{ $singleCompany->company_instagram }}"><i
                                                    class="bx bxl-instagram"></i></a></li>
                                    @endif
                                </ul>
                            </div>
                            <div class="job-available-button">
                                <span>{{ translate('Job Available') }}
                                    {{ $singleCompany->active_jobs_count }}</span>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="company-details-section mb-80">
        <div class="container">
            <div class="row gy-4">
                <div class="col-lg-8">
                    <div class="company-left-content">
                        @if(!empty($singleCompany->company_details))
                            <h5 class="ep-com-about-title">{{ translate('About Company') }}</h5>
                            {!! clean($singleCompany->company_details) !!}
                        @endif
                        @if(!empty($singleCompany->company_vision))
                            <h5 class="ep-com-goal-title">{{ translate('Our Goal') }}</h5>
                            {!! clean($singleCompany->company_vision) !!}
                        @endif
                        @if ($singleCompany->workAreas->count() > 0)
                            <div class="working-details">
                                <h5 class="ep-com-wa-title">{{ translate('Working Area') }}</h5>
                                @foreach ($singleCompany->workAreas as $key => $item)
                                    <h6>{{ $item['working_field'] }}</h6>
                                    <p>{{ $item['working_description'] }}</p>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="company-right-content">
                        <div class="job-summary-area">
                            <ul>
                                <li>
                                    <div class="left-content">
                                        <svg width="20" height="22" viewBox="0 0 20 22"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M18.25 5C18.25 4.30964 17.6904 3.75 17 3.75H3C2.30964 3.75 1.75 4.30964 1.75 5V19C1.75 19.6904 2.30964 20.25 3 20.25H17C17.6904 20.25 18.25 19.6904 18.25 19V5ZM19.75 19C19.75 20.5188 18.5188 21.75 17 21.75H3C1.48122 21.75 0.25 20.5188 0.25 19V5C0.25 3.48122 1.48122 2.25 3 2.25H17C18.5188 2.25 19.75 3.48122 19.75 5V19Z" />
                                            <path
                                                d="M13.25 5V1C13.25 0.585786 13.5858 0.25 14 0.25C14.4142 0.25 14.75 0.585786 14.75 1V5C14.75 5.41421 14.4142 5.75 14 5.75C13.5858 5.75 13.25 5.41421 13.25 5Z" />
                                            <path
                                                d="M5.25 5V1C5.25 0.585786 5.58579 0.25 6 0.25C6.41421 0.25 6.75 0.585786 6.75 1V5C6.75 5.41421 6.41421 5.75 6 5.75C5.58579 5.75 5.25 5.41421 5.25 5Z" />
                                            <path
                                                d="M19 8.25C19.4142 8.25 19.75 8.58579 19.75 9C19.75 9.41421 19.4142 9.75 19 9.75H1C0.585786 9.75 0.25 9.41421 0.25 9C0.25 8.58579 0.585786 8.25 1 8.25H19Z" />
                                        </svg>
                                        <p>{{ translate('Company Name') }}</p>
                                    </div>
                                    <div class="right-content">
                                        <p>{{ $singleCompany->company_name }}</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="left-content">
                                        <svg width="22" height="22" viewBox="0 0 22 22"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M20.25 11C20.25 5.89137 16.1086 1.75 11 1.75C5.89137 1.75 1.75 5.89137 1.75 11C1.75 16.1086 5.89137 20.25 11 20.25C16.1086 20.25 20.25 16.1086 20.25 11ZM21.75 11C21.75 16.9371 16.9371 21.75 11 21.75C5.06294 21.75 0.25 16.9371 0.25 11C0.25 5.06294 5.06294 0.25 11 0.25C16.9371 0.25 21.75 5.06294 21.75 11Z" />
                                            <path
                                                d="M10.25 5C10.25 4.58579 10.5858 4.25 11 4.25C11.4142 4.25 11.75 4.58579 11.75 5V10.5361L15.335 12.3291L15.4023 12.3672C15.7232 12.5706 15.8442 12.9878 15.6709 13.335C15.4973 13.6822 15.0907 13.8358 14.7354 13.7012L14.665 13.6709L10.665 11.6709C10.411 11.5439 10.25 11.2841 10.25 11V5Z" />
                                        </svg>
                                        <p>{{ translate('Type') }}</p>
                                    </div>
                                    <div class="right-content">
                                        <p>{{ $singleCompany?->companytype?->company_type_name }}</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="left-content">
                                        <svg width="20" height="24" viewBox="0 0 20 24"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M18.2402 9.59082C18.1391 7.55175 17.2844 5.61648 15.834 4.16602C14.2868 2.61884 12.188 1.75 10 1.75C7.81196 1.75 5.71319 2.61884 4.16602 4.16602C2.61884 5.71319 1.75 7.81196 1.75 10C1.75 13.1985 3.82476 16.2659 6.04492 18.6094C7.13941 19.7646 8.23622 20.7098 9.06055 21.3662C9.44246 21.6703 9.76562 21.9107 10 22.0811C10.2344 21.9107 10.5575 21.6703 10.9395 21.3662C11.7638 20.7098 12.8606 19.7646 13.9551 18.6094C16.1752 16.2659 18.25 13.1985 18.25 10L18.2402 9.59082ZM19.75 10C19.75 13.8013 17.3247 17.2341 15.0449 19.6406C13.8897 20.8601 12.7361 21.8528 11.873 22.54C11.4411 22.884 11.0806 23.1532 10.8262 23.3369C10.6989 23.4288 10.5981 23.4995 10.5283 23.5479C10.4936 23.5719 10.4661 23.5897 10.4473 23.6025C10.4378 23.6089 10.43 23.6147 10.4248 23.6182C10.4224 23.6198 10.4204 23.6211 10.4189 23.6221L10.417 23.623L10.416 23.624C10.1955 23.771 9.91672 23.7891 9.68164 23.6787L9.58398 23.624L9.58301 23.623L9.58105 23.6221C9.5796 23.6211 9.57762 23.6198 9.5752 23.6182C9.56997 23.6147 9.56216 23.6089 9.55273 23.6025C9.53389 23.5897 9.50639 23.5719 9.47168 23.5479C9.40193 23.4995 9.30109 23.4288 9.17383 23.3369C8.91944 23.1532 8.5589 22.884 8.12695 22.54C7.2639 21.8528 6.11033 20.8601 4.95508 19.6406C2.67533 17.2341 0.25 13.8013 0.25 10C0.25 7.41414 1.27699 4.93395 3.10547 3.10547C4.93395 1.27699 7.41414 0.25 10 0.25C12.5859 0.25 15.0661 1.27699 16.8945 3.10547C18.723 4.93395 19.75 7.41414 19.75 10Z" />
                                            <path
                                                d="M12.25 10C12.25 8.75736 11.2426 7.75 10 7.75C8.75736 7.75 7.75 8.75736 7.75 10C7.75 11.2426 8.75736 12.25 10 12.25C11.2426 12.25 12.25 11.2426 12.25 10ZM13.75 10C13.75 12.0711 12.0711 13.75 10 13.75C7.92893 13.75 6.25 12.0711 6.25 10C6.25 7.92893 7.92893 6.25 10 6.25C12.0711 6.25 13.75 7.92893 13.75 10Z" />
                                        </svg>
                                        <p>{{ translate('Location') }}</p>
                                    </div>
                                    <div class="right-content">
                                        <p>{{ $singleCompany->city_name ? $singleCompany->city_name : translate('Unknown City') }},
                                            {{ $singleCompany->country_name ? $singleCompany->country_name : translate('Unknown Country') }}
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="left-content">
                                        <svg width="14" height="18" viewBox="0 0 14 18"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M6.25 17V7C6.25 6.58579 6.58579 6.25 7 6.25C7.41421 6.25 7.75 6.58579 7.75 7V17C7.75 17.4142 7.41421 17.75 7 17.75C6.58579 17.75 6.25 17.4142 6.25 17Z" />
                                            <path
                                                d="M12.25 17V1C12.25 0.585786 12.5858 0.25 13 0.25C13.4142 0.25 13.75 0.585786 13.75 1V17C13.75 17.4142 13.4142 17.75 13 17.75C12.5858 17.75 12.25 17.4142 12.25 17Z" />
                                            <path
                                                d="M0.25 17V13C0.25 12.5858 0.585786 12.25 1 12.25C1.41421 12.25 1.75 12.5858 1.75 13V17C1.75 17.4142 1.41421 17.75 1 17.75C0.585786 17.75 0.25 17.4142 0.25 17Z" />
                                        </svg>
                                        <p>{{ translate('Member Since') }}</p>
                                    </div>
                                    <div class="right-content">
                                        <p>{{ customDateFormate($singleCompany->establishment_date, $format = 'd F, Y') }}
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="left-content">
                                        <svg width="18" height="20" viewBox="0 0 18 20"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M16.25 19V17C16.25 16.138 15.9073 15.3116 15.2979 14.7021C14.7264 14.1307 13.9644 13.7937 13.1611 13.7539L13 13.75H5C4.13805 13.75 3.31164 14.0927 2.70215 14.7021C2.09266 15.3116 1.75 16.138 1.75 17V19C1.75 19.4142 1.41421 19.75 1 19.75C0.585786 19.75 0.25 19.4142 0.25 19V17C0.25 15.7402 0.750804 14.5324 1.6416 13.6416C2.5324 12.7508 3.74022 12.25 5 12.25H13L13.2354 12.2559C14.4094 12.3141 15.5232 12.8064 16.3584 13.6416C17.2492 14.5324 17.75 15.7402 17.75 17V19C17.75 19.4142 17.4142 19.75 17 19.75C16.5858 19.75 16.25 19.4142 16.25 19Z" />
                                            <path
                                                d="M12.25 5C12.25 3.20507 10.7949 1.75 9 1.75C7.20507 1.75 5.75 3.20507 5.75 5C5.75 6.79493 7.20507 8.25 9 8.25C10.7949 8.25 12.25 6.79493 12.25 5ZM13.75 5C13.75 7.62335 11.6234 9.75 9 9.75C6.37665 9.75 4.25 7.62335 4.25 5C4.25 2.37665 6.37665 0.25 9 0.25C11.6234 0.25 13.75 2.37665 13.75 5Z" />
                                        </svg>
                                        <p>{{ translate('Total Employees') }}</p>
                                    </div>
                                    <div class="right-content">
                                        <p>{{ $singleCompany->company_size ?? '' }}</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="left-content">
                                        <svg width="22" height="22" viewBox="0 0 22 22"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M20.25 3C20.25 2.30964 19.6904 1.75 19 1.75H3C2.30964 1.75 1.75 2.30964 1.75 3V7C1.75 7.69036 2.30964 8.25 3 8.25H19C19.6904 8.25 20.25 7.69036 20.25 7V3ZM21.75 7C21.75 8.51878 20.5188 9.75 19 9.75H3C1.48122 9.75 0.25 8.51878 0.25 7V3C0.25 1.48122 1.48122 0.25 3 0.25H19C20.5188 0.25 21.75 1.48122 21.75 3V7Z" />
                                            <path
                                                d="M20.25 15C20.25 14.3096 19.6904 13.75 19 13.75H3C2.30964 13.75 1.75 14.3096 1.75 15V19C1.75 19.6904 2.30964 20.25 3 20.25H19C19.6904 20.25 20.25 19.6904 20.25 19V15ZM21.75 19C21.75 20.5188 20.5188 21.75 19 21.75H3C1.48122 21.75 0.25 20.5188 0.25 19V15C0.25 13.4812 1.48122 12.25 3 12.25H19C20.5188 12.25 21.75 13.4812 21.75 15V19Z" />
                                            <path
                                                d="M5.00977 4.25L5.08691 4.25391C5.46499 4.29242 5.75977 4.61175 5.75977 5C5.75977 5.38825 5.46499 5.70758 5.08691 5.74609L5.00977 5.75H5C4.58579 5.75 4.25 5.41421 4.25 5C4.25 4.58579 4.58579 4.25 5 4.25H5.00977Z" />
                                            <path
                                                d="M5.00977 16.25L5.08691 16.2539C5.46499 16.2924 5.75977 16.6118 5.75977 17C5.75977 17.3882 5.46499 17.7076 5.08691 17.7461L5.00977 17.75H5C4.58579 17.75 4.25 17.4142 4.25 17C4.25 16.5858 4.58579 16.25 5 16.25H5.00977Z" />
                                        </svg>
                                        <p>{{ translate('Posted Job') }}</p>
                                    </div>
                                    <div class="right-content">
                                        <p>{{ $singleCompany->jobs_count ?? 0 }}</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        @if (!empty($singleCompany?->iframe_link))
                            <div class="location-area">
                                <h5>{{ translate('Direction Map') }}:</h5>
                                <iframe src="{{ getmapLink($singleCompany->iframe_link) }}" style="border:0;"
                                    allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if ($singleCompany->galleries->count() > 0)
        {{-- <div class="gallery-view-section mb-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 mb-40">
                        <div class="section-title">
                            <h3>{{ translate('Company Gallery View') }}</h3>
                        </div>
                    </div>
                </div>
                <div class="row gy-4">
                    @foreach ($singleCompany?->galleries as $gallery)
                        @php
                            $imagePath = '';
                            if (
                                fileExists(
                                    $folder = 'company/galleries',
                                    $fileName = $gallery->company_gallery_image,
                                ) == true &&
                                $gallery->company_gallery_image !== ''
                            ) {
                                $imagePath = 'storage/company/galleries/' . $gallery->company_gallery_image;
                            } else {
                                $imagePath = 'frontend/assets/images/900x600.png';
                            }
                        @endphp
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="gallery-image">
                                <a data-fancybox="gallery" href="{{ asset($imagePath) }}"><img src="{{ asset($imagePath) }}"
                                        alt="gallery-image"></a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div> --}}
    @endif
    @if (count($latestJobs) > 0)
        <div class="latest-job-section mb-120">
            <div class="container">
                <div class="row mb-40">
                    <div class="col-lg-12">
                        <div class="section-title">
                            <h3>{{ translate('Latest Jobs') }}</h3>
                        </div>
                    </div>
                </div>
                <div class="row gy-4">
                    @foreach ($latestJobs as $job)
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="feature-card two">
                                <div class="feature-wrape">
                                    <div class="company-area">
                                        <div class="logo">
                                            @if (fileExists($folder = 'jobs', $fileName = $job->job_image) == true && $job->job_image !== '')
                                                <img src="{{ asset('storage/jobs/' . $job->job_image) }}"
                                                    alt="job-image">
                                            @else
                                                         @if(!empty(Company::find($job->company->id)->company_logo))
                                    <img src="{{ asset('storage/company/'.Company::find($job->company->id)->company_logo) }}" alt="company-logo">

                            @else
   <img src="{{ asset('frontend/assets/images/demo-logo.png') }}"
                                                alt="company-logo">
                                @endif
                                            @endif
                                        </div>
                                        <div class="company-details">
                                            <div class="name-location">
                                                <h5><a
                                                        href="{{ url('job-details/' . $job->slug) }}">{{ $job->job_title }}</a>
                                                </h5>
                                                <p>
                                                    {{ translate('By') }}
                                                    <span>{{ $job->company?->company_name ?? 'Unknown Company' }}</span>
                                                </p>
                                            </div>

                                            @php
                                                $active =
                                                    Auth::check() && checkArrayValue($job->id, userBookBarkJobs())
                                                        ? 'active'
                                                        : '';
                                            @endphp
                                            <div class="bookmark {{ $active }}"
                                                data-action="{{ route('bookmark', $job->id) }}">
                                                <i class="bi bi-heart"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="job-discription">
                                        <ul>
                                            <li class="style-2">
                                                <svg width="10" height="10" viewBox="0 0 10 10"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M7.60375 5.5875C7.27625 6.25125 6.8325 6.9125 6.37875 7.50625C5.94784 8.06563 5.48762 8.6018 5 9.1125C4.51238 8.6018 4.05216 8.06563 3.62125 7.50625C3.1675 6.9125 2.72375 6.25125 2.39625 5.5875C2.065 4.91687 1.875 4.28875 1.875 3.75C1.875 2.9212 2.20424 2.12634 2.79029 1.54029C3.37634 0.95424 4.1712 0.625 5 0.625C5.8288 0.625 6.62366 0.95424 7.20971 1.54029C7.79576 2.12634 8.125 2.9212 8.125 3.75C8.125 4.28875 7.93438 4.91687 7.60375 5.5875ZM5 10C5 10 8.75 6.44625 8.75 3.75C8.75 2.75544 8.35491 1.80161 7.65165 1.09835C6.94839 0.395088 5.99456 0 5 0C4.00544 0 3.05161 0.395088 2.34835 1.09835C1.64509 1.80161 1.25 2.75544 1.25 3.75C1.25 6.44625 5 10 5 10Z" />
                                                    <path
                                                        d="M5 5C4.66848 5 4.35054 4.8683 4.11612 4.63388C3.8817 4.39946 3.75 4.08152 3.75 3.75C3.75 3.41848 3.8817 3.10054 4.11612 2.86612C4.35054 2.6317 4.66848 2.5 5 2.5C5.33152 2.5 5.64946 2.6317 5.88388 2.86612C6.1183 3.10054 6.25 3.41848 6.25 3.75C6.25 4.08152 6.1183 4.39946 5.88388 4.63388C5.64946 4.8683 5.33152 5 5 5ZM5 5.625C5.49728 5.625 5.97419 5.42746 6.32583 5.07583C6.67746 4.72419 6.875 4.24728 6.875 3.75C6.875 3.25272 6.67746 2.77581 6.32583 2.42417C5.97419 2.07254 5.49728 1.875 5 1.875C4.50272 1.875 4.02581 2.07254 3.67417 2.42417C3.32254 2.77581 3.125 3.25272 3.125 3.75C3.125 4.24728 3.32254 4.72419 3.67417 5.07583C4.02581 5.42746 4.50272 5.625 5 5.625Z" />
                                                </svg>
                                                {{ $job->city_name ? $job->city_name : translate('Unknown City') }},
                                                {{ $job->country_name ? $job->country_name : translate('Unknown Country') }}
                                            </li>
                                            <li class="style-3">
                                                @if ($job->salary_mode == 'range')
                                                    @if (!empty($job->min_salary))
                                                        {{ defaultCurrency() }}{{ formatToK(dotZeroRemovePrice($job->min_salary)) }}
                                                        -
                                                    @endif
                                                    {{ defaultCurrency() }}{{ formatToK(dotZeroRemovePrice($job->max_salary)) }}
                                                @else
                                                    {{ ucfirst($job->salary_mode) }}
                                                @endif
                                            </li>
                                            <li class="style-4">
                                                {{ $job->jobJobTypes?->implode('type_name', ' , ') }}
                                            </li>
                                            <li class="style-5">
                                                {{ translate('Vacancy') }}: {{ $job->job_vacancy }}
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="date">
                                        <p>{{ translate('Deadline') }}: {{ customDateFormate($job->job_deadline) }}
                                        </p>
                                    </div>
                                </div>
                                <div class="button-area">
                                    <a href="{{ url('job-details', $job->slug) }}"
                                        class="primary-btn-4">{{ translate('Apply Now') }}
                                        <svg width="12" height="12" viewBox="0 0 12 12"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                d="M10.8125 0.750301C10.9285 0.750301 11.0398 0.796394 11.1219 0.878442C11.2039 0.960489 11.25 1.07177 11.25 1.1878L11.25 6.4378C11.25 6.55383 11.2039 6.66511 11.1219 6.74716C11.0398 6.82921 10.9285 6.8753 10.8125 6.8753C10.6965 6.8753 10.5852 6.82921 10.5031 6.74716C10.4211 6.66511 10.375 6.55383 10.375 6.4378L10.375 2.24393L1.49725 11.1226C1.45657 11.1632 1.40828 11.1955 1.35514 11.2175C1.30199 11.2395 1.24503 11.2509 1.1875 11.2509C1.12997 11.2509 1.07301 11.2395 1.01986 11.2175C0.966718 11.1955 0.918427 11.1632 0.87775 11.1226C0.837073 11.0819 0.804806 11.0336 0.782792 10.9804C0.760777 10.9273 0.749448 10.8703 0.749448 10.8128C0.749448 10.7553 0.760777 10.6983 0.782792 10.6452C0.804806 10.592 0.837073 10.5437 0.87775 10.5031L9.75637 1.6253L5.5625 1.6253C5.44647 1.6253 5.33519 1.57921 5.25314 1.49716C5.17109 1.41511 5.125 1.30383 5.125 1.1878C5.125 1.07177 5.17109 0.96049 5.25314 0.878442C5.33519 0.796395 5.44647 0.750302 5.5625 0.750302L10.8125 0.750301Z" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    <div class="pagination-area">
                        {{ $latestJobs->links('front.vendor.pagination.custom') }}
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection