@foreach ($templates as $template)
    @php
        $buttonsParams = $cards = [];
        if (!empty($template->buttons) && empty($template->carousel)) {
            $buttons = json_decode($template->buttons, true);
            foreach ($buttons as $i => $button) {
                if (isset($button['example'])) {
                    $buttonsParams[] = $i;
                }
            }
        }
        if (!empty($template->carousel)) {
            $carousel = json_decode($template->carousel, true);
            $template->body_sample = isset($carousel['body_sample']) ? json_encode($carousel['body_sample']) : null;
            $cardsCount = $carousel['cards_count'];
            for ($i=0; $i<$cardsCount; $i++) {
                $cards[] = [
                    'variables_count' => count($carousel['cards_variables_sample'][$i+1] ?? []),
                    'buttons_variables_count' => ($carousel['button1_type'] == 'dynamic_url' ? 1 : 0) + ($carousel['button2_type'] == 'dynamic_url' ? 1 : 0),
                ];
            }
        }
    @endphp
    <div class="bg-white p-3 m-3 select-template-message" 
        data-template-id="{{ $template->id }}" 
        data-media-type="{{ $template->media_type }}" 
        data-params="{{ $template->body_sample ? count(json_decode($template->body_sample)) : 0 }}"
        data-buttons-params="{{ implode(',', $buttonsParams) }}"
        data-cards="{{ json_encode($cards) }}">
        @include('web/partials/template-message')
    </div>
@endforeach