@extends('layouts.public')

@section('title', $project->name)

@section('content')
<div class="space-y-6">

    {{-- Cabecera --}}
    <div class="flex items-start gap-4">
        <div class="w-12 h-12 rounded-xl flex items-center justify-center text-white text-xl flex-shrink-0"
             style="background-color: {{ $project->color }}">
            <i class="fa-solid {{ $project->icon }}"></i>
        </div>
        <div>
            <h1 class="text-2xl font-bold text-gray-900 dark:text-white">{{ $project->name }}</h1>
            @if($project->description)
                <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ $project->description }}</p>
            @endif
            <p class="mt-1 text-xs text-gray-400 dark:text-gray-500">
                {{ $links->total() }} {{ Str::plural('enlace', $links->total()) }}
            </p>
        </div>
    </div>

    @include('public._links_grid', ['links' => $links])

    {{ $links->links() }}
</div>
@endsection