@extends('layouts.app')

@section('title', 'Nueva carpeta — ' . $project->name)

@section('content')
    <div class="mb-4 flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
        <a href="{{ route('projects.index') }}" class="hover:text-gray-700 dark:hover:text-gray-300">Proyectos</a>
        <i class="fa-solid fa-chevron-right text-xs"></i>
        <a href="{{ route('projects.show', $project) }}" class="hover:text-gray-700 dark:hover:text-gray-300">{{ $project->name }}</a>
        <i class="fa-solid fa-chevron-right text-xs"></i>
        <span>Nueva carpeta</span>
    </div>

    <x-card class="mx-auto max-w-3xl">
        <form method="POST" action="{{ route('folders.store', $project) }}">
            @csrf
            @include('carpetas._form')
        </form>
    </x-card>
@endsection