@foreach($allData as $key => $value)
    @php
        $len = strlen($value->title);
    @endphp
    <div class="card border border-gray-500 border-active active mb-5">
        <div class="card-header min-h-25 px-5 border-gray-400">
            <h3 class="card-title fs-2">{{ $value->campaign_name }}</h3>
            <div class="card-toolbar">
                <a href="{{ route('campaigns.edit', $value->campaign_id) }}" class="btn btn-primary btn-sm">Edit</a>
            </div>
        </div>
        <div class="card-body p-4">
            @if($len > 150)
                <div class='fs-4' id='hideMessageData_{{ $key }}'>
                    {{ substr($value->title, 0, 150) }}...
                    <br>
                    <span id='readMoreData_{{ $key }}' onclick='readMoreData({{ $key }})' class='text-primary cursor-pointer'>Read More</span>
                </div>
                <div id='dataShow_{{ $key }}' style='display:none;'>
                    <span class='fs-4'>{{ $value->title }}</span>
                    <br>
                    <span onclick='readLessData({{ $key }})' class='text-primary cursor-pointer'>Read Less</span>
                </div>
            @else
                <span class='fs-4'>{{ $value->title }}</span>
            @endif

            @if($value->message_suggestion != null)
                <blockquote class="massage_copy">
                    <span style="font-style: italic;font-size:13px;" id="suggestion_{{ $key }}">
                        {{ $value->message_suggestion }}
                    </span>
                    <span class="text-end" onclick="copyOnClipboard({{ $key }})">
                        <span class="cursor-pointer svg-icon svg-icon-info svg-icon-2hx">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path opacity="0.5" d="M18 2H9C7.34315 2 6 3.34315 6 5H8C8 4.44772 8.44772 4 9 4H18C18.5523 4 19 4.44772 19 5V16C19 16.5523 18.5523 17 18 17V19C19.6569 19 21 17.6569 21 16V5C21 3.34315 19.6569 2 18 2Z" fill="currentColor"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7857 7.125H6.21429C5.62255 7.125 5.14286 7.6007 5.14286 8.1875V18.8125C5.14286 19.3993 5.62255 19.875 6.21429 19.875H14.7857C15.3774 19.875 15.8571 19.3993 15.8571 18.8125V8.1875C15.8571 7.6007 15.3774 7.125 14.7857 7.125ZM6.21429 5C4.43908 5 3 6.42709 3 8.1875V18.8125C3 20.5729 4.43909 22 6.21429 22H14.7857C16.5609 22 18 20.5729 18 18.8125V8.1875C18 6.42709 16.5609 5 14.7857 5H6.21429Z" fill="currentColor"/>
                            </svg>
                        </span>
                    </span>
                </blockquote>
            @endif
        </div>
    </div>
@endforeach