@props([
    'action' => null,
    'formClass' => 'hero-search-form',
    'showTitle' => false,
    'title' => 'Buscar Propiedades'
])

<div class="{{ $formClass }} card border-0 shadow-modern p-4 rounded-lg">

    @if($showTitle)
        <h3 class="text-center mb-4 text-dark font-weight-bold">{{ $title }}</h3>
    @endif

    <form action="{{ $action ?? route('properties') }}" method="GET">
        <div class="row g-3">
            <div class="col-md-3 mb-3">
                <select class="search-form-control form-control form-control-lg" name="operation_type">
                    <option value="">Operación</option>
                    <option value="1" {{ request('operation_type') == '1' ? 'selected' : '' }}>Venta</option>
                    <option value="2" {{ request('operation_type') == '2' ? 'selected' : '' }}>Alquiler</option>
                    <option value="3" {{ request('operation_type') == '3' ? 'selected' : '' }}>Alquiler Temporal</option>
                </select>
            </div>

            <div class="col-md-3 mb-3">
                <select class="search-form-control form-control form-control-lg" name="property_type">
                    <option value="">Tipo</option>
                    <option value="1" {{ request('property_type') == '1' ? 'selected' : '' }}>Casa</option>
                    <option value="2" {{ request('property_type') == '2' ? 'selected' : '' }}>Departamento</option>
                    <option value="3" {{ request('property_type') == '3' ? 'selected' : '' }}>Terreno</option>
                    <option value="4" {{ request('property_type') == '4' ? 'selected' : '' }}>Oficina</option>
                    <option value="5" {{ request('property_type') == '5' ? 'selected' : '' }}>Local Comercial</option>
                </select>
            </div>

            <div class="col-md-3 mb-3">
                <select class="search-form-control form-control form-control-lg" name="location_id">
                    <option value="">Zona</option>
                    <option value="51206" {{ request('location_id') == '51206' ? 'selected' : '' }}>Yerba Buena</option>
                    <option value="49044" {{ request('location_id') == '49044' ? 'selected' : '' }}>San Miguel de Tucumán</option>
                    <option value="51006" {{ request('location_id') == '51006' ? 'selected' : '' }}>Tafí Viejo</option>
                    <option value="49385" {{ request('location_id') == '49385' ? 'selected' : '' }}>Banda del Río Salí</option>
                </select>
            </div>

            <div class="col-md-3 mb-3">
                <button type="submit" class="search-form-btn btn btn-primary btn-lg btn-block w-100">
                    <i class="fas fa-search me-2"></i>Buscar
                </button>
            </div>
        </div>
    </form>
</div>