@php
    $perPage = $appliedJobLists && $appliedJobLists?->perPage() ?? 0;
    $companyLogo =
        isset($data['company']->company_logo) && fileExists('company', $data['company']->company_logo) == true
            ? asset('storage/company/' . $data['company']->company_logo)
            : asset('frontend/assets/images/author-avatar.svg');

    $totaolApplyJob = $data['totalApplyJobs'] ?? 0;
    $appovedJobs = $data['appovedJobs'] ?? 0;
    $pendingJobs = $data['pendingJobs'] ?? 0;
    $countCloseJobs = $data['countCloseJobs'] ?? 0;
    $totalViews = $data['totalviews'] ?? 0;
    $totalJob = $data['totalJobs'] ?? 0;
    $featuredJob = $data['featuredJobs'] ?? 0;
    $totalJobPost = $data['totalJobPost'] ?? 0;
    $featuredJobPost = $data['featuredJobPost'] ?? 0;
    $appliedJobLists = $appliedJobLists ?? [];
@endphp
@extends('front.pages.company-dashboard.main')
@section('title', 'Dashboard')
@section('dashboard-main-content')
    <div class="col-lg-12">
        <div class="dashboard-inner">
            <div class="author-and-action-btn-area two mb-40">
                <div class="author-area two">
                    <div class="author-img">
                        <img src="{{ $companyLogo }}" alt="author-image">
                    </div>
                    <div class="author-content">
                        <span>{{ translate('Hello') }},</span>
                        <h4>{{ $data['company']->company_name ?? '' }}</h4>
                    </div>
                </div>
                <div class="action-btn-group">
                    <ul>
                        <li>
                            <a href="{{ route('company.profile') }}">
                                <span><img
                                        src="{{ asset('frontend/assets/images/icon/edit2.svg') }}"alt="edit-icon"></span>{{ translate('Edit Profile') }}
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="counter-area">
                <div class="row g-4">
                    <div class="col-lg-3 col-6">
                        <a href="{{route('company.all.job')}}" class="counter-single">
                            <div class="counter-icon">
                                <img src="{{ asset('frontend/assets/images/icon/tt-applied.svg') }}" alt="image">
                            </div>
                            <div class="coundown">
                                <p>{{ translate('Total Jobs') }}</p>
                                <div class="d-flex align-items-center">
                                    <h3 class="odometer">{{ $totalJob ?? 0 }}</h3>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-3 col-6">
                        <a href="{{route('company.all.job')}}" class="counter-single two">
                            <div class="counter-icon">
                                <img src="{{ asset('frontend/assets/images/icon/save-job.svg') }}" alt="image">
                            </div>
                            <div class="coundown">
                                <p>{{ translate('Live Jobs') }}</p>
                                <div class="d-flex align-items-center">
                                    <h3 class="odometer">
                                        {{ $appovedJobs ?? 0 }}
                                    </h3>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-6">
                        <a href="{{route('company.all.job')}}" class="counter-single three">
                            <div class="counter-icon">
                                <img src="{{ asset('frontend/assets/images/icon/pending-icon.svg') }}" alt="image">
                            </div>
                            <div class="coundown">
                                <p>{{ translate('Pending Jobs') }}</p>
                                <div class="d-flex align-items-center">
                                    <h3 class="odometer">
                                        {{ $pendingJobs ?? 0 }}
                                    </h3>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-6">
                        <a href="{{route('company.all.job')}}" class="counter-single five">
                            <div class="counter-icon">
                                <img src="{{ asset('frontend/assets/images/icon/highlight-icon.svg') }}" alt="image">
                            </div>
                            <div class="coundown">
                                <p>{{ translate('Featured Jobs') }}</p>
                                <div class="d-flex align-items-center">
                                    <h3 class="odometer">{{ $featuredJob ?? 0 }}</h3>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-6">
                        <div class="counter-single">
                            <div class="counter-icon">
                                <img src="{{ asset('frontend/assets/images/icon/tt-applied.svg') }}" alt="image">
                            </div>
                            <div class="coundown">
                                <p>{{ translate('Total Applied') }}</p>
                                <div class="d-flex align-items-center">
                                    <h3 class="odometer">
                                        {{ $totaolApplyJob ?? 0 }}
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="counter-single two">
                            <div class="counter-icon">
                                <img src="{{ asset('frontend/assets/images/icon/total-view-icon.svg') }}" alt="image">
                            </div>
                            <div class="coundown">
                                <p>{{ translate('Profile Views') }}</p>
                                <div class="d-flex align-items-center">
                                    <h3 class="odometer">{{ $totalViews }}</h3>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="counter-single three">
                            <div class="counter-icon">
                                <img src="{{ asset('frontend/assets/images/icon/tt-applied.svg') }}" alt="image">
                            </div>
                            <div class="coundown">
                                <p>{{ translate('Available Job Posts') }}</p>
                                <div class="d-flex align-items-center">
                                    <h3 class="odometer">{{ $totalJobPost ?? 0 }}</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-6">
                        <div class="counter-single five">
                            <div class="counter-icon">
                                <img src="{{ asset('frontend/assets/images/icon/highlight-icon.svg') }}" alt="image">
                            </div>
                            <div class="coundown">
                                <p>{{ translate('Available Featured Job Posts') }}</p>
                                <div class="d-flex align-items-center">
                                    <h3 class="odometer">{{ $featuredJobPost }}</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if (count($appliedJobLists) > 0)
                <div class="new-applied-job-area mt-30">
                    <h5>{{ translate('Recent Applicant List') }}:</h5>
                    <div class="table-filter-area mb-30">
                        <form action="{{ url('company/dashboard') }}" id="newAppliedList">
                            <div class="form-wrap">
                                <div class="form-inner d-flex align-items-center gap-2 flex-wrap">
                                    <p class="mb-0">{{ translate('Show per page') }}</p>
                                    <div class="select-area">
                                        <div class="select-area">
                                            <select name="perPageSearch" id="perPageSearchId" class="select1">
                                                <option value="5" {{ $perPage == 5 ? 'selected' : '' }}>
                                                    05</option>
                                                <option value="10" {{ $perPage == 10 ? 'selected' : '' }}>
                                                    10</option>
                                                <option value="15" {{ $perPage == 15 ? 'selected' : '' }}>
                                                    15</option>
                                                <option value="20" {{ $perPage == 20 ? 'selected' : '' }}>
                                                    20</option>
                                                <option value="50" {{ $perPage == 50 ? 'selected' : '' }}>
                                                    50</option>
                                                <option value="100" {{ $perPage == 100 ? 'selected' : '' }}>
                                                    100</option>
                                                <option value="500" {{ $perPage == 500 ? 'selected' : '' }}>
                                                    500</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="table-wrapper2">
                        <table class="eg-table table category-table mb-0 mt-4">
                            <tbody>
                                @foreach ($appliedJobLists as $key => $applyJob)
                                    @php
                                        $candidateImage =
                                            $applyJob?->candidate?->candidate_image &&
                                            fileExists('candidates', $applyJob?->candidate?->candidate_image) == true
                                                ? asset("storage/candidates/{$applyJob->candidate->candidate_image}")
                                                : asset('frontend/assets/images/author-avatar.svg');
                                    @endphp
                                    <tr>
                                        <td data-label="{{ translate('Candidate Name') }}">
                                            <div class="employee-info">
                                                <div class="employee-img">
                                                    <img src="{{ $candidateImage }}" alt="employee-img">
                                                </div>
                                                <div class="employee-content">
                                                    <button type="button" class="primary-btn-2 candidate-cv-show"
                                                        data-apply-id="{{ $applyJob->id }}"
                                                        data-apply-status="{{ $applyJob->status }}"
                                                        data-id="{{ $applyJob->candidate->id }}" data-bs-toggle="modal"
                                                        data-bs-target="#exampleModal">
                                                        {{ $applyJob->user->first_name . ' ' . $applyJob->user->last_name }}
                                                    </button>

                                                    @if ($applyJob->candidate?->candidate_qualification)
                                                        <span>
                                                            <img src="{{ asset('frontend/assets/images/icon/company-2.svg') }}"
                                                                alt="company-icon">
                                                            {{ $applyJob->candidate?->candidate_qualification }}</li>
                                                        </span>
                                                    @endif

                                                    <p>
                                                        <span>{{ translate('Applied On') }}: </span>{{ customDateFormate($applyJob?->created_at, $format = 'd M, Y') }}
                                                    </p>
                                                </div>
                                            </div>
                                        </td>
                                        <td data-label="{{ translate('Carrer Summary') }}">
                                            <div class="carrer-summary">
                                                <h6> {{ $applyJob->candidate?->candidate_current_job_place }}
                                                    @if (isset($applyJob->candidate?->profession?->name))
                                                        <span>
                                                            ({{ $applyJob->candidate?->profession?->name }})
                                                        </span>
                                                    @endif

                                                </h6>
                                                <ul>
                                                    <li><span>{{ translate('Experience') }}:</span>
                                                        {{ $applyJob->candidate?->candidate_experience }}</li>

                                                    @if ($applyJob->expected_salary)
                                                        <li><span>{{ translate('Expected Salary') }}:</span>
                                                            {{ dotZeroRemovePrice($applyJob->expected_salary) }}
                                                            {{ translate('Per Month') }}
                                                        </li>
                                                    @endif
                                                    @if($applyJob && $applyJob->extra_information)
                                                        @foreach ($applyJob->extra_information as $extra_information)
                                                            @php
                                                                $key = array_key_first($extra_information);
                                                                $value = $extra_information[$key];

                                                                $extensions = ['jpg','jpeg','png','gif','pdf','doc','docx'];
                                                                $isFile = preg_match('/\.('.implode('|',$extensions).')$/i', $value);
                                                            @endphp

                                                            @if($value)
                                                            <li><span>{{ ucfirst(str_replace('_', ' ', $key)) }}</span>:
                                                                @if($isFile)
                                                                <a href="{{ asset('storage/applyfiles/'.$value) }}" target="_blank">{{ $value }}</a>
                                                                @else
                                                                    {{ $value }}
                                                                @endif
                                                            </li>
                                                            @endif
                                                        @endforeach
                                                    @else
                                                        @if ($applyJob->candidate->candidate_current_salary)
                                                            <li><span>{{ translate('Current Salary') }}:</span>
                                                                {{ dotZeroRemovePrice($applyJob->candidate->candidate_current_salary) }}
                                                                {{ translate('Per Month') }}
                                                            </li>
                                                        @endif
                                                    @endif
                                                </ul>
                                            </div>
                                        </td>
                                        <td data-label="{{ translate('Actions') }}">
                                            <div class="action-btn-group">
                                                <ul>
                                                    @if ($applyJob->status == \App\Enums\HiringStatus::HIRED)
                                                        <li>
                                                            <button>{{ translate('Hired') }}</button>
                                                        </li>
                                                    @endif
                                                    <li>
                                                        <button
                                                            data-action="{{ route('company.apply.job.status', $applyJob->id) }}"
                                                            data-status-id="{{ \App\Enums\HiringStatus::SHORTLIST }}"
                                                            class="{{ $applyJob->status == 1 || $applyJob->status == 2 ? '' : 'd-none' }}  job-hiring-status"
                                                            type="button">
                                                            <img
                                                                src="{{ asset('frontend/assets/images/icon/shortlist-icon.svg') }}"alt="shortlist-icon">
                                                            {{ translate('Shortlist') }}
                                                        </button>

                                                    </li>
                                                    <li>
                                                        <button
                                                            data-action="{{ route('company.apply.job.status', $applyJob->id) }}"
                                                            data-status-id="{{ \App\Enums\HiringStatus::INTERVIEW }}"
                                                            class="{{ $applyJob->status == \App\Enums\HiringStatus::SHORTLIST ? '' : 'd-none' }} job-hiring-status1"
                                                            data-bs-toggle="modal" data-bs-target="#exampleModal2">
                                                            <img src="{{ asset('frontend/assets/images/icon/interview-icon.svg') }}"
                                                                alt="interview-icon"> {{ translate('Interview') }}
                                                        </button>
                                                    </li>
                                                    <li>
                                                        <button
                                                            data-action="{{ route('company.apply.job.status', $applyJob->id) }}"
                                                            data-status-id="{{ \App\Enums\HiringStatus::HIRED }}"
                                                            class="{{ $applyJob->status == \App\Enums\HiringStatus::INTERVIEW ? '' : 'd-none' }} job-hiring-status1"
                                                            type="button" data-bs-toggle="modal"
                                                            data-bs-target="#exampleModal2">
                                                            <img src="{{ asset('frontend/assets/images/icon/hiring-icon.svg') }}"
                                                                alt="hiring-icon"> {{ translate('Hire') }}
                                                        </button>
                                                    </li>
                                                    <li>
                                                        <button id="rejectBtnId"
                                                            data-action="{{ route('company.apply.job.status', $applyJob->id) }}"
                                                            data-status-id="{{ \App\Enums\HiringStatus::REJECTED }}"
                                                            class="reject {{ $applyJob->status == \App\Enums\HiringStatus::HIRED ? 'd-none' : '' }} job-hiring-status"
                                                            {{ $applyJob->status == \App\Enums\HiringStatus::REJECTED ? 'disabled' : '' }}
                                                            type="button">
                                                            <img src="{{ asset('frontend/assets/images/icon/rejected-icon.svg') }}"
                                                                alt="rejected-icon">{{ translate('Rejected') }}
                                                        </button>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="pagination-table-info">
                            <div class="table-info">
                                <span>{{ $appliedJobLists->lastItem() }} {{ translate('Results Showing In') }}
                                    {{ $appliedJobLists->total() }} {{ translate('Jobs') }}</span>
                            </div>
                            <div class="pagination-area">
                                {{ $appliedJobLists->links('front.vendor.pagination.custom') }}
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
        @include('front.pages.company-dashboard.cv-view-modal')
        @include('front.pages.company-dashboard.modal')
    </div>
@endsection
@push('comapny_scripts')
    @include('js.company.company-job')
@endpush