@extends('index')
@section('content')
<main class="main">

    <!-- Page Title -->
    <div class="page-title">
        <div class="breadcrumbs">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/"><i class="bi bi-house"></i> Home</a></li>
                    <li class="breadcrumb-item active current">Karir Perusahaan</li>
                </ol>
            </nav>
        </div>

        <div class="title-wrapper">
            <h1>Informasi Lowongan Pekerjaan</h1>

        </div>
    </div><!-- End Page Title -->

    <!-- Service Details Section -->
    <section id="service-details" class="service-details section">

        <div class="container" data-aos="fade-up" data-aos-delay="100">

            <div class="row gy-4">

                <div class="col-lg-12">

                    <div class="content mt-5">

                        <h3>PT. AQILLA HUMAENI INDONESIA (AHI)</h3>

                        @foreach ($carreer as $informasi)
                        <div class="col-md-4 col-xl-4">
                            <div class="card shadow-lg border-0 mb-5 rounded-b-md">
                                <div class="card-header">
                                    <img src="{{asset('storage/'.$informasi->image)}}" class="card-img-top img-fluid"
                                        alt="{{ $informasi->name }}">
                                </div>
                                <div class="card-body">

                                    <h4 class="card-title">{{$informasi->name}}
                                    </h4>

                                    <p class="card-text">{!! $informasi->description !!}
                                    </p>
                                    @if ($informasi->status == 'aktif')
                                    <a href="/daftar/{{$informasi->id}}" class="btn btn-outline-primary">Daftar</a>
                                    @else
                                    <span class="badge badge-info">Lowongan Sudah Ditutup</span>
                                    @endif

                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>


            </div>

        </div>

    </section><!-- /Service Details Section -->

</main>
@endsection