@if (!empty($template->media_type))
    @php
        $params = [];
        if (isset($message) && $message->template_params) {
            $params = json_decode($message->template_params, true);
        }
    @endphp
    @if ($template->media_type != 0 && empty($template->carousel))
        <div class="flex-center text-center">
            @if (isset($message))
                @include('web/partials/message-file', ['message' => $message])
            @else
                @if ($template->media_type == '1')
                    <img src="{{ asset('assets/icons/feather/image.svg') }}" height="80" />
                @elseif ($template->media_type == '2')
                    <img src="{{ asset('assets/icons/feather/video.svg') }}" height="80" />
                @elseif ($template->media_type == '3')
                    <img src="{{ asset('assets/icons/feather/file-text.svg') }}" height="80" />
                @endif
            @endif
        </div>
    @endif

    @if ($template->title)
        <h4 class="text-start">{{ $template->title }}</h4>
    @endif

    <p class="mb-0" dir="auto">
        @if (isset($message) && $message->template_params)
            @php
                $bodyParamsVar = $params;
                if (!empty($template->carousel)) {
                    $bodyParamsVar = $params['body'];
                }
                $search = $replace = [];
                foreach ($bodyParamsVar as $i => $param) {
                    if ($i == 'buttons') {
                        continue;
                    }
                    $search[] = '{{' . $i . '}}';
                    $replace[] = $param;
                }
                echo nl2br(str_replace($search, $replace, $template->body));
            @endphp
        @else
            {!! nl2br($template->body) !!}
        @endif
    </p>

    @if ($template->footer)
        <div class="text-start text-muted">{{ $template->footer }}</div>
    @endif

    @if ($template->buttons && empty($template->carousel))
        @php $buttons = json_decode($template->buttons); @endphp
        @foreach ($buttons as $button)
            @if ($button->type == 'PHONE_NUMBER')
                <a class="btn btn-light w-100 mt-2"><i class="ri-phone-line font-size-16"></i> {{ $button->text }}</a>
            @elseif ($button->type == 'URL')
                <a class="btn btn-light w-100 mt-2"><i class="ri-arrow-right-up-line font-size-16"></i> {{ $button->text }}</a>
            @elseif ($button->type == 'QUICK_REPLY')
                <a class="btn btn-light w-100 mt-2"><i class="ri-reply-line font-size-16"></i> {{ $button->text }}</a>
            @endif
        @endforeach
    @endif

    @if (!empty($template->carousel))
        @php 
            $carousel = json_decode($template->carousel, true);
        @endphp
        <div class="cards-container w-100">
            @for ($i=1; $i<=$carousel['cards_count']; $i++)
                <div class="card">
                    <div class="preview-media media-preview text-center">
                        @if (isset($message) && isset($params['files'][$i-1]))
                            @include('web/partials/message-file', ['message' => (object)['file_type' => $template->media_type, 'file_url' => $params['files'][$i-1]]])
                        @else
                            @if ($template->media_type == '1')
                                <img src="{{ asset('assets/icons/feather/image.svg') }}" height="80" />
                            @elseif ($template->media_type == '2')
                                <img src="{{ asset('assets/icons/feather/video.svg') }}" height="80" />
                            @endif
                        @endif
                    </div>
                    <div class="preview-text">
                        @if (isset($message) && $message->template_params && isset($params['cards'][$i]))
                            @php
                                $search = $replace = [];
                                foreach ($params['cards'][$i] as $ind => $param) {
                                    if ($ind == 'buttons') {
                                        continue;
                                    }
                                    $search[] = '{{' . $ind . '}}';
                                    $replace[] = $param;
                                }
                                echo nl2br(str_replace($search, $replace, $carousel['cardsBody'][$i-1]));
                            @endphp
                        @else
                            {!! nl2br($carousel['cardsBody'][$i-1]) !!}
                        @endif
                    </div>
                    <div class="preview-buttons">
                        @if (!empty($carousel['button1_type']))
                            <button class="btn btn-primary w-100 mb-2">{{ $carousel['button1_type'] == 'QUICK_REPLY' ? ($carousel['button1']['QUICK_REPLY']['button_display_text'][$i-1] ?? '') : ($carousel['button1']['button_display_text'][$i-1] ?? '') }}</button>
                        @endif
                        @if (!empty($carousel['button2_type']))
                            <button class="btn btn-primary w-100 mb-2">{{ $carousel['button2_type'] == 'QUICK_REPLY' ? ($carousel['button2']['QUICK_REPLY']['button_display_text'][$i-1] ?? '') : ($carousel['button2']['button_display_text'][$i-1] ?? '') }}</button>
                        @endif
                    </div>
                </div>
            @endfor
        </div>
    @endif
@endif