@extends('layouts.app')

@php
    $seoTitle = $study->title;
    $seoDescription = $study->excerpt ?? $study->quote;
@endphp

@section('title', $seoTitle)
@section('meta_description', $seoDescription)

@section('content')
    <article class="mx-auto max-w-3xl px-4 py-14 sm:px-6 sm:py-16 lg:px-8">
        @include('partials.breadcrumbs', ['navClass' => 'text-sm text-ink-soft', 'crumbs' => [
            ['name' => __('app.nav.home'), 'url' => lroute('home')],
            ['name' => __('app.nav.case_studies'), 'url' => lroute('case-studies')],
            ['name' => $study->client_name],
        ]])

        <p class="mt-4 text-sm font-semibold text-brand">{{ $study->client_name }}@if ($study->industry) · {{ $study->industry }}@endif</p>
        <h1 class="mt-2 text-3xl font-extrabold leading-tight text-brand-deep sm:text-4xl">{{ $study->title }}</h1>

        @if ($study->quote)
            <blockquote class="mt-8 rounded-2xl bg-cream p-6 text-base leading-relaxed text-brand-deep">
                “{{ $study->quote }}”
                <footer class="mt-3 text-sm font-semibold">— {{ $study->quote_author }}</footer>
            </blockquote>
        @endif

        @if ($study->body)
            <div class="markdown-content mt-8 leading-relaxed text-ink-soft">
                {!! Str::markdown((string) $study->body, ['html_input' => 'escape', 'allow_unsafe_links' => false]) !!}
            </div>
        @endif

        <a href="{{ lroute('demo') }}" class="mt-10 inline-block rounded-full bg-brand px-6 py-3 text-sm font-semibold text-white transition hover:bg-brand-deep">
            {{ __('app.cta.button') }}
        </a>
    </article>
@endsection