@extends('layouts.public')

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

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

    {{-- Cabecera --}}
    <div class="space-y-1">
        @if($project)
            <div class="flex items-center gap-2 text-xs text-gray-400 dark:text-gray-500">
                <span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-white text-xs"
                      style="background-color: {{ $project->color }}">
                    <i class="fa-solid {{ $project->icon }}"></i> {{ $project->name }}
                </span>
                <i class="fa-solid fa-chevron-right text-xs"></i>
            </div>
        @endif
        <div class="flex items-center gap-3">
            <i class="fa-solid fa-folder text-2xl text-primary"></i>
            <h1 class="text-2xl font-bold text-gray-900 dark:text-white">{{ $folder->name }}</h1>
        </div>
        <p class="text-xs text-gray-400 dark:text-gray-500">
            {{ $links->total() }} {{ Str::plural('enlace', $links->total()) }}
        </p>
    </div>

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

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