@layout('content.master')
@section('content')
<div class="container">
    <section>
        <div class="row">
            <div class="col">
                <h1>Balkonkraftwerk</h1>
                <br>

                <br>
                <p class="fs-5">Balkonkraftwerke oder auch Steckersolaranlagen sind eine einfache Möglichkeiten Stromkosten zu senken. Tagsüber lässt sich dadurch der Grundverbrauch im Haushalt über den eigenerzeugten Strom abdecken.</p>
                <br>
                <br>
            </div>
        </div>
        <div class="row">

            @foreach($contents as $content)

                <div class="col-12 col-md-6 mb-5">
                    <a href="{{route_content($content)}}" class="text-decoration-none">
                        <div class="card shadow-sm" style="background-color: #546c8a; color: white;">
                            @if(empty($content->image))
                            <img src="https://picsum.photos/200/100" class="card-img-top img-fluid"  alt="...">
                            @else
                            <img src="{{$content->image}}" class="card-img-top img-fluid"  alt="...">
                            @endif
                            <div class="card-body">
                                <h5 class="card-title">{{$content->title}}</h5>
                            </div>
                        </div>
                    </a>


                </div>
            @endforeach

        </div>
    </section>
</div>
@stop