@extends('web.layouts.container')

@section('content')
<!--------- new section --------->
<section class="jops_list bg-babyBlue section">
    <div class="container">
        <h1 class="pg_title color-dark fw-bold mb-5">
            {{$pageTitle1}} <span class="color-secondary"> {{$pageTitle2}} </span>
        </h1>
        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="list_content">
                    @if(count($jobs))
                        @foreach($jobs as $job)
                        <div class="list_item">
                            <div class="row align-items-center">
                                <div class="col-lg-8">
                                    <div class="info">
                                        <div class="d-flex align-items-center mb-3 fw-bold color-dark">
                                            <small class="me-4 pe-4 border-end"> <i class="far fa-calendar me-2"></i> 15 Nov 2022 </small>
                                            <h6 class="mb-0"> {{$job->service_name}} </h6>
                                        </div>
                                        <h3> {{$job->name}} </h3>
                                    </div>
                                </div>
                                <div class="col-lg-4 text-lg-end mt-4 mt-lg-0">
                                    <a href="{{route('career.applyFrom', $job->id)}}" class="butn primary_butn text-capitalize d-inline-flex">{{__('main.apply_now')}}</a>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>



{{--    <section class="jobs-pg section bg-babyBlue">--}}
{{--        <div class="container">--}}
{{--            <h1 class="pg_title color-dark fw-bold mb-5 wow left_to_right_apperance">--}}
{{--                {{$pageTitle1}} <span class="color-secondary"> {{$pageTitle2}}</span>--}}
{{--            </h1>--}}
{{--            <div class="row">--}}
{{--                @if(count($jobs))--}}
{{--                    @foreach($jobs as $job)--}}
{{--                        <div class="col-lg-6">--}}
{{--                            <div class="job_card bg-white wow fadeInUp">--}}
{{--                                <div class="head in-flex">--}}
{{--                                    <div class="content align-items-center d-flex">--}}
{{--                                        <img src="{{asset($job->image)}}" alt="" class="sm_img"/>--}}
{{--                                        <div class="data">--}}
{{--                                            <h4 class="title color-dark">{{$job->name}}</h4>--}}
{{--                                            <p class="categ mb-0">{{$job->service_name}}</p>--}}
{{--                                            <p class="date mb-0"><i class="fa-regular fa-calendar me-2 color-dark opacity-50"></i> {{date('d M Y', strtotime($job->created_at))}}</p>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                <p class="det mb-0 mt-4">--}}
{{--                                    <small>{{$job->description}}</small>--}}
{{--                                </p>--}}
{{--                                <a href="{{route('career.applyFrom', $job->id)}}" class="butn primary_butn text-capitalize mt-4">{{__('main.apply_now')}}</a>--}}
{{--                        </div>--}}
{{--                    </div> --}}
{{--                    @endforeach--}}
{{--                @endif--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </section>--}}
@endsection

@section('inner_js')
    <script>

    </script>
@endsection