@extends('layouts.app')

@section('title', 'Listes des propriétés distribuées')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card my-5">
                <div class="card-header px-5">
                    <h3>Listes des propriétés distribuées</h3>
                </div>
                <div class="card-body px-5 pt-3 pb-4">
                    @foreach ($regions as $region)
                    <div class="container mb-5">
                        @php
                        $firstPropertyRegion = 0;
                        @endphp
                        @foreach ($properties as $property)
                        @if ($property->region == $region)
                        @if ($firstPropertyRegion == 0)
                        @php
                        $firstPropertyRegion = 1;
                        @endphp
                        <h2>{{ $region->name }}</h2>
                        @endif
                        <div class="col-md-6 my-3">
                            <p> {{ $property->name}} </p>
                        </div>
                        @endif
                        @endforeach
                    </div>
                    @endforeach
                    <a class="btn btn-primary" href="{{ route('catalogue') }}">Accéder aux tarifs</a>

                </div>


            </div>

        </div>

    </div>

    @include('layouts.references')

</div>
@endsection