@extends('layouts.public')

@section('title', $project->name.' — SYSTRONICS')
@section('meta_description', \Illuminate\Support\Str::limit($project->description ?: $project->name, 150))

@php
    $meta = collect([
        $project->country ?: null,
        $project->categories->isNotEmpty() ? $project->categories->pluck('name')->join(', ') : null,
    ])->filter()->implode(' · ');
@endphp

@section('content')
    @include('public.partials.page-chrome', [
        'eyebrow' => 'Customizations',
        'title' => $project->name,
        'lede' => $project->description,
        'meta' => $meta,
        'crumbs' => [
            ['label' => 'Home', 'url' => route('public.home')],
            ['label' => 'Customizations', 'url' => route('public.projects.index')],
            ['label' => $project->name],
        ],
    ])

    <section class="panel cms-panel">
        <div class="prose cms-html cms-prose">
            {!! app(\App\Support\Html\LegacyContentNormalizer::class)->toSafeHtml((string) $project->content) !!}
        </div>
    </section>

    <div class="cta">
        <div class="cta-dots"></div>
        <div class="cta-copy">
            <h2>Talk to the SYSTRONICS team</h2>
            <p>Sales, support and development enquiries are answered from two offices, six days a week.</p>
        </div>
        <div class="cta-actions">
            <a class="solid" href="{{ route('public.services', 'customization-services') }}">Customization Services</a>
            <a class="ghost" href="{{ route('public.projects.index') }}">All customizations</a>
        </div>
    </div>
@endsection