@extends('front.layouts.master')
@section('title', 'Job Alert')
@section('content')
    <div class="dashboard-area pt-30 mb-120">
        <div class="container">
            <div class="row g-lg-4 gy-5 mb-90">
                @include('front.pages.candidate.candidate-sidebar')
                <div class="col-lg-9">
                    <div class="applied-job-area">
                        <div class="table-wrapper">
                            <div class="table-title-filter">
                                <div class="section-title">
                                    <h5><img src="{{ asset('frontend/assets/images/icon/job alert.svg') }}"
                                            alt="settings-icon">
                                        {{ translate('Job Alert') }}: </h5>
                                </div>
                            </div>
                            @if (count($jobAlerts) > 0)
                                <table class="eg-table table category-table mb-30">
                                    <thead>
                                        <tr>
                                            <th>{{ translate('Job Title') }}</th>
                                            <th>{{ translate('Deadline') }}</th>
                                            <th>{{ translate('Company') }}</th>
                                            <th>{{ translate('Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($jobAlerts as $job)
                                            <tr>
                                                <td data-label="{{ translate('Job Title') }}">
                                                    <div class="company-info">
                                                        <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
                                                                <img src="{{ asset('frontend/assets/images/demo-logo.png') }}"
                                                                    alt="job-image">
                                                            @endif
                                                        </div>
                                                        <div class="company-details">
                                                            <div class="top">
                                                                <h6><a
                                                                        href="{{ route('job.details', $job->slug) }}">{{ $job->getTranslation('job_title') }}</a>
                                                                </h6>
                                                            </div>
                                                            <ul>
                                                                <li><img src="{{ asset('frontend/assets/images/icon/location.svg') }}"
                                                                        alt="location-icon">{{ $job->city_name }},{{ $job->country_name }}
                                                                </li>
                                                                <li>
                                                                    <img src="{{ asset('frontend/assets/images/icon/clock-2.svg') }}"
                                                                        alt="arrow-icon">
                                                                    <span>{{ Carbon\Carbon::parse($job->alert_date)->diffForHumans() }}</span>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </td>

                                                <td data-label="{{ translate('Deadline') }}">
                                                    {{ customDateFormate($job->job_deadline) }}
                                                </td>
                                                <td data-label="{{ translate('Company') }}"><a class="company-btn"
                                                        href="{{ route('company.details', $job?->company?->slug) }}">{{ $job?->company?->company_name }}</a>
                                                </td>
                                                <td data-label="{{ translate('Action') }}">
                                                    <button class="view-btn">
                                                        @if ($job->job_deadline >= date('Y-m-d'))
                                                            <a href="{{ route('job.details', $job->slug) }}">{{ translate('Apply Now') }}</a>
                                                        @else
                                                            <span class="text-danger">{{ translate('Expire Job') }}</span>
                                                        @endif
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                            </table>
                            <div class="pagination-table-info">
                                <div class="table-info">
                                    <span>{{ $jobAlerts->lastItem() }} {{ translate('Results Showing In') }}
                                        {{ $jobAlerts->total() }} {{ translate('Jobs') }}</span>
                                </div>
                                <div class="pagination-area">
                                    {{ $jobAlerts->links('front.vendor.pagination.custom') }}
                                </div>
                            </div>
                        @else
                            <div class="no-bookmark-job-area">
                                {{ no_results_found("You haven't job alert any jobs yet.", 'Set job alert or update alert.', 'frontend/assets/images/bg/no-search-icon.svg') }}
                            </div>
                            @endif
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection