@section('meta_title')
    @lang('language.job_menu')
@endsection

@extends('frontend.master')

@section('title')
    @lang('language.job_menu')
@endsection

@section('content')
    <div class="">
        @forelse ($jobs as $job)
            <div dir="@lang('language.dir')">

                <div class="card mb-5 job_card" style="border-radius: 20px;" dir="@lang('language.dir')">

                    <div class="card-header p-4"
                        style="border-top-left-radius: 20px;border-top-right-radius: 20px;background: #00bcd4;font-weight:800;color:#fff">
                        @if (app()->getLocale() == 'da')
                            {{ $job->da_job_title }}
                        @elseif(app()->getLocale() == 'pa')
                            {{ $job->pa_job_title }}
                        @else
                            {{ $job->en_job_title }}
                        @endif
                        <span style="font-size:13px;">
                            @if ($job->en_date > date('Y-m-d'))
                                (@lang('language.closed'))
                            @endif
                        </span>
                    </div>
                    <div class="card-body p-4" style="font-size: 13;text-align: @lang('language.text')">


                        @if (app()->getLocale() == 'da')
                            {!! strip_tags(str()->limit($job->da_job_summary, 150)) !!}
                        @elseif(app()->getLocale() == 'pa')
                            {!! strip_tags(str()->limit($job->pa_job_summary, 150)) !!}
                        @else
                            {!! strip_tags(str()->limit($job->en_job_summary, 150)) !!}
                        @endif

                        <br>
                        <br>


                        <ul class="list-group list-group-flush" style="font-size: 14px;">
                            <li class="list-group-item"><span style="font-weight: bold">@lang('language.job_location') : </span><span>
                                    @if (app()->getLocale() == 'da')
                                        {{ $job->da_job_location }}
                                    @elseif(app()->getLocale() == 'pa')
                                        {{ $job->pa_job_location }}
                                    @else
                                        {{ $job->en_job_location }}
                                    @endif
                                </span></li>
                            <li class="list-group-item"><span style="font-weight: bold">@lang('language.salary') : </span><span>
                                    @if (app()->getLocale() == 'da')
                                        {{ $job->da_job_salary }}
                                    @elseif(app()->getLocale() == 'pa')
                                        {{ $job->pa_job_salary }}
                                    @else
                                        {{ $job->en_job_salary }}
                                    @endif

                                </span></li>
                            <li class="list-group-item"><span style="font-weight: bold">@lang('language.announce_date') :
                                </span><span>

                                    {{ Carbon\Carbon::parse($job->start_date)->format('Y, M, d') }}

                                </span></li>
                            <li class="list-group-item"><span style="font-weight: bold">@lang('language.close_date') :
                                </span><span>
                                    {{ Carbon\Carbon::parse($job->end_date)->format('Y, M, d') }}
                                </span> </li>



                        </ul>

                        <br>
                        <a href="{{ route('front.job.details', [app()->getLocale(), $job->slug]) }}"
                            class="btn btn-primary"
                            style="font-size: 13px;background: #00bcd4;border-color: #00bcd4">@lang('language.more_details')</a>

                    </div>



                </div>

            </div>

        @empty
        @endforelse

        <br>
        <div style="display: flex;justify-content: center">
            {{ $jobs->links() }}
        </div>


    </div>
@endsection