@if($fotoGaleri != null)
<div class="widgets d-none d-sm-block">
    <div class="accordion-post-style" id="accordion" role="tablist">
        @foreach($fotoGaleri->slice(0, 3) as $key => $foto)
        <div class="card" style="background-image: url({{url('images/galeriler/'.$foto->resim)}})">
            <div id="collapse{{ $key }}" class="collapse @if($key == 0) {{'show'}} @endif" role="tabpanel" aria-labelledby="heading{{ $key }}" data-parent="#accordion">
                <div class="card-body">
                    <div class="space"></div>
                    <a href="{{ url('galeri/'.Illuminate\Support\Str::slug($foto->baslik).'-'.$foto->id) }}" class="btn btn-detault">Galeriye Git</a>
                </div>
            </div>
            <div class="card-header" role="tab" id="heading{{ $key }}">
                <a data-toggle="collapse" href="#collapse{{ $key }}" aria-expanded="true" aria-controls="collapse{{ $key }}">
                    <i class="fa fa-picture-o"></i>
                    <h4 class="post-title md">{{ $foto->baslik }}</h4>
                    <span>{{ $foto->kategoriler->baslik }}</span>
                </a>
            </div>
        </div>
        @endforeach

    </div>
</div>
    @endif