@extends('layouts.admin') <!-- Ajuste conforme o layout padrão do seu painel -->

@section('content')
<div class="container-fluid px-4 py-5">
    <h1 class="text-2xl font-bold text-slate-800 mb-6">⚙️ Configurações: Tipos e Finalidades de Imóveis</h1>

    @if(session('success'))
        <div class="bg-emerald-100 border border-emerald-400 text-emerald-700 px-4 py-3 rounded mb-6">
            {{ session('success') }}
        </div>
    @endif

    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        
        <!-- CARD: TIPOS DE IMÓVEL -->
        <div class="bg-white p-6 rounded-lg shadow-sm border border-slate-200">
            <h2 class="text-lg font-semibold text-slate-700 mb-4">Tipos de Imóvel (Casa, Apartamento, Loft, etc.)</h2>
            
            <form action="{{ route('admin.settings.property-types.store') }}" method="POST" class="flex gap-2 mb-4">
                @csrf
                <input type="text" name="name" placeholder="Novo tipo (Ex: Loft)" required class="flex-1 rounded border border-slate-300 px-3 py-2 text-sm">
                <button type="submit" class="bg-indigo-600 text-white px-4 py-2 rounded text-sm hover:bg-indigo-700">Adicionar</button>
            </form>

            <ul class="divide-y divide-slate-100">
                @foreach($propertyTypes as $type)
                    <li class="py-2 flex justify-between items-center text-sm">
                        <span class="font-medium text-slate-700">{{ $type->name }}</span>
                        <form action="{{ route('admin.settings.property-types.destroy', $type->id) }}" method="POST" onsubmit="return confirm('Tem certeza que deseja apagar?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="text-red-500 hover:text-red-700 text-xs font-semibold">Remover</button>
                        </form>
                    </li>
                @endforeach
            </ul>
        </div>

        <!-- CARD: FINALIDADES -->
        <div class="bg-white p-6 rounded-lg shadow-sm border border-slate-200">
            <h2 class="text-lg font-semibold text-slate-700 mb-4">Finalidades (Venda, Aluguel, Temporada, etc.)</h2>
            
            <form action="{{ route('admin.settings.business-types.store') }}" method="POST" class="flex gap-2 mb-4">
                @csrf
                <input type="text" name="name" placeholder="Nova finalidade (Ex: Temporada)" required class="flex-1 rounded border border-slate-300 px-3 py-2 text-sm">
                <button type="submit" class="bg-emerald-600 text-white px-4 py-2 rounded text-sm hover:bg-emerald-700">Adicionar</button>
            </form>

            <ul class="divide-y divide-slate-100">
                @foreach($businessTypes as $bType)
                    <li class="py-2 flex justify-between items-center text-sm">
                        <span class="font-medium text-slate-700">{{ $bType->name }}</span>
                        <form action="{{ route('admin.settings.business-types.destroy', $bType->id) }}" method="POST" onsubmit="return confirm('Tem certeza que deseja apagar?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="text-red-500 hover:text-red-700 text-xs font-semibold">Remover</button>
                        </form>
                    </li>
                @endforeach
            </ul>
        </div>

    </div>
</div>
@endsection