{{--
  Title: Careers
  Description: Careers block
  Category: common
  Icon: groups
  Keywords: careers
--}}

{{-- Grab and display all careers from database --}}
@php
    $careers = \App\Models\Career::active()->get();
@endphp

<section class="careers-section py-5">
    <div class="container"> 
        <!-- <div class="row">
            <div class="col-12 text-center mb-5">
            <h1 class="fw-bold">Join Our Team</h1>
            <p class="lead">
                Discover the exciting career opportunities at Viking Roots©
            </p>
            </div>
        </div> -->
        <div class="row">
            @foreach ($careers as $career)
            <div class="col-md-6 mb-4">
                <div class="careers-card p-4">
                    <h3 class="fw-bold">{{ $career->title }}</h3>
                    <p>Location: {{ $career->location }}</p>
                    <p class="">
                    {{ $career->description }}
                    </p>
                    <a href="{{ $career->url }}" class="btn btn-custom mt-auto" target="_blank">Apply Now <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">