@extends('front.layouts.front')
@section('title','الوظائف')
@section('content')
<!-- Start Section -->
<section class="height-section section-bg py-5 notice">
    <x-admin-alert></x-admin-alert>
    @if(count($errors) > 0 )
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
        <ul class="p-0 m-0" style="list-style: none;">
            @foreach($errors->all() as $error)
            <li>{{$error}}</li>
            @endforeach
        </ul>
    </div>
    @endif
    @if(session()->has('success'))
    <div class="alert alert-success">
        {{ session()->get('success') }}
    </div>
    @endif
    <div class="container">
    <h5 class="heading mb-0">آخر الوظائف المتاحة</h5>
    <div class="table-responsive">
                        <table class="main-table table table-striped">
                            <thead>
                                <tr>
                                    <th class="text-nowrap">
                                        تاريخ الإضافة
                                    </th>
                                    <th class="text-nowrap">
                                        المسمى الوظيفي
                                    </th>
                                    <th class="text-nowrap">
                                        الفئة المستهدفة
                                    </th>
                                    <th class="text-nowrap">
                                        مكان العمل
                                    </th>
                                    <th class="text-nowrap">زيارات</th>
                                    <th class="text-nowrap">زيارة</th>
                                </tr>
                            </thead>
                            <tbody>

                                @forelse($jobs as $job)
                                <tr>
                                    <td class="text-nowrap">
                                        {{ $job->created_at->format('d/m/Y') }}
                                    </td>
                                    <td>
                                        <i class="fa-solid fa-circle green-color me-3"></i>
                                        <b>{{ $job->departmentParent?->name ?? $job->department?->name }}</b>
                                    </td>
                                    <td class="text-nowrap">
                                        {{ __($job->gender) }}
                                        @if($countries = $job->countries()->pluck('name')->toArray())
                                        -
                                        @foreach ($countries as $country)
                                        {{ $country }} ,
                                        @endforeach
                                        @endif

                                    </td>
                                    <td class="text-nowrap">
                                        {{ $job->job_location }}
                                    </td>
                                    <td class="text-danger text-nowrap">
                                        <b>{{ $job->views }}</b>
                                    </td>
                                    <td class=" text-nowrap">
                                        <a href="{{ route('jobs.show',$job) }}" class="btn btn-sm btn-dark">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="6" class="text-center">لا يوجد وظائف</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
    </div>
</section>
<!-- End Section -->

@endsection