@extends('layouts.app')

@section('content')
<div class="container-login">
    <h2>Détails de la réalisation : {{ $realisation->nom }}</h2>

    <div class="mb-3">
        <label for="nom" class="form-label">Nom :</label>
        <p>{{ $realisation->nom }}</p>
    </div>

    <div class="mb-3">
        <label for="description" class="form-label">Description :</label>
        <p>{{ $realisation->description }}</p>
    </div>

    <div class="mb-3">
        <label for="annee" class="form-label">Année :</label>
        <p>{{ $realisation->annee }}</p>
    </div>

    <div class="mb-3">
        <label for="theme" class="form-label">Thème :</label>
        <p>{{ $realisation->theme ?? 'Non spécifié' }}</p>
    </div>

    <div class="mb-3">
        <label for="lien" class="form-label">Lien :</label>
            @if($realisation->pdfs && $realisation->pdfs->count() > 0)
                <p><a href="{{ asset('pdfs/' . $realisation->pdfs->first()->lien) }}" target="_blank">Télécharger le PDF</a></p>
            @else
                <p>Aucun fichier PDF pour cette réalisation.</p>
            @endif
    </div>

    {{-- Langages --}}
    @if($realisation->langages->count())
        <div class="mb-3">
            <label class="form-label">Langages :</label>
            <ul>
                @foreach($realisation->langages as $langage)
                    <li>{{ $langage->langage }}</li>
                @endforeach
            </ul>
        </div>
    @else
        <div class="mb-3">
            <label class="form-label">Langages :</label>
            <p>Aucun langage spécifié.</p>
        </div>
    @endif

    {{-- Compétences --}}
    @if($realisation->competences->count())
        <div class="mb-3">
            <label class="form-label">Compétences :</label>
            <ul>
                @foreach($realisation->competences as $competence)
                    <li>{{ $competence->competence }}</li>
                @endforeach
            </ul>
        </div>
    @else
        <div class="mb-3">
            <label class="form-label">Compétences :</label>
            <p>Aucune compétence spécifiée.</p>
        </div>
    @endif

    {{-- Types --}}
    @if($realisation->types->count())
        <div class="mb-3">
            <label class="form-label">Types :</label>
            <ul>
                @foreach($realisation->types as $type)
                    <li>{{ $type->type }}</li>
                @endforeach
            </ul>
        </div>
    @else
        <div class="mb-3">
            <label class="form-label">Types :</label>
            <p>Aucun type spécifié.</p>
        </div>
    @endif

    {{-- Fichiers PDF --}}
    @if($realisation->pdfs)
        <div class="mb-3">
            <label class="form-label">Fichier PDF :</label>
            <p><a href="{{ asset('pdfs/' . $realisation->pdfs->first()->lien) }}" target="_blank">Télécharger le PDF</a></p>
        </div>
    @else
        <div class="mb-3">
            <label class="form-label">Fichier PDF :</label>
            <p>Aucun fichier PDF.</p>
        </div>
    @endif

    {{-- Photos --}}
    @if($realisation->photos->count())
        <div class="mb-3">
            <label class="form-label">Photos :</label>
            <div class="row">
                @foreach($realisation->photos as $photo)
                    <div class="col-md-4">
                        <img src="{{ asset('images/' . $photo->lien) }}" alt="Photo" class="img-thumbnail" width="100">
                    </div>
                @endforeach
            </div>
        </div>
    @else
        <div class="mb-3">
            <label class="form-label">Photos :</label>
            <p>Aucune photo.</p>
        </div>
    @endif

    {{-- Pro ou Académique --}}
    <div class="mb-3">
        <label for="pro" class="form-label">Projet :</label>
        <p>
            @switch($realisation->pro)
                @case(0)
                    Académique
                    @break
                @case(1)
                    Professionnel
                    @break
                @case(2)
                    Les deux
                    @break
                @default
                    Non spécifié
            @endswitch
        </p>
    </div>

    {{-- Bouton de retour --}}
    <a href="{{ route('realisations.index') }}" class="btn btn-secondary">Retour à la liste</a>
</div>
@endsection