<section id="favorites" class="favorites">
    <main>
        @if (count($locations))
            <ul class="locations grid gap-4">
                @foreach ($locations as $location)
                    <li class="location grid gap-4">
                        <header class="title mx-4 xl:mx-32 pb-2">
                            <a href="/propiedades?ubicaciones={{ $location->slug }}" class="flex items-center">
                                <i class="fas fa-angle-right"></i>
                                <h3 class="MontereyFLF">{{ $location->name }}</h3>
                            </a>
                        </header>
                        @component("components.property.list", [
                            "properties" => $location->favorite_properties,
                        ])
                        @endcomponent
                    </li>
                @endforeach
            </ul>
        @endif
        @if (!count($locations))
            <ul class="locations grid gap-4">
                <li class="location">
                    <header class="title">
                        <h3 class="MontereyFLF">No hay ubicaciones recomendadas</h3>
                    </header>
                </li>
            </ul>
        @endif
    </main>
</section>