@extends($site->themeView('layout'))

@section('content')
    <div class="container-site max-w-7xl py-8 text-white">
        @include($site->themeView('partials.breadcrumbs'))
        <div class="mt-6 grid gap-8 md:grid-cols-[240px_minmax(0,1fr)]">
            <div class="mx-auto w-48 md:w-full">
                <div class="grid aspect-square place-items-center rounded-full bg-gradient-to-br from-brand/50 to-accent/20 text-6xl font-black text-white/80 ring-1 ring-white/10">{{ mb_strtoupper(mb_substr($person['name'], 0, 1)) }}</div>
            </div>
            <div class="min-w-0">
                <h1 class="text-3xl font-black tracking-tight md:text-5xl">{{ $person['name'] }}</h1>
                <dl class="mt-4 flex flex-wrap gap-x-6 gap-y-2 text-sm">
                    @if ($person['department'])<div><dt class="text-white/50">{{ __('movies.known_for') }}</dt><dd class="font-semibold">{{ $person['department'] }}</dd></div>@endif
                    @if ($person['birthday'])<div><dt class="text-white/50">{{ __('movies.born') }}</dt><dd class="font-semibold"><time datetime="{{ $person['birthday'] }}">{{ \Carbon\Carbon::parse($person['birthday'])->locale(app()->getLocale())->translatedFormat('j F Y') }}</time>@if ($person['place_of_birth']) · {{ $person['place_of_birth'] }}@endif</dd></div>@endif
                    @if ($person['deathday'])<div><dt class="text-white/50">{{ __('movies.died') }}</dt><dd class="font-semibold"><time datetime="{{ $person['deathday'] }}">{{ \Carbon\Carbon::parse($person['deathday'])->locale(app()->getLocale())->translatedFormat('j F Y') }}</time></dd></div>@endif
                </dl>
                <p class="mt-4 text-white/70">{{ trans_choice('movies.person_titles', count($person['known_for']), ['count' => count($person['known_for']), 'site' => $site->name]) }}</p>
            </div>
        </div>
        @if ($person['known_for'])
            <section class="mt-12" aria-labelledby="h-filmo">
                <h2 id="h-filmo" class="text-xl font-bold">{{ __('movies.filmography') }}</h2>
                <div class="mt-5 grid grid-cols-2 gap-x-4 gap-y-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
                    @foreach ($person['known_for'] as $c)@include($site->themeView('movies.partials.card'))@endforeach
                </div>
            </section>
        @endif
    </div>
@endsection