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

@section('extra-styles')
    <style type="text/tailwindcss">

    </style>
@endsection

@section('content')
    <div class="flex-1 overflow-auto bg-background-light dark:bg-background-dark p-6">
        <div class="mb-6">
            <div class="mb-8">
                <a class="inline-flex items-center text-sm font-medium text-slate-500 hover:text-primary dark:text-slate-400 dark:hover:text-blue-400 transition-colors"
                    href="{{ route('realEstate.sales') }}">
                    <span class="material-symbols-outlined mr-1" style="font-size: 18px;">arrow_back</span>
                    Volver al listado
                </a>
            </div>
            <h3 class="text-2xl font-bold text-gray-900 dark:text-white">Registro de Transacción</h3>
            <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">Complete todos los campos requeridos
                para formalizar el registro de la venta.</p>
        </div>

        <livewire:real-estate.sales.create-sale-form></livewire:real-estate.sales.create-sale-form>
    </div>
@endsection