@extends('layouts.app')

@php
    // Override the $seo variable the layout expects, using this case's own SEO record if set
    $seo = $caseStudy->seo ?? null;
@endphp

@section('content')

    <section class="case-detail-hero">
        <div class="container">
            <div class="breadcrumb">
                <a href="{{ route('home') }}" style="color:inherit;">Home</a> /
                <a href="{{ route('cases.index') }}" style="color:inherit;">Notable Cases</a>
            </div>
            <h1>{{ $caseStudy->title }}</h1>
        </div>
    </section>

    <section class="case-detail-body">
        <div class="container">
            @if($caseStudy->image)
                <img src="{{ media_url($caseStudy->image) }}" alt="{{ $caseStudy->title }}" class="case-detail-image">
            @endif

            <div class="case-detail-content">
                {!! nl2br(e($caseStudy->body)) !!}
            </div>

            <a href="{{ route('cases.index') }}" class="back-link">
                <i class="fa-solid fa-arrow-left"></i> Back to all cases
            </a>
        </div>
    </section>

@endsection