{{-- @dd($templateComponentValues) --}}
<div class="lw-whatsapp-preview-message-container">
    {{-- <img class="lw-whatsapp-preview-bg" src="{{ asset('imgs/wa-message-bg.png') }}" alt=""> --}}
    <div class="lw-whatsapp-preview">
        <div class="card ">
            {{-- @dd($templateComponents) --}}
            @foreach ($templateComponents as $templateComponent)
            @if ($templateComponent['type'] == 'HEADER')
            @if ($templateComponent['format'] != 'TEXT')
            <div class="lw-whatsapp-header-placeholder">
                @if ($templateComponent['format'] == 'LOCATION')
                <iframe height="100" src="https://maps.google.com/maps/place?q={{ $headerItemValues['location']['latitude'] ?? '' }},{{ $headerItemValues['location']['longitude'] ?? '' }}&output=embed&language={{ app()->getLocale() }}" frameborder="0" scrolling="no"></iframe>
                @elseif ($templateComponent['format'] == 'VIDEO')
                <video class="lw-whatsapp-header-video" controls src="{{ $headerItemValues['video'] }}"></video>
                @elseif ($templateComponent['format'] == 'IMAGE')
                <img class="lw-whatsapp-header-image" src="{{ $headerItemValues['image'] }}" alt="">
                @elseif ($templateComponent['format'] == 'DOCUMENT')
                <a class="lw-wa-message-document-link" title="{{ __tr('Document Link') }}" target="_blank" href="{{ $headerItemValues['document'] }}"><i class="fa fa-5x fa-file-alt text-white"></i></a>
                @endif
            </div>
            @endif
            @if ($templateComponent['format'] == 'LOCATION')
            <div class="lw-whatsapp-location-meta bg-secondary p-2">
                <small>{{ $headerItemValues['location']['name'] ?? '' }}</small><br>
                <small>{{ $headerItemValues['location']['address'] ?? '' }}</small>
            </div>
            @elseif ($templateComponent['format'] == 'TEXT')
            <div class="lw-whatsapp-body mb--3">
                @php
                $exampleHeaderItems = [
                "\n" => '<br>',
                ];
                @endphp
                @isset($templateComponent['example'])
                @php
                $headerTextItems = $templateComponent['example']['header_text'];
                $exampleHeaderTextItemIndex = 1;
                foreach ($headerTextItems as $headerTextItem) {
                    $exampleHeaderItems["{{{$exampleHeaderTextItemIndex}}}"] = $headerItemValues['text'][$exampleHeaderTextItemIndex-1] ?? '';
                    $exampleHeaderTextItemIndex++;
                }
                @endphp
                @endisset
                <strong>