@extends('layouts.app')

@section('title')
Nos réalisations @if(isset($categorySlug)) {{$categorySlug}} @endif réalisées - Maisons CBI
@endsection

@section('seo-description')
Consultez notre galerie de maisons @if(isset($categorySlug)) {{$categorySlug}} @endif déjà construites
@endsection

@section('bodyClass', 'list')

@section('content')



<!--Inner Heading Start-->
<div class="innerHeading">
    <div class="container">
        <h1>Nos réalisations @if(isset($categorySlug)) {{$categorySlug}} @endif</h1>
        <h2 class="visible-ref">Construction maison @if(isset($categorySlug)) {{$categorySlug}} @endif</h2>
    </div>
</div>
<!--Inner Heading End-->


<div class="innercontent">
    <div class="container">
        <div class="row listing_wrap">
            <div class="col-lg-12">
                    <a class="btn btn-sm bg-yellow" href="{{ route('production-list') }}">Afficher tout</a>&nbsp; &nbsp;
                    <a class="btn btn-sm bg-yellow" href="{{ route('production-category-list', ['categorySlug' => 'monopente']) }}">Maisons monopente</a>&nbsp; &nbsp;
                    <a class="btn btn-sm bg-yellow" href="{{ route('production-category-list', ['categorySlug' => 'acrotere']) }}">Maisons acrotère</a>&nbsp; &nbsp;
                    <a class="btn btn-sm bg-yellow" href="{{ route('production-category-list', ['categorySlug' => '2-pentes']) }}">Maisons 2 pentes</a>&nbsp; &nbsp;
                    <a class="btn btn-sm bg-yellow" href="{{ route('production-category-list', ['categorySlug' => '4-pentes']) }}">Maisons 4 pentes</a>
                </ul><br><br>
                <p>&nbsp;</p>
                @switch($categorySlug)
                @case('monopente')
                <h2>Maisons monopente</h2>
                <p>Les maisons monopente séduisent par leur design moderne et épuré. Leur toiture inclinée d’un seul côté apporte un style contemporain tout en favorisant la luminosité naturelle et la récupération d’énergie, notamment pour les panneaux solaires.</p>
                <p>Adaptées aussi bien aux terrains plats qu’en pente, elles offrent une esthétique originale et une excellente efficacité énergétique. Une solution idéale pour ceux qui veulent une maison au style affirmé et à la fois économique et durable.</p>
                @break
                @case('acrotere')

                <h2>Maisons à toit-terrasse (acrotère)</h2>
                <p>Les maisons à acrotère, dites « toit plat », incarnent le style architectural contemporain par excellence. Leur toiture plate met en valeur des lignes droites et un volume cubique, offrant une esthétique moderne et élégante.</p>
                <p>Ce type de maison permet de gagner de l’espace utile — notamment pour aménager une terrasse sur le toit ou un toit végétalisé — et d’intégrer facilement des grandes baies vitrées. Parfait pour un projet design, fonctionnel et orienté confort de vie.</p>
                @break
                @case('2-pentes')

                <h2>Maisons à deux pentes</h2>
                <p>La maison à deux pentes reste un grand classique de la construction. Elle séduit par son équilibre entre tradition et modernité, offrant une toiture simple, solide et économique.</p>
                <p>Ce style de maison s’adapte à tous les environnements, du bord de mer à la campagne, et offre de nombreuses possibilités d’aménagement intérieur et de combles.</p>
                <p>C’est le choix idéal pour une maison familiale, intemporelle et à entretien réduit.</p>
                @break
                @case('4-pentes')
                <h2>Maisons à quatre pentes</h2>
                <p>Les maisons à quatre pentes incarnent le charme et l’élégance des constructions haut de gamme. Leur toiture à quatre versants assure une excellente résistance au vent et aux intempéries tout en donnant du cachet à la maison.<br>Ce style offre une architecture équilibrée, des volumes harmonieux et une isolation naturelle renforcée.</p>
                <p>La maison à quatre pentes est parfaite pour ceux qui recherchent le confort, la durabilité et une esthétique traditionnelle revisitée.</p>
                @break
                @default
                <p>Explorez notre galerie de maisons déjà livrées, fruits de notre savoir-faire en Bretagne et dans les Pays de la Loire.</p>
                <p>Chaque réalisation illustre notre engagement : qualité de construction, design adapté au terrain, finitions soignées.</p>
                <p>Que vous cherchiez l’inspiration ou souhaitiez constater concrètement le résultat de nos offres “plan existant” ou “100 % personnalisables”, vous trouverez ici des exemples concrets de projets achevés.</p>
                <p>Laissez-vous guider par ces références, imaginez votre propre maison… et prenez contact pour donner vie à votre projet en toute confiance.</p>
                @endswitch
                <p>&nbsp;</p>
                <ul class="row">
                    @foreach ($contents as $production)
                    <!--col-lg-4 Start-->
                    <li class="col-lg-4">
                        <div class="property_box wow fadeInUp">
                            <div class="propertyImg">
                                <a href="{{ route('production-details', ['slug' => $production['slug']]) }}" title="">
                                    @if (!empty($production['media']))
                                    <img alt="" src="https://pro.vitahome.fr/api/media/crop/654-457-FFFFFF-center-center/{{ $production['media']['id'] }}.jpg?token={{ env('VITAHOME_API_KEY') }}">
                                    @else
                                    <img src="/images/no-image.jpg" alt="">
                                    @endif
                                </a>
                            </div>
                        </div>
                    </li>
                    <!--col-lg-4 End-->
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
</div>



@endsection