{{--
    Investor notes per startup, captured from the public committee-attendance
    portal. Props:
      $committee              : Committee
      $investorNotesByStartup : Collection groupBy(startup_id) of
                                CommitteeInvestorStartupNote rows (each
                                with the `investor` relation loaded).

    Layout: one card per startup that has at least one note. Each card lists
    the investors' notes vertically with timestamps so the deal team can
    see who said what before/after the meeting.
--}}
@php
    $startupsById = $committee->startups->keyBy('id');
@endphp

@php $hideOwnTitle = $hideOwnTitle ?? false; @endphp
<section class="cmt-card" @if ($hideOwnTitle) style="border:0; background:transparent;" @else style="margin-top:18px;" @endif>
    @if (! $hideOwnTitle)
        <header class="cmt-card__head">
            <h3>{{ __('admin.committees.notes.heading') }}
                <span style="color:#94a3b8; font-weight:500;">({{ $investorNotesByStartup->sum(fn ($g) => $g->count()) }})</span>
            </h3>
        </header>
    @endif
    <div class="cmt-card__body" style="padding:18px;">
        @if ($investorNotesByStartup->isEmpty())
            <div class="cmt-empty" style="padding:8px 4px;">{{ __('admin.committees.notes.empty') }}</div>
        @else
            <div style="display:flex; flex-direction:column; gap:18px;">
                @foreach ($investorNotesByStartup as $startupId => $notes)
                    @php
                        $startup = $startupsById[$startupId] ?? null;
                    @endphp
                    <article style="border:1px solid #e2e8f0; border-radius:12px; overflow:hidden; background:#fff;">
                        <header style="padding:12px 16px; background:#f8fafc; border-bottom:1px solid #e2e8f0; display:flex; align-items:center; justify-content:space-between; gap:12px;">
                            <div style="font-weight:700; color:#0f172a; font-size:14px;">
                                {{ $startup?->display_name ?? __('admin.committees.notes.unknown_startup') }}
                                @php $secondaryName = $startup ? (app()->getLocale() === 'ar' ? $startup->name_en : $startup->name) : null; @endphp
                                @if ($startup && $secondaryName && $secondaryName !== $startup->display_name)
                                    <span style="color:#64748b; font-weight:500;"> · {{ $secondaryName }}</span>
                                @endif
                            </div>
                            <span style="font-size:12px; font-weight:600; color:#64748b;">
                                {{ __('admin.committees.notes.investor_count', ['count' => $notes->count()]) }}
                            </span>
                        </header>
                        <ul style="list-style:none; margin:0; padding:0;">
                            @foreach ($notes as $note)
                                <li style="padding:14px 16px; border-bottom:1px solid #f1f5f9;">
                                    <div style="display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px;">
                                        <div style="font-weight:700; color:#1e293b; font-size:13.5px;">
                                            {{ $note->investor?->name ?? __('admin.committees.notes.unknown_investor') }}
                                            @if ($note->investor?->email)
                                                <span style="color:#94a3b8; font-weight:500; font-size:12px;"> · {{ $note->investor->email }}</span>
                                            @endif
                                        </div>
                                        <time style="color:#94a3b8; font-size:11.5px;" datetime="{{ $note->updated_at?->toIso8601String() }}">
                                            {{ $note->updated_at?->format('Y-m-d H:i') }}
                                        </time>
                                    </div>
                                    <div style="color:#334155; font-size:13.5px; line-height:1.65; white-space:pre-wrap; word-wrap:break-word;">{{ $note->note }}</div>
                                </li>
                            @endforeach
                        </ul>
                    </article>
                @endforeach
            </div>
        @endif
    </div>
</section>