@extends('layouts.dashboard.inface', ['section' => 'activity_categories'])

@section('content')
    <div class="flex-1 overflow-y-auto bg-background-light p-6 dark:bg-background-dark lg:p-10">
        <div class="mx-auto max-w-3xl space-y-6">
            <div>
                <a href="{{ route('realEstate.settings.activityCategories') }}" class="mb-3 inline-flex items-center gap-1 text-sm font-medium text-slate-500 hover:text-primary">
                    <span class="material-symbols-outlined text-[18px]">arrow_back</span> Volver al catálogo
                </a>
                <h1 class="text-3xl font-bold tracking-tight text-slate-900 dark:text-white">Nueva actividad</h1>
                <p class="mt-1 text-sm text-slate-500 dark:text-slate-400">Agrega una opción para el seguimiento de prospectos.</p>
            </div>
            <form action="{{ route('realEstate.settings.activityCategories.store') }}" method="POST"
                class="space-y-6 rounded-xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-800 dark:bg-slate-900">
                @include('realEstates.settings.activityCategories._form')
            </form>
        </div>
    </div>
@endsection