@php
use App\Models\Admin\Company;

    $pageSetting = getThemeOption('page_setting') ?? [];
    $jobListUrl = $pageSetting['job_list_url'] ?? '';
    $breadcrumbOption = getThemeOption('breadcrumb') ?? [];
    $breadcrumbImg = $breadcrumbOption['breadcrumb_img'] ?? null;
    $breadcrumbColor = $breadcrumbOption['breadcrumb_color'] ?? '#f1f1f1';
@endphp


@extends('front.layouts.master')
@section('title', $singleJob->job_title)
@section('content')
    <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="breadcrumb-content">
                    <div class="company-icon-area">
                        <div class="icon">
                            @if (fileExists('jobs', $singleJob->job_image) == true && $singleJob->job_image !== '')
                                <img src="{{ asset('storage/jobs/' . $singleJob->job_image) }}" alt="company-logo">
                            @else
                            @if(!empty($singleJob->company?->company_logo))
                                    <img src="{{ asset('storage/company/'.$singleJob->company->company_logo) }}" alt="company-logo">

                            @else
                                <img src="{{ asset('frontend/assets/images/demo-logo.png') }}" alt="company-logo">

                                @endif
                            @endif
                        </div>
                        <div class="content-area">
                            @if (!empty($singleJob->job_title))
                                <h5>{{ $singleJob->job_title }}</h5>
                            @endif
                            @if (!empty($singleJob->company?->company_name) && !empty($singleJob->category_name))
                                <p>{{ translate('By') }} <span>{{ $singleJob->company?->company_name }}</span></p>
                            @endif
                        </div>
                    </div>
                    <div class="job-discription">
                        <ul>
                            @if (!empty($singleJob->city_name))
                                <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>
                                    {{ $singleJob->city_name ? $singleJob->city_name : translate('Unknown City') }},
                                    {{ $singleJob->country_name ? $singleJob->country_name : translate('Unknown Country') }}

                                </li>
                            @endif
                            @if ($singleJob->salary_mode === 'range')
                                <li class="style-3">
                                    @if (!empty($singleJob->min_salary))
                                        {{ defaultCurrency() }}{{ dotZeroRemovePrice($singleJob->min_salary) }} -
                                    @endif
                                    {{ defaultCurrency() }}{{ dotZeroRemovePrice($singleJob->max_salary) }}
                                </li>
                            @elseif (!empty($singleJob->salary_mode))
                                <li class="style-3">{{ ucfirst($singleJob->salary_mode) }}</li>
                            @endif
                            @if ($singleJob->jobJobTypes && $singleJob->jobJobTypes->isNotEmpty())
                                <li class="style-4">
                                    {{ $singleJob->jobJobTypes->implode('type_name', ' , ') }}
                                </li>
                            @endif

                            <li class="style-5">
                                {{ translate('Vacancy') }}: {{ $singleJob->job_vacancy }}
                            </li>
                        </ul>
                    </div>
                    @php
                        $isCompany = Auth::check() && Auth::user()->company;
                    @endphp
                    <div class="button-area">
                        @if (!$isCompany)
                            @if (Auth::check())
                                @php
                                    $active =
                                        checkArrayValue($singleJob->id, userBookBarkJobs()) == true ? 'active' : '';
                                @endphp

                                <a class="icon save-btn bookmark {{ $active }}"
                                    data-action="{{ route('bookmark', $singleJob->id) }}">
                                    <svg width="16" height="15" viewBox="0 0 16 15"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M7.9999 2.74805L7.2829 2.01105C5.5999 0.281049 2.5139 0.878049 1.39989 3.05305C0.876895 4.07605 0.758895 5.55305 1.71389 7.43805C2.63389 9.25305 4.5479 11.427 7.9999 13.795C11.4519 11.427 13.3649 9.25305 14.2859 7.43805C15.2409 5.55205 15.1239 4.07605 14.5999 3.05305C13.4859 0.878049 10.3999 0.280049 8.7169 2.01005L7.9999 2.74805ZM7.9999 15C-7.33311 4.86805 3.27889 -3.03995 7.82389 1.14305C7.88389 1.19838 7.94256 1.25538 7.9999 1.31405C8.05623 1.25501 8.11494 1.1983 8.17589 1.14405C12.7199 -3.04195 23.3329 4.86705 7.9999 15Z">
                                        </path>
                                    </svg>
                                </a>
                            @else
                                <a class="icon save-btn bookmark" data-action="{{ route('bookmark', $singleJob->id) }}">
                                    <svg width="16" height="15" viewBox="0 0 16 15"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M7.9999 2.74805L7.2829 2.01105C5.5999 0.281049 2.5139 0.878049 1.39989 3.05305C0.876895 4.07605 0.758895 5.55305 1.71389 7.43805C2.63389 9.25305 4.5479 11.427 7.9999 13.795C11.4519 11.427 13.3649 9.25305 14.2859 7.43805C15.2409 5.55205 15.1239 4.07605 14.5999 3.05305C13.4859 0.878049 10.3999 0.280049 8.7169 2.01005L7.9999 2.74805ZM7.9999 15C-7.33311 4.86805 3.27889 -3.03995 7.82389 1.14305C7.88389 1.19838 7.94256 1.25538 7.9999 1.31405C8.05623 1.25501 8.11494 1.1983 8.17589 1.14405C12.7199 -3.04195 23.3329 4.86705 7.9999 15Z">
                                        </path>
                                    </svg>
                                </a>
                            @endif
                        @endif

                        @if ($isCompany)
                            @if ($singleJob->job_featured == 1)
                                <span class="eg-featured">{{ translate('Featured') }}</span>
                            @else
                                <span class="eg-not-featured">{{ translate('Not Featured') }}</span>
                            @endif
                        @else
                            @if ($singleJob->cv_receive_option == 1 || $singleJob->cv_receive_email == 1)
                                @if (Auth::check())
                                    @php
                                        $applied =
                                            checkArrayValue($singleJob->id, userApplyJob()) == true ? 'active' : '';
                                    @endphp

                                    @if ($applied)
                                        <button type="button" class="primary-btn-2">{{ translate('Applied') }}</button>
                                    @else
                                        <button type="button" class="primary-btn-2" data-bs-toggle="modal"
                                            data-bs-target="#applyPosition"
                                            {{ Auth::check() ? '' : 'disabled' }}>{{ translate('Apply  Now') }}</button>
                                    @endif
                                @else
                                    <button type="button" data-action="{{ url('job-bookmark/' . $singleJob->id) }}"
                                        class="primary-btn-2 bookmark"> {{ translate('Apply Now') }}
                                        <button>
                                @endif
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="company-details-section {{ count(relatedJobs($singleJob->category_id, $singleJob->id)) > 0 ? 'mb-80' : 'mb-100' }}">
        <div class="container">
            <div class="row gy-5">
                <div class="col-xl-8 col-lg-12">
                    <div class="company-left-content">
                        <h5 class="ep-job-desc-title">{{ translate('Job Description') }}</h5>
                        <p>{!! clean($singleJob->job_description) !!}</p>
                        <h5 class="ep-job-res-title">{{ translate('Job Responsibility') }}</h5>
                        {!! clean($singleJob->job_responsibility) !!}
                        @if ($singleJob->skills->isNotEmpty())
                            <h5 class="ep-job-skills-title">{{ translate('Job Skills') }}</h5>
                            <p>{{ $singleJob->skills->pluck('name')->join(', ') }}</p>
                        @endif
                        @if ($singleJob->experiences->count() > 0)
                            <h5 class="ep-job-exp-title">{{ translate('Experiences') }}</h5>
                            <ul>
                                @foreach ($singleJob->experiences as $experience)
                                    <li>{{ $experience->name }}</li>
                                @endforeach
                            </ul>
                        @endif
                        @if ($singleJob->job_description)
                            <h5 class="ep-job-exben-title">{{ translate('Extra Benefits') }}</h5>
                            {!! clean($singleJob->extra_benefit) !!}
                        @endif
                    </div>
                </div>
                <div class="col-xl-4 col-lg-12">
                    <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('Job Posted Date') }}</p>
                                    </div>
                                    <div class="right-content">
                                        <p>{{ customDateFormate($singleJob->created_at) }}</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('Deadline Date') }}</p>
                                    </div>
                                    <div class="right-content">
                                        <p>{{ customDateFormate($singleJob->job_deadline) }}</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>{{ $singleJob->city_name ? $singleJob->city_name : translate('Unknown City') }},
                                            {{ $singleJob->country_name ? $singleJob->country_name : translate('Unknown Country') }}
                                        </p>
                                    </div>
                                </li>
                                @if (!empty($singleJob->salary_type))
                                    <li>
                                        <div class="left-content">
                                            <svg width="22" height="22" viewBox="0 0 468 482"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path
                                                    d="M453.034 325.07C442.353 319.899 430.775 316.84 418.934 316.059C424.099 303.289 426.909 289.69 427.229 275.918C429.635 203.47 372.24 150.888 347.818 128.36L345.258 126.056C341.725 122.779 338.499 119.554 335.478 116.328C338.597 113.703 341.102 110.426 342.818 106.729C344.534 103.031 345.419 99.0027 345.411 94.9264V94.4144C345.392 88.7859 343.683 83.2928 340.507 78.6464C337.33 74 332.831 70.4143 327.594 68.3536C333.46 51.9924 337.562 35.0515 339.83 17.8192C340.186 14.88 339.706 11.9002 338.447 9.22064C337.188 6.54111 335.2 4.27013 332.711 2.66755C330.222 1.06496 327.331 0.195508 324.371 0.158665C321.411 0.121823 318.5 0.919082 315.971 2.45922C308.127 6.80356 299.743 10.0918 291.037 12.2384C282.643 14.422 273.83 14.422 265.437 12.2384C256.674 10.0914 248.237 6.78544 240.349 2.40802C237.805 0.871677 234.879 0.0853719 231.908 0.139724C228.936 0.194075 226.041 1.08687 223.555 2.71522C221.084 4.29099 219.116 6.54069 217.882 9.19881C216.648 11.8569 216.201 14.8125 216.592 17.7168C218.895 35.0145 223.013 52.0215 228.88 68.456C223.629 70.5027 219.115 74.0834 215.928 78.7318C212.741 83.3802 211.028 88.8807 211.011 94.5168V95.0288C211.01 99.5788 212.119 104.06 214.243 108.084C216.366 112.108 219.44 115.553 223.197 118.12C220.893 120.578 218.077 123.24 215.107 126.056L212.65 128.36C187.92 150.888 130.832 203.419 133.187 275.867C133.187 279.656 133.648 283.291 134.058 286.926H94.1728V270.491C94.1728 267.775 93.0939 265.171 91.1736 263.25C89.2532 261.33 86.6486 260.251 83.9328 260.251H11.2288C8.51299 260.251 5.9084 261.33 3.98803 263.25C2.06766 265.171 0.988804 267.775 0.988804 270.491V445.083C0.988804 447.799 2.06766 450.404 3.98803 452.324C5.9084 454.244 8.51299 455.323 11.2288 455.323H83.9328C86.6486 455.323 89.2532 454.244 91.1736 452.324C93.0939 450.404 94.1728 447.799 94.1728 445.083V431.771L205.686 476.776C214.303 480.017 223.413 481.749 232.618 481.896C253.098 481.896 271.018 473.038 291.958 462.594L294.314 461.416H294.826L453.546 370.229C457.679 368.063 461.128 364.789 463.506 360.774C465.884 356.759 467.098 352.162 467.011 347.496C467.047 342.818 465.752 338.225 463.277 334.255C460.802 330.284 457.25 327.099 453.034 325.07ZM242.294 102.76H239.12C237.119 102.76 235.199 101.969 233.78 100.559C232.36 99.1487 231.556 97.2344 231.542 95.2336V94.7216C231.522 93.7137 231.703 92.7118 232.075 91.7746C232.446 90.8374 233.001 89.9839 233.707 89.2639C234.412 88.5439 235.255 87.9719 236.184 87.5816C237.114 87.1912 238.112 86.9902 239.12 86.9904H317.405C319.401 86.9904 321.315 87.7834 322.727 89.1948C324.138 90.6063 324.931 92.5207 324.931 94.5168V95.0288C324.959 96.0343 324.784 97.0351 324.418 97.972C324.052 98.9089 323.502 99.7629 322.801 100.484C322.099 101.204 321.26 101.777 320.333 102.168C319.406 102.559 318.411 102.76 317.405 102.76H242.294ZM260.01 32.2064C271.919 35.3817 284.452 35.3817 296.362 32.2064C303.823 30.2476 311.117 27.6965 318.173 24.5776C315.476 38.8552 311.589 52.8818 306.55 66.5104H249.718C244.716 52.8743 240.846 38.8493 238.147 24.5776C245.224 27.6881 252.534 30.2389 260.01 32.2064ZM226.474 143.72L228.982 141.416C235.178 135.779 240.961 129.705 246.288 123.24H314.128C319.431 129.612 325.162 135.616 331.28 141.211L333.891 143.566C356.266 164.046 408.746 212.174 406.646 275.202C406.501 290.027 402.609 304.575 395.331 317.493C387.479 319.142 379.86 321.756 372.65 325.275L317.456 351.848C315.974 343.799 311.743 336.514 305.487 331.238C299.23 325.962 291.336 323.022 283.152 322.92H223.76C205.349 303.962 181.127 291.707 154.947 288.104C154.252 283.834 153.825 279.525 153.667 275.202C151.619 212.174 204.048 164.2 226.474 143.72ZM21.6736 435.048V280.731H73.8976V434.843L21.6736 435.048ZM443.92 351.746L285.2 442.984L283.152 444.008C255.146 457.986 238.198 466.434 213.264 457.627L94.1728 409.96V307.56H138.41C152.194 307.565 165.822 310.488 178.397 316.135C190.971 321.783 202.209 330.028 211.37 340.328C212.328 341.405 213.503 342.267 214.818 342.858C216.132 343.449 217.557 343.756 218.998 343.758H283.152C286.563 343.81 289.847 345.058 292.43 347.286C295.013 349.513 296.731 352.578 297.283 355.944C297.376 358.774 296.55 361.559 294.928 363.88C294.928 363.88 294.928 363.88 294.621 364.29C293.393 365.84 291.839 367.103 290.07 367.987C288.3 368.872 286.358 369.358 284.381 369.41H169.846C167.131 369.41 164.526 370.488 162.606 372.409C160.685 374.329 159.606 376.934 159.606 379.65C159.606 382.365 160.685 384.97 162.606 386.89C164.526 388.811 167.131 389.89 169.846 389.89H284.278C288.672 389.904 293.025 389.048 297.085 387.369C301.145 385.69 304.832 383.223 307.933 380.11C308.598 379.445 309.264 378.728 309.878 378.011L381.558 343.502C388.001 340.231 394.909 337.969 402.038 336.795C416.346 334.723 430.945 337.025 443.92 343.4C444.646 343.729 445.261 344.262 445.688 344.935C446.116 345.608 446.338 346.392 446.326 347.189C446.398 348.098 446.211 349.01 445.784 349.816C445.358 350.623 444.712 351.292 443.92 351.746Z" />
                                                <path
                                                    d="M295.44 268.392H271.888C271.124 268.399 270.366 268.254 269.658 267.966C268.95 267.679 268.307 267.254 267.764 266.716C267.221 266.178 266.79 265.538 266.496 264.832C266.203 264.127 266.051 263.371 266.051 262.606C266.051 259.891 264.972 257.286 263.052 255.366C261.132 253.445 258.527 252.366 255.811 252.366C253.095 252.366 250.491 253.445 248.57 255.366C246.65 257.286 245.571 259.891 245.571 262.606C245.585 269.577 248.363 276.258 253.297 281.182C258.231 286.106 264.917 288.872 271.888 288.872H273.424V296.552C273.424 299.268 274.503 301.872 276.423 303.793C278.344 305.713 280.948 306.792 283.664 306.792C286.38 306.792 288.984 305.713 290.905 303.793C292.825 301.872 293.904 299.268 293.904 296.552V288.872H295.44C298.889 288.872 302.305 288.193 305.491 286.873C308.678 285.553 311.574 283.618 314.013 281.179C316.452 278.74 318.386 275.845 319.706 272.658C321.026 269.471 321.706 266.056 321.706 262.606V245.608C321.692 238.646 318.92 231.973 313.998 227.05C309.075 222.128 302.402 219.356 295.44 219.342H271.888C271.124 219.349 270.366 219.205 269.658 218.917C268.95 218.629 268.307 218.204 267.764 217.666C267.221 217.128 266.79 216.488 266.496 215.783C266.203 215.077 266.051 214.321 266.051 213.557V196.558C266.065 195.019 266.686 193.548 267.779 192.464C268.872 191.381 270.349 190.773 271.888 190.773H295.44C296.97 190.786 298.434 191.4 299.516 192.482C300.598 193.564 301.212 195.028 301.226 196.558C301.226 199.274 302.304 201.879 304.225 203.799C306.145 205.72 308.75 206.798 311.466 206.798C314.181 206.798 316.786 205.72 318.706 203.799C320.627 201.879 321.706 199.274 321.706 196.558C321.706 193.109 321.026 189.694 319.706 186.507C318.386 183.32 316.452 180.425 314.013 177.986C311.574 175.547 308.678 173.612 305.491 172.292C302.305 170.972 298.889 170.293 295.44 170.293H293.904V162.613C293.904 159.897 292.825 157.292 290.905 155.372C288.984 153.452 286.38 152.373 283.664 152.373C280.948 152.373 278.344 153.452 276.423 155.372C274.503 157.292 273.424 159.897 273.424 162.613V170.293H271.888C264.917 170.293 258.231 173.058 253.297 177.983C248.363 182.907 245.585 189.588 245.571 196.558V213.557C245.585 220.528 248.363 227.208 253.297 232.133C258.231 237.057 264.917 239.822 271.888 239.822H295.44C296.97 239.836 298.434 240.45 299.516 241.532C300.598 242.614 301.212 244.078 301.226 245.608V262.606C301.226 264.141 300.616 265.612 299.531 266.697C298.446 267.782 296.974 268.392 295.44 268.392Z" />
                                            </svg>

                                            <p>{{ translate('Salary Type') }}</p>
                                        </div>
                                        <div class="right-content">
                                            <p>{{ ucfirst($singleJob->salary_type) }}</p>
                                        </div>
                                    </li>
                                @endif
                                @if (!empty($singleJob->category_name))
                                    <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('Job Category') }}</p>
                                        </div>
                                        <div class="right-content">
                                            <p>{{ $singleJob->category_name }}</p>
                                        </div>
                                    </li>
                                @endif
                                @if (!empty(Ucfirst($singleJob->job_gender)))
                                    <li>
                                        <div class="left-content">
                                            <svg id="fi_3239876" enable-background="new 0 0 512 512" height="22"
                                                viewBox="0 0 512 512" width="22" xmlns="http://www.w3.org/2000/svg">
                                                <g>
                                                    <path
                                                        d="m271 136c0-74.991-60.561-136-135-136-74.641 0-136 61.379-136 136 0 69.407 53.042 126.739 121 134.175v90.825h-45c-8.284 0-15 6.716-15 15s6.716 15 15 15h45v45c0 8.284 6.716 15 15 15s15-6.716 15-15v-45h45c8.284 0 15-6.716 15-15s-6.716-15-15-15h-45v-90.838c67.406-7.486 120-64.793 120-134.162zm-241 0c0-58.449 47.552-106 106-106 57.897 0 105 47.551 105 106 0 57.897-47.103 105-105 105-58.448 0-106-47.103-106-105z">
                                                    </path>
                                                    <path
                                                        d="m391 241.825v-129.612l34.394 34.393c5.857 5.858 15.355 5.859 21.213 0 5.858-5.858 5.858-15.355 0-21.213l-60-60c-5.857-5.858-15.355-5.858-21.213 0l-60 60c-5.858 5.858-5.858 15.355 0 21.213 5.857 5.858 15.355 5.858 21.213 0l34.393-34.393v129.625c-67.406 7.486-120 64.793-120 134.162 0 74.991 60.561 136 135 136 74.641 0 136-61.379 136-136 0-69.407-53.042-126.739-121-134.175zm-15 240.175c-57.897 0-105-47.551-105-106 0-57.897 47.103-105 105-105 58.448 0 106 47.103 106 105 0 58.449-47.552 106-106 106z">
                                                    </path>
                                                </g>
                                            </svg>
                                            <p>{{ translate('Gender') }}</p>
                                        </div>
                                        <div class="right-content">
                                            <p>{{ $singleJob->job_gender }}</p>
                                        </div>
                                    </li>
                                @endif
                                @if (!empty($singleJob->education->name))
                                    <li>
                                        <div class="left-content">
                                            <svg width="512" height="512" viewBox="0 0 512 512"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_19_47)">
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                        d="M21.0518 216.847C7.57308 209.393 0.000244141 196.343 0.000244141 182.698C0.000244141 169.029 7.57308 155.979 21.0518 148.549L219.041 39.1237C241.521 26.7166 270.479 26.7166 292.959 39.1237L490.949 148.549C504.427 155.979 512 169.029 512 182.698C512 196.343 504.427 209.393 490.949 216.847L292.959 326.248C270.479 338.679 241.521 338.679 219.041 326.248L21.0518 216.847ZM38.3169 185.579L236.306 294.981C248.284 301.601 263.716 301.601 275.694 294.981L473.683 185.579C474.993 184.865 476.279 184.008 476.279 182.698C476.279 181.364 474.993 180.531 473.683 179.793L275.694 70.3914C263.716 63.7711 248.284 63.7711 236.306 70.3914L38.3169 179.793C37.0071 180.531 35.7212 181.364 35.7212 182.698C35.7212 184.008 37.0071 184.865 38.3169 185.579Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                        d="M404.837 238.137C404.837 228.278 412.839 220.276 422.698 220.276C432.557 220.276 440.558 228.278 440.558 238.137V345.299C440.558 394.618 400.574 434.602 351.256 434.602H160.744C111.426 434.602 71.4419 394.618 71.4419 345.299V238.137C71.4419 228.278 79.4434 220.276 89.3024 220.276C99.1613 220.276 107.163 228.278 107.163 238.137V345.299C107.163 374.9 131.143 398.881 160.744 398.881H351.256C380.856 398.881 404.837 374.9 404.837 345.299V238.137Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                        d="M243.379 203.13C236.401 196.177 236.401 184.841 243.379 177.888C250.332 170.91 261.668 170.91 268.621 177.888L351.97 261.236C355.328 264.57 357.209 269.119 357.209 273.858V464.369C357.209 474.228 349.208 482.23 339.349 482.23C329.49 482.23 321.488 474.228 321.488 464.369V281.264L243.379 203.13Z" />
                                                </g>
                                                <defs>
                                                    <clipPath id="clip0_19_47">
                                                        <rect width="512" height="512" fill="white" />
                                                    </clipPath>
                                                </defs>
                                            </svg>
                                            <p>{{ translate('Education') }}</p>
                                        </div>
                                        <div class="right-content">
                                            <p>{{ $singleJob->education->name }}</p>
                                        </div>
                                    </li>
                                @endif
                            </ul>
                        </div>
                        @if (!empty($singleJob?->company?->iframe_link))
                            <div class="location-area">
                                <h5>{{ translate('Direction Map') }}:</h5>
                                <iframe src="{{ getmapLink($singleJob->company->iframe_link) }}" style="border:0;"
                                    allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                            </div>
                        @endif
                        <div class="view-job-btn">
                            <a
                                href="{{ $jobListUrl ? $jobListUrl . '?company=' . $singleJob?->company?->slug : 'javascript:void(0)' }}">
                                <svg width="13" height="14" viewBox="0 0 13 14"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M11.04 3.14453C11.04 2.65797 10.847 2.19074 10.5029 1.84668C10.1589 1.50262 9.69165 1.30957 9.20508 1.30957C8.7796 1.30963 8.3693 1.45739 8.04297 1.72461L7.9082 1.84668L2.54688 7.20801C1.98418 7.77087 1.66807 8.53419 1.66797 9.33008C1.66797 10.1262 1.98402 10.8902 2.54688 11.4531C3.10985 12.0161 3.87376 12.332 4.66992 12.332L4.9668 12.3174C5.65393 12.2491 6.30042 11.9457 6.79297 11.4531L12.1533 6.09277C12.3486 5.89751 12.6651 5.89751 12.8604 6.09277C13.0555 6.28805 13.0556 6.60459 12.8604 6.7998L7.5 12.1602C6.79635 12.8638 5.85736 13.2781 4.86816 13.3271L4.66992 13.332C3.60854 13.332 2.59035 12.9107 1.83984 12.1602C1.08945 11.4097 0.667969 10.3914 0.667969 9.33008C0.668067 8.26897 1.08961 7.25137 1.83984 6.50098L7.20117 1.13965L7.40918 0.951172C7.91347 0.538119 8.54751 0.309629 9.20508 0.30957C9.95687 0.30957 10.6784 0.608052 11.21 1.13965C11.7415 1.67124 12.04 2.39276 12.04 3.14453C12.04 3.80208 11.8115 4.43616 11.3984 4.94043L11.21 5.14844L5.84277 10.5098C5.53012 10.8223 5.10612 10.998 4.66406 10.998C4.22201 10.998 3.798 10.8223 3.48535 10.5098C3.17267 10.1971 2.99707 9.77228 2.99707 9.33008C2.99717 8.88801 3.17276 8.46396 3.48535 8.15137L8.4375 3.20508C8.63282 3.00999 8.94937 3.00987 9.14453 3.20508C9.33967 3.40045 9.33989 3.71696 9.14453 3.91211L4.19238 8.8584C4.06732 8.98346 3.99717 9.15323 3.99707 9.33008C3.99707 9.50706 4.06724 9.67759 4.19238 9.80273C4.3175 9.92769 4.48722 9.99804 4.66406 9.99805C4.8409 9.99805 5.01063 9.92769 5.13574 9.80273V9.80176L10.5029 4.44141L10.624 4.30664C10.8915 3.98025 11.04 3.57019 11.04 3.14453Z" />
                                </svg>
                                {{ translate('View all job post in this company') }}</a>
                        </div>
                        <div class="social-area">
                            <h5>{{ translate('Share Links') }}:</h5>
                            <ul>
                                <li><a target="_blank"
                                        href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url('job-details/' . $singleJob->slug)) }}"><i
                                            class='bx bxl-facebook'></i>
                                    </a>
                                </li>
                                <li><a target="_blank"
                                        href="https://twitter.com/intent/tweet?url={{ urlencode(url('job-details/' . $singleJob->slug)) }}"><i
                                            class='bi bi-twitter-x'></i>
                                    </a>
                                </li>
                                <li>
                                    <a target="_blank"
                                        href="https://www.linkedin.com/sharing/share-offsite/?url={{ urlencode(url('job-details/' . $singleJob->slug)) }}">
                                        <i class='bx bxl-linkedin'></i>
                                    </a>
                                </li>
                                <li><a target="_blank"
                                        href="https://www.instagram.com/sharer.php?url={{ urlencode(url('job-details/' . $singleJob->slug)) }}"><i
                                            class='bx bxl-instagram-alt'></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if (count(relatedJobs($singleJob->category_id, $singleJob->id)) > 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('Related Jobs') }}</h3>
                        </div>
                    </div>
                </div>
                <div class="row gy-4">
                    @foreach (relatedJobs($singleJob->category_id, $singleJob->id)->take(3) 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="company-logo">
                                            @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')
                                                    {{ defaultCurrency() }}{{ formatToK(dotZeroRemovePrice($job->min_salary)) }}
                                                    -
                                                    {{ 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>
            </div>
        </div>
    @endif
    <div class="job-apply-form">
        @if (Auth::check())
            @role('candidate')
                @include('front.pages.jobs.apply-jobs-modal', [
                    'customFields' => $singleJob->jobCustomFields,
                ])
            @endrole
        @endif
    </div>
@endsection