@php $images = $post->images; $images = json_decode($images, true); $cnt = count($images) @endphp

@if($cnt >0)
    @if($cnt == 1)
        <div class="post-attachment clearfix has-01-items clearfix">
            @foreach($images as $image)
                <a href="#" class="single-item">
                    <img src="{{ '/files/'.$image }}" alt="">
                </a>
            @endforeach
        </div>
    @elseif($cnt == 2)
        <div class="post-attachment has-multi-items has-02-items clearfix">
            @foreach($images as $image)
                <div class="single-item"><a class="ht-rectangle ratio-23" data-fancybox="gallery" rel="gallery01"
                                            href="https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/QQXLXMX04M.jpg"><span
                                class="ht-inner ht-bgcover"
                                style="background-image: url({{ '/files/'.$image }});"></span></a>
                </div>
            @endforeach
        </div>
    @elseif($cnt == 3)
        <div class="post-attachment has-multi-items has-03-items clearfix">
            @foreach($images as $image)
                <div class="single-item"><a href="#" class="ht-rectangle ratio-11"><span class="ht-inner ht-bgcover"
                                                                                         style="background-image: url({{ '/files/'.$image }});"></span></a>
                </div>
            @endforeach
        </div>
    @elseif($cnt == 4)
        <div class="post-attachment has-multi-items has-04-items clearfix">
            @foreach($images as $image)
                <div class="single-item"><a href="#" class="ht-rectangle ratio-32"><span class="ht-inner ht-bgcover"
                                                                                         style="background-image: url({{ '/files/'.$image }});"></span></a>
                </div>
            @endforeach
        </div>
    @elseif($cnt >= 5)
        <div class="post-attachment has-multi-items has-05-items clearfix">
            @foreach($images as $image)
                <div class="single-item"><a href="#" class="ht-rectangle ratio-11"><span class="ht-inner ht-bgcover"
                                                                                         style="background-image: url({{ '/files/'.$image }});"></span></a>
                </div>
            @endforeach
        </div>
    @endif
@endif