{{--
  Title: Post-images
  Description: Add images to your post
  Category: formatting
  Icon: columns
  Keywords: image
  Mode: edit
  Align: left
  PostTypes: page post
  SupportsAlign: full
  SupportsMode: true
  SupportsMultiple: true
  EnqueueStyle:
  EnqueueScript:
  EnqueueAssets:
--}}

@php
    $images = get_field('images');
    $widthClass = count($images) === 1 ? 'block-post-images__single--full' :  'block-post-images__single--half'
@endphp

<div class="block-post-images">
    @foreach ($images as $image)
        <div class="block-post-images__single {{ $widthClass }} ">
            <div class="block-post-images__single-image">
                <img src="{{ $image['image']['url'] }}" alt="{{ $image['image']['alt'] }}">
            </div>
            @if ($image['caption'])
                <div class="block-post-images__single-caption">{{ $image['caption'] }}</div>
            @endif
            @if ($image['title'])
                <div class="block-post-images__single-caption">
                    <a href="#" class="title-2 cta-hero"><span>{{ $image['title'] }}</span></a>
                    <p class="p">{{ $image['description'] }}</p>
                </div>
            @endif
        </div>
    @endforeach
</div>