@extends('backoffice.layout.master')
@section('setSectionTitle', __(':num offerte di lavoro trovate', ['num' => $jobs->count()]))
@section('setSectionButton')
    <a href="{{ route('candidate.jobs.applied') }}" class="btn btn-success">
        {{ __('Le mie candidature') }} <i class="bi bi-arrow-right-circle ms-2"></i>
    </a>
@endsection

@section('setContent')
    <div class="container-fluid px-0">
        @if($jobs->isEmpty())
            <div class="row justify-content-center">
                <div class="col-12">
                    <div class="card border-0 shadow-sm text-center py-5">
                        <div class="card-body">
                            <i class="bi bi-briefcase text-muted" style="font-size: 4rem;"></i>
                            <h4 class="mt-4 mb-3">{{ __('Nessuna offerta disponibile') }}</h4>
                            <p class="text-muted mb-4">
                                {{ __('Al momento non ci sono offerte di lavoro disponibili che corrispondono ai tuoi paesi di interesse.') }}
                            </p>
                            <a href="{{ route('candidate.profile', ['tab' => 'countries']) }}" class="btn btn-primary">
                                <i class="bi bi-globe me-2"></i>{{ __('Gestisci i tuoi paesi di interesse') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        @else
            <div class="row g-4">
                @foreach($jobs as $job)
                @php
                $contractTypeMap = [
                    'FULL_TIME_CONTRACT' => __('Full-Time'),
                    'PART_TIME_CONTRACT' => __('Part-Time'),
                    'PROJECT_CONTRACT' => __('Project-Based'),
                    'ON_CALL_CONTRACT' => __('On-Call'),
                    'APPRENTICESHIP_CONTRACT' => __('Apprenticeship'),
                    'TEMPORARY_AGENCY_WORK' => __('Temporary Agency Work'),
                ];
                $job->contract_type = $contractTypeMap[$job->contract_type] ?? '';

                $workModeMap = [
                    'ON_SITE' => __('On-Site'),
                    'AGILE_WORK' => __('Remote'),
                    'SMART_WORKING' => __('Hybrid'),
                    'TELEWORK' => __('Telework'),
                    'HYBRID_WORK' => __('Hybrid'),
                ];
                $job->work_mode = $workModeMap[$job->work_mode] ?? '';
                @endphp
                    <div class="col-12 col-md-6 col-lg-4">
                        <div class="card shadow-sm h-100">
                            <div class="card-body d-flex flex-column">
                                <div class="d-flex align-items-center">
                                    <div class="flex-grow-1 mb-3">
                                        <h3 class="text-primary mb-0">{{ $job->position }}</h3>
                                    </div>
                                    <div class="mb-3">
                                        <small>{{ $job->created_at->diffForHumans() }}</small>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col">
                                        {{ $job->excerpt_description }}
                                    </div>
                                </div>
                                <div class="row ">
                                    <div class="col">
                                        <small class="py-1 px-3 border border-2 border-success rounded-pill me-1">{{ $job->contract_type }}</small>
                                        <small class="py-1 px-3 border border-2 border-warning rounded-pill me-1">{{ $job->work_mode }}</small>
                                        @if(!empty($job->ral_min) && !empty($job->ral_max))
                                        <small class="py-1 px-3 border border-2 border-primary rounded-pill me-1">
                                            RAL
                                            @if(!empty($job->ral_min))
                                                €{{ number_format($job->ral_min, 0, ',', '.') }}
                                            @endif

                                            -
                                            @if(!empty($job->ral_max))
                                                €{{ number_format($job->ral_max, 0, ',', '.') }}
                                            @endif
                                        </small>
                                        @endif
                                    </div>
                                </div>
                                <div class="row align-items-center mt-auto">
                                    <div class="col-6">
                                        <ul class="list-group list-group-flush bg-none">
                                            <li class="list-group-item bg-transparent">
                                                <span class="fw-bold"><i class="bi bi-building me-2"></i> {{ $job->refOrganization->name }}</span><br/>
                                                <i class="bi bi-geo-alt me-2"></i> <small>{{ $job->refOrganizationsSite->refAddress->city }}, {{ $job->refOrganizationsSite->refAddress->refLocationCountry->name }}</small>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-6">
                                        <div class="d-flex justify-content-end">
                                            <a href="{{ route('candidate.jobs.single', ['job_id' => $job->id]) }}" class="btn btn-success">
                                                {{ __('Visualizza') }}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif
    </div>

    @if($jobs->hasPages())
        <div class="row">
            <div class="col-12 d-flex justify-content-center mt-5">
                <nav>
                    <ul class="pagination pagination-lg">
                    @if ($jobs->onFirstPage())
                        <li class="page-item disabled">
                            <span class="page-link"><i class="bi bi-chevron-left"></i></span>
                        </li>
                    @else
                        <li class="page-item">
                            <a class="page-link" href="{{ $jobs->previousPageUrl() }}" rel="prev">
                                <i class="bi bi-chevron-left"></i>
                            </a>
                        </li>
                    @endif

                    @foreach ($jobs->getUrlRange(1, $jobs->lastPage()) as $page => $url)
                        @if ($page == $jobs->currentPage())
                        <li class="page-item active">
                            <span class="page-link">{{ $page }}</span>
                        </li>
                        @else
                        <li class="page-item">
                            <a class="page-link" href="{{ $url }}">{{ $page }}</a>
                        </li>
                        @endif
                    @endforeach

                    {{-- Next Page Link --}}
                    @if ($jobs->hasMorePages())
                        <li class="page-item">
                            <a class="page-link" href="{{ $jobs->nextPageUrl() }}" rel="next">
                                <i class="bi bi-chevron-right"></i>
                            </a>
                        </li>
                    @else
                        <li class="page-item disabled">
                            <span class="page-link"><i class="bi bi-chevron-right"></i></span>
                        </li>
                    @endif
                    </ul>
                </nav>
            </div>
        </div>
    @endif

@endsection