@php
    // Combine all records into a single collection
    $allNotes = collect();

    $lead->recordings->each(function ($recording) use ($allNotes) {
        $allNotes->push([
            'type' => 'recording',
            'data' => $recording,
            'created_at' => $recording->start_datetime,
        ]);
    });

    $lead->emails->each(function ($email) use ($allNotes) {
        $allNotes->push([
            'type' => 'email',
            'data' => $email,
            'created_at' => $email->created_at,
        ]);
    });

    $lead->leadSMS->each(function ($sms) use ($allNotes) {
        $allNotes->push([
            'type' => 'sms',
            'data' => $sms,
            'created_at' => $sms->created_at,
        ]);
    });

    $lead->leadWhatsappSMS->each(function ($sms) use ($allNotes) {
        $allNotes->push([
            'type' => 'whatsapp',
            'data' => $sms,
            'created_at' => $sms->created_at,
        ]);
    });

    $sortedNotes = $allNotes->sortByDesc('created_at');
@endphp

@if ($sortedNotes->count() > 0)
    <div class="search-notes mb-5">
        <input type="text" class="form-control" id="searchRecording" placeholder="Search in Conversations">
    </div>

    <div class="recordings-list">
        @foreach ($sortedNotes as $note)

            <div class="d-flex gap-3 note-item mb-4">
                <div class="left d-flex flex-column gap-2 mt-2">
                    <i class="bx bx-star fs-3 update-recording-star-icon {{ $note['type'] === 'recording' && $note['data']->is_featured ? 'text-warning' : '' }}"
                        data-recording-id="{{ $note['type'] === 'recording' ? $note['data']->id : '' }}"
                        data-is-featured="{{ $note['type'] === 'recording' ? $note['data']->is_featured : '' }}"
                        role="button"
                        title="Mark as Featured"></i>
                </div>
                <div class="right">
                    <div class="note-header">
                        <div class="title">
                            <h5>
                                @if ($note['type'] === 'email')
                                    @if($note['data']->is_received === 1) Email Received @else Email Sent @endif on
                                @elseif ($note['type'] === 'sms')
                                    SMS sent on
                                @elseif ($note['type'] === 'whatsapp')
                                    WhatsApp sent on
                                @elseif ($note['type'] === 'recording')
                                    Inbound call on
                                @endif

                                {{ \Carbon\Carbon::parse($note['created_at'])->format('d M Y h:i A') }}
                            </h5>
                        </div>
                    </div>
                    <div>
                        @if($note['type'] === 'recording' && $note['data']->audio_file_location)
                            <div class="mt-2">
                                <audio controls>
                                    <source src="{{ $note['data']->audio_file_location }}" type="audio/mpeg">
                                    Your browser does not support the audio element.
                                </audio>
                            </div>
                        @elseif($note['type'] === 'email')
                            <div>
                                <p class="text-dark">{{ $note['data']->subject }}</p>
                                <p class="text-dark">{!! wrapQuotedSections($note['data']->body) !!}</p>
                                <div>
                                    <a href="javascript:void(0);" class="text-primary btn-view" title="view email"
                                        data-bs-toggle="offcanvas"
                                        data-bs-target="#offcanvasRightViewEmail"
                                        data-from-email="{{ $settings['email_to_customer'] ?? 'customercare@smartmediaiq.com' }}"
                                        data-to-email="{{ $lead->information->email }}"
                                        data-subject="{{ $note['data']->subject }}"
                                        data-view_body="{{ $note['data']->body }}"
                                        data-id="{{ $note['data']->id }}">
                                        <h5><i class="bx bx-eye"></i> View</h5>
                                    </a>
                                </div>
                            </div>
                        @elseif($note['type'] === 'sms' || $note['type'] === 'whatsapp')
                            <div>
                                <p class="text-dark">{{ $note['data']->message }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endif