<div class="zoom">
    <div class="inner">
    <div data-close>
        @svg('images/close.svg')
    </div>
    <div class="zoom-development">
        <h5>{!! get_the_title($post->ID) !!}</h5>
        @if($tints)
            @foreach($tints as $key => $tint)
                <figure data-decor="{!! $key !!}" @if($key == 0) class="active development" @else class="development" @endif>
                    <img src="{!! wp_get_attachment_url($tint['_immagine_sviluppo_media_id']) !!}"/>
                    @svg('images/zoom.svg')
                </figure>
            @endforeach
        @endif
    </div>
    <div class="zoom-decor">
        @if($tints)
            @foreach($tints as $key => $tint)
            <div data-decor="{!! $key !!}" @if($key == 0) class="active icon" @else class="icon" @endif>
                <figure>
                    <img src="{!! wp_get_attachment_url($tint['_immagine_di_anteprima_media_id']) !!}"/>
                </figure>
                <span>{!! $tint['_codice'] !!}</span>
            </div>
            @endforeach
        @endif
    </div>
    </div>
</div>