@extends('layouts.app')

@section('title', $group->title_seo)
@section('description', $group->description_seo)


@section('content')

    <div class="container" style="margin: 20px auto;">
        <div class="breadcrumbs">
            <a href="{{ route('lands.welcome') }}">Terrenos</a>
            <span class="slash">/</span>
            <a href="{{ route('grupos.show', $group->slug) }}">Pachuca</a>
            <span class="slash">/</span>
            <a href="{{ route('grupos.show', $group->slug) }}">{{ $group->name }}</a>
        </div>
    </div>

    <div class="container">
        <div style="margin-bottom: 10px;">
            {!! $group->content !!}
        </div>
    </div>

    <div class="terrenos container">
        @foreach ($group->lands() as $land)
            <a href="{{ route('lands.show', $land->slug) }}">
                <div class="terreno">
                    <div class="img"
                        style="background-image: url('{{ asset($land->file_name ? $land->file_name : 'img/default.jpg') }}');">
                    </div>
                    <div class="item">
                        <h3 class="titulo">{{ $land->title }}</h3>
                        <div class="pricio">{{ $land->price }}</div>
                        <div class="descripcion">{!! $land->description !!}</div>
                        <div class="ubicacion"><i class="fa-solid fa-location-dot"></i>{{ $land->colonia }},
                            {{ $land->city->name }}
                        </div>
                        <h4 class="ubicacion"> <strong>Tamaño de terreno</strong> {{ $land->lot_size }}m2</h4>
                        <button class="btn-show">Ver más <i class="fa-solid fa-angles-right"></i></button>
                    </div>
                </div>
            </a>
        @endforeach
    </div>
@endsection