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

@section('content')
    <div class="flex-1 overflow-auto bg-background-light dark:bg-background-dark p-6">
        @php($salesBackUrl = route('realEstate.sales', request()->query()))

        <div class="mx-auto max-w-[1400px]">
            <a href="{{ $salesBackUrl }}"
                class="mb-4 inline-flex items-center gap-2 rounded-lg border border-slate-200 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 shadow-sm transition-colors hover:bg-slate-50 dark:border-slate-700 dark:bg-[#1e232e] dark:text-slate-200 dark:hover:bg-slate-800">
                <span class="material-symbols-outlined text-[18px]">arrow_back</span>
                Volver a ventas
            </a>
        </div>

        <livewire:real-estate.sales.sale-details :sale-id="$saleId" />
    </div>
@endsection