@extends('layouts.app')

@if($project->status === \App\Domain\Portal\Enums\ProjectStatus::InDevelopment)
    @section('robots', 'noindex,follow')
@endif

@section('title', $project->seoTitle ?: $project->title . ' | LÉZIDÉJOU')
@section('description', $project->seoDescription ?: $project->summary)

@section('content')
    <article class="project-detail">
        <nav class="breadcrumb" aria-label="Fil d’Ariane">
            <ol>
                <li><a href="{{ route('home') }}">Accueil</a></li>
                <li><a href="{{ route('projects.index') }}">Projets</a></li>
                <li aria-current="page">{{ $project->title }}</li>
            </ol>
        </nav>

        <div class="page-intro">
            <div class="editorial-meta" style="margin-bottom: 12px; flex-direction: row; display: flex; gap: 12px; align-items: center;">
                <span class="badge badge-{{ $project->category->value }}">{{ $project->category->label() }}</span>
                <span class="badge-status">{{ $project->status->label() }}</span>
            </div>
            <h1 class="project-title">{{ $project->title }}</h1>
            <p class="lead-text">{{ $project->summary }}</p>
        </div>

        @if($project->image)
            <figure style="margin: 32px 0;">
                <img src="{{ asset($project->image) }}" alt="{{ $project->imageAlt }}" style="max-width: 100%; height: auto; border-radius: 4px; border: 1px solid var(--color-line);">
            </figure>
        @endif

        <section class="project-description" style="margin-top: 36px;">
            <h2>Présentation du projet</h2>
            <p style="font-size: 1.05rem; line-height: 1.6; max-width: 800px; margin-top: 16px;">
                {{ $project->description }}
            </p>
        </section>

        @if($project->publicUrl)
            <div class="project-action" style="margin-top: 24px;">
                <a href="{{ $project->publicUrl }}" class="action-link" rel="noopener noreferrer">{{ $project->publicLabel }} &rarr;</a>
            </div>
        @endif

        @if($project->sourceUrl)
            <div class="project-source" style="margin-top: 24px;">
                <a href="{{ $project->sourceUrl }}" class="action-link" rel="noopener noreferrer">{{ $project->sourceLabel ?? 'Code source public' }} &rarr;</a>
            </div>
        @endif

        @if($project->destinationType === \App\Domain\Portal\Enums\DestinationType::External && $project->destinationUrl)
            <div class="external-action" style="margin-top: 24px;">
                <a href="{{ $project->destinationUrl }}" class="action-link" rel="noopener noreferrer">Visiter le site officiel &rarr;</a>
            </div>
        @endif

        <footer style="margin-top: 56px; border-top: 1px solid var(--color-line); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px;">
            <a href="{{ route('projects.index') }}" class="action-link">&larr; Retour à la liste des projets</a>

            @if(isset($nextProject) && $nextProject !== null)
                <a href="{{ route('projects.show', $nextProject->slug) }}" class="action-link">Projet suivant : {{ $nextProject->title }} &rarr;</a>
            @endif
        </footer>
    </article>
@endsection