@extends('layouts.site')
@section('content')
<article>
<section class="sec">
    <div class="wrap stack" style="gap:24px">
        <nav class="xs muted" aria-label="Breadcrumb"><a href="{{ route('work.index') }}">Work</a> / {{ $item->client_name }}</nav>
        <h1 class="d1" style="max-width:18ch">{{ $item->title }}</h1>
        <div class="row small" style="gap:32px"><span><span class="muted">Client</span> <span class="b">{{ $item->client_name }}</span></span><span><span class="muted">Industry</span> <span class="b">{{ $item->industry }}</span></span><span><span class="muted">Service</span> <span class="b">{{ $item->service?->title }}</span></span></div>
    </div>
</section>
<div class="wrap"><div class="art art-ink scale-in" style="aspect-ratio:16/7">
    @if($item->cover)<img src="{{ asset('storage/'.$item->cover) }}" alt="{{ $item->title }}" class="crop" style="inset:0;width:100%;height:100%;object-fit:cover">@else<img src="{{ asset('assets/img/emblem-ivory.webp') }}" alt="" class="crop" style="width:40%;right:-6%;bottom:-20%;opacity:.12">@endif
</div></div>
@if($item->metrics)
<section class="sec-sm"><div class="wrap grid g3">@foreach($item->metrics as $m)<div class="stack" style="gap:6px;border-top:1px solid var(--ink);padding-top:16px"><span class="d2">{{ $m['value'] }}</span><span class="muted">{{ $m['label'] }}</span></div>@endforeach</div></section>
@endif
<section class="sec">
    <div class="wrap stack" style="gap:56px">
        @foreach([['The challenge', $item->challenge], ['Our approach', $item->approach], ['The outcome', $item->outcome]] as [$h, $t])
            @if($t)<div class="split"><h2 class="d3">{{ $h }}</h2><div class="prose">{!! nl2br(e($t)) !!}</div></div>@endif
        @endforeach
    </div>
</section>
</article>
@if($next)
<section class="sec tint"><div class="wrap row between" style="gap:16px"><span class="eyebrow">Next case study</span><a href="{{ route('work.show', $next) }}" class="d3" style="text-decoration:none">{{ $next->title }} →</a></div></section>
@endif
@include('partials.cta-band')
@endsection