@extends('front.layout.app')
@section('title', 'Careers')
@section('content')
    <div class="innerBanner">
        <img src="{{asset('front/images/aboutBanner.jpg')}}" class="w-100">
        <h2>Careers</h2>
    </div>

    <section class="blogSec">
        <div class="container">
            <div class="row">
                @foreach($careers as $career)
                    <div class="col-lg-4">
                        <div class="blogThumb wow fadeInUp" data-wow-delay="0.6s">
                            <div class="img"><img src="{{asset('front/images/fam04.jpg')}}" alt="" class="w-100"></div>
                            <div class="content">
                                <small>Job Posted: {{$career->created_at->diffForHumans()}}</small>
                                <h4>{{$career->title ?? ''}}</h4>
                                <a href="{{route('careerDetail', $career->id)}}">View More</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

@endsection