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

@section('content')
    <div class="flex-1 overflow-auto bg-background-light p-6 dark:bg-background-dark">
        <div class="mb-6">
            <div class="mb-8">
                <a class="inline-flex items-center text-sm font-medium text-slate-500 transition-colors hover:text-primary dark:text-slate-400 dark:hover:text-blue-400"
                    href="{{ route('realEstate.sales') }}">
                    <span class="material-symbols-outlined mr-1 text-[18px]">arrow_back</span>
                    Volver a ventas
                </a>
            </div>
            <h3 class="text-2xl font-bold text-gray-900 dark:text-white">Generar contrato</h3>
            <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">Captura comercial previa a la firma.</p>
        </div>

        <livewire:real-estate.sales.sale-contract-generator></livewire:real-estate.sales.sale-contract-generator>
    </div>
@endsection