{{-- detials log section for all, email , notes , test and call logs --}}
@use('Carbon\Carbon', 'Carbon')
<style>
    .border-custom {
        border-color: #17a2b8 !important;
        /* Change this color as needed */
        border-width: 2px;
    }

    .text-custom {
        color: #17a2b8;
        /* Match the border color */
        /* font-weight: bold; */
    }
</style>

@php
$badgeClasses = ['primary', 'info', 'danger', 'success', 'warning'];
@endphp


<div class="mb-4">
    <div class="d-flex align-items-center">
        <div class="flex-grow-1 border-top border-custom"></div>
        <h4 class="text-custom mx-3 mb-0">Records</h4>
        <div class="flex-grow-1 border-top border-custom"></div>
    </div>
</div>

<div class="row">
    <div class="card">
        <div class="card-body p-0">
            <div class="default-tab pt-3">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link text-black active" data-bs-toggle="tab" href="#all-communication-section">
                            <i class="la la-thumbtack me-2"></i> All
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-black" data-bs-toggle="tab" href="#notes-communication-section">
                            <i class="bi bi-journal-text me-2" style="font-size: smaller;"></i> Notes
                        </a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link text-black" data-bs-toggle="tab" href="#emails-communication-section">
                            <i class="la la-envelope me-2"></i> Emails
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-black" data-bs-toggle="tab" href="#texts-communication-section">
                            <i class="la la-sms me-2"></i> Texts
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-black" data-bs-toggle="tab" href="#call_logs-communication-section">
                            <i class="la la-phone me-2"></i> Log Call
                        </a>
                    </li>
                </ul>
                @php
                $sections = [
                'notes' => 'Notes',
                'emails' => 'Emails',
                'texts' => 'Texts',
                'call_logs' => 'Log Call',
                ];
                $communications = collect();
                foreach (['notes', 'emails', 'texts', 'call_logs'] as $type) {
                if (!empty($lead[$type])) {
                foreach ($lead[$type] as $item) {
                $item['type'] = $type;
                $communications->push($item);
                }
                }
                }
                $communications = $communications->sortByDesc('created_at');
                // Define colors for each type
                $bgColors = [
                'notes' => 'bg-info-subtle',
                'emails' => 'bg-warning-subtle',
                'texts' => 'bg-success-subtle',
                'call_logs' => 'bg-primary-subtle',
                ];
                @endphp

                <div class="tab-content">

                   
                    <div class="tab-pane fade show active overflow-auto vh-50" id="all-communication-section" role="tabpanel" style="max-height: 400px;">
                        @if($communications->isEmpty() && empty($lead['lead_notes']))
                        <div class="text-center text-muted mt-3">
                            <p class="text-center text-danger">No data found</p>
                        </div>
                        @else
                        @forelse ($communications as $comm)
                        @php
                        $createdDate = Carbon::parse($comm['created_at']);
                        $iconClass = [
                        'notes' => 'bi bi-journal-text text-primary',
                        'emails' => 'fa-solid fa-envelope text-primary',
                        'texts' => 'fa-solid fa-comment-dots text-success',
                        'call_logs' => 'fa-solid fa-phone text-danger',
                        ][$comm['type']];
                        $bgColor = $bgColors[$comm['type']] ?? '';
                        @endphp
                        <li class="mb-3">
                            <div class="timeline-icon" style="font-size: 18px;">
                                <i class="{{ $iconClass }}"></i>
                            </div>
                            <div class="timeline-panel text-muted p-3 border rounded {{ $bgColor }}">
                                <div class="d-flex heading justify-content-between mb-2">
                                    <span class="text-primary">{{ $createdDate->diffForHumans() }}</span>
                                    <span class="text-secondary">
                                        {{ str_replace('-', ' ', ucfirst(session('username'))) }}
                                        {{ $createdDate->format('d/m/Y') }}
                                    </span>
                                </div>

                                @if ($comm['type'] === 'emails')
                                <p class="mb-1"><strong>To: </strong> {{ $comm['to_email'] ?? '' }}</p>
                                @if (!empty($comm['cc_emails']))
                                <p class="mb-1"><strong>CC: </strong>
                                    @foreach (explode(',', $comm['cc_emails']) as $cc_email)
                                    <span class="badge rounded-pill text-bg-success me-1 mb-1">{{ trim($cc_email) }}</span>
                                    @endforeach
                                </p>
                                @endif
                                <p class="mb-1"><strong>Subject: </strong> {!! $comm['subject'] ?? 'No Subject' !!}</p>
                                <p class="mb-1"><strong>Message: </strong> {!! $comm['message'] ?? 'No Message' !!}</p>
                                @else
                                <h6 class="mb-0">{!! $comm['note'] ?? '' !!}</h6>
                                @endif
                            </div>
                        </li>
                        @empty
                        @endforelse

                        @if (!empty($lead['lead_notes']))
                        <li class="mb-3">
                            <div class="timeline-icon" style="font-size: 18px;">
                                <i class="bi bi-journal-text me-2 text-primary"></i>
                            </div>
                            <div class="timeline-panel text-muted p-3 border rounded bg-info-subtle">
                                <div class="d-flex heading justify-content-between mb-2">
                                    <span class="text-primary">{{ Carbon::parse($lead['created_at'])->diffForHumans() }}</span>
                                    <span class="text-secondary">{{ str_replace('-', ' ', ucfirst(session('username'))) }}
                                        {{ Carbon::parse($lead['created_at'])->format('d/m/Y') }}</span>
                                </div>
                                <h6 class="mb-0">{!! $lead['lead_notes'] !!}</h6>
                            </div>
                        </li>
                        @endif
                        @endif
                    </div>

                    @foreach ($sections as $key => $label)
                    @switch($key)
                    @case('notes')
                    <x-time-line-tab-pane id="{{ $key }}-communication-section">
                        @php
                        $hasNotes =
                        !empty($lead[$key]) || !empty($lead['lead_notes']);
                        @endphp

                        @if ($hasNotes)
                        @if (!empty($lead['lead_notes']))
                        <li>
                            <div class="badge-outline-light bg-info timeline-badge "
                                style="width: 12px;height: 12px;"></div>
                            <a class="timeline-panel text-muted bg-info-subtle badge-outline-light"
                                href="#">
                                <div class="d-flex heading justify-content-between">
                                    <span>{{ Carbon::parse($lead['created_at'])->diffForHumans() }}</span>
                                    <span>{{ str_replace('-', ' ', ucfirst(session('username'))) }}
                                        {{ Carbon::parse($lead['created_at'])->format('d/m/Y') }}</span>
                                </div>
                                <h6 class="mb-0">{!! $lead['lead_notes'] !!}</h6>
                            </a>
                        </li>
                        @endif

                        @foreach (array_reverse($lead[$key] ?? []) as $note)
                        @php
                        $badgeClass =
                        $badgeClasses[$note['id'] % count($badgeClasses)];
                        $createdDate = Carbon::parse($note['created_at']);
                        @endphp
                        <li class="mb-3">
                        <div class="timeline-badge {{ $badgeClass }}"></div>
                            <div class="timeline-panel text-muted p-3 border rounded bg-info-subtle">
                                <div class="d-flex heading justify-content-between mb-2">
                                <span>{{ $createdDate->diffForHumans() }}</span>
                                    <span>{{ str_replace('-', ' ', ucfirst(session('username'))) }}
                                        {{ $createdDate->format('d/m/Y') }}</span>
                                </div>
                                <h6 class="mb-0">{!! $note['note'] !!}</h6>
                            </div>
                        </li>
                     
                        @endforeach
                        @else
                        <p class="text-center text-danger">{{ $label }} Not Found</p>
                        @endif
                    </x-time-line-tab-pane>
                    @break
                    @case('emails')
                    <x-time-line-tab-pane id="{{ $key }}-communication-section">
                        @forelse (array_reverse($lead[$key] ?? []) as $email)
                        @php
                        $badgeClass = $badgeClasses[$email['id'] % count($badgeClasses)];
                        $createdDate = Carbon::parse($email['created_at']);
                        $toEmail = $email['to_email'] ?? '';
                        $ccEmails = collect(explode(',', $email['cc_emails'] ?? ''))
                        ->map(fn($cc) => trim($cc))
                        ->reject(fn($cc) => $cc === $toEmail)
                        ->toArray();
                        @endphp

                        <li>
                            <div class="timeline-badge {{ $badgeClass }}"></div>
                            <div class="timeline-panel text-muted p-2 border rounded">
                                <div class="d-flex heading justify-content-between mb-2">
                                    <span class="text-primary">{{ $createdDate->diffForHumans() }}</span>
                                    <span class="text-secondary">
                                        {{ str_replace('-', ' ', ucfirst(session('username'))) }}
                                        {{ $createdDate->format('d/m/Y') }}
                                    </span>
                                </div>

                                <div class="email-details">
                                    <p class="mb-1"><strong>To: </strong> {{ $toEmail }}</p>

                                    @if (!empty($ccEmails))
                                    <div class="mb-1 d-flex align-items-center">
                                        <strong>CC: &nbsp;</strong>
                                        <div class="d-flex flex-wrap">
                                            @foreach ($ccEmails as $cc_email)
                                            <span class="badge rounded-pill text-bg-success me-1 mb-1">{{ $cc_email }}</span>
                                            @endforeach
                                        </div>
                                    </div>
                                    @endif

                                    <p class="mb-1"><strong>Subject: </strong> {!! $email['subject'] ?? 'No Subject' !!}</p>
                                    <p class="mb-1"><strong>Message: </strong> {!! $email['message'] ?? 'No Message' !!}</p>
                                </div>
                            </div>
                        </li>
                        @empty
                        <p class="text-center text-danger">{{ $label }} Not Found</p>
                        @endforelse
                    </x-time-line-tab-pane>
                    @break

                    @case('texts')
                    <x-time-line-tab-pane id="{{ $key }}-communication-section">
                        @forelse (array_reverse($lead[$key] ?? []) as $text)
                        @php
                        $badgeClass = $badgeClasses[$text['id'] % count($badgeClasses)];
                        $createdDate = Carbon::parse($text['created_at']);
                        @endphp
                        <li>
                            <div class="timeline-badge {{ $badgeClass }}"></div>
                            <a class="timeline-panel text-muted" href="#">
                                <div class="d-flex heading justify-content-between">
                                    <span>{{ $createdDate->diffForHumans() }}</span>
                                    <span>{{ str_replace('-', ' ', ucfirst(session('username'))) }}
                                        {{ $createdDate->format('d/m/Y') }}</span>
                                </div>
                                <h6 class="mb-0">{!! $text['note'] ?? '' !!}</h6>
                            </a>
                        </li>
                        @empty
                        <p class="text-center text-danger">{{ $label }} Not Found</p>
                        @endforelse
                    </x-time-line-tab-pane>
                    @break

                    @case('call_logs')
                    <x-time-line-tab-pane id="{{ $key }}-communication-section">
                        @forelse (array_reverse($lead[$key] ?? []) as $log)
                        @php
                        $badgeClass = $badgeClasses[$log['id'] % count($badgeClasses)];
                        $createdDate = Carbon::parse($log['created_at']);
                        @endphp
                        <li>
                            <div class="timeline-badge {{ $badgeClass }}"></div>
                            <a class="timeline-panel text-muted" href="#">
                                <div class="d-flex heading justify-content-between">
                                    <span>{{ $createdDate->diffForHumans() }}</span>
                                    <span>{{ str_replace('-', ' ', ucfirst(session('username'))) }}
                                        {{ $createdDate->format('d/m/Y') }}</span>
                                </div>
                                <h6 class="mb-0">{!! $log['note'] ?? '' !!}</h6>
                            </a>
                        </li>
                        @empty
                        <p class="text-center text-danger">{{ $label }} Not Found</p>
                        @endforelse
                    </x-time-line-tab-pane>
                    @break

                    @default
                    @endswitch
                    @endforeach


                </div>
            </div>
        </div>
    </div>
</div>