@extends('web.layout')

@section('title', 'Karir Detail')

@section('content')
    <section class="container my-3 my-md-5">
        <div class="row">
            <div class="col-12 col-md-6 mb-3">
                <img src="{{ asset("storage/{$karir->image}") }}" alt="Loker" class="rounded-4 w-100">
            </div>
            <div class="col-12 col-md-6 mb-3">
                <h1 class="fw-bold">{{ $karir->title }}</h1>
                <h5 class="text-muted mb-3">
                    {{ $karir->description }}
                </h5>
                <div class="d-flex align-items-center gap-3">
                    <small class="text-muted">
                        <i class="bi bi-geo-alt-fill"></i> {{ $karir->location }}
                    </small>
                    <small class="text-muted">
                        <i class="bi bi-calendar-week"></i> {{ $karir->created_at->format('d F Y') }}
                    </small>
                </div>
                <div class="mt-3">
                    {!! $karir->content !!}
                </div>
            </div>
        </div>
    </section>
@endsection