{{-- ÜST MENÜ --}}
<div class="text-stone-700">
    <dl class="grid grid-cols-2 gap-3 sm:grid-cols-5">
        {{-- GÖREVLER --}}
        <div class="overflow-hidden bg-white ring-1 ring-stone-200 rounded-lg shadow">
            <div class="p-5">
                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <span class="material-symbols-rounded text-4xl text-stone-600">
                            check
                        </span>
                    </div>
                    <a href="{{ route('deals.index') }}" class="ml-3 w-0 flex-1">
                        <dl>
                            <dt class="truncate text-sm font-light text-stone-600">TAMAMLANAN GÖREVLER</dt>
                            <dd>
                                <div class="text-3xl font-bold text-stone-600">
                                    {{ count($completed_tasks) }}<span class="text-xl text-stone-400">/{{
                                        count($completed_tasks) + count($new_tasks) }}</span>
                                </div>
                            </dd>
                            <div class="flex flex-wrap gap-x-0.5">
                                @for ($i = 0; $i < count($completed_tasks); $i++) <span
                                    class="material-symbols-rounded text-xs text-stone-300">
                                    fiber_manual_record
                                    </span>
                                    @endfor
                            </div>
                            <div class="flex flex-wrap gap-x-0.5">
                                @for ($i = 0; $i < count($new_tasks); $i++) <span
                                    class="material-symbols-rounded text-xs text-rose-100">
                                    fiber_manual_record
                                    </span>
                                    @endfor
                            </div>
                        </dl>
                    </a>
                </div>
            </div>
        </div>
        {{-- FIRSAT --}}
        <div class="overflow-hidden bg-white ring-1 ring-stone-200 rounded-lg shadow">
            <div class="p-5">
                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <span class="material-symbols-rounded text-4xl text-stone-600">
                            hov
                        </span>
                    </div>
                    <a href="{{ route('opportunities.index') }}" class="ml-3 w-0 flex-1">
                        <dl>
                            <dt class="truncate text-sm font-light text-stone-600">İLETİŞİMLER</dt>
                            <dd>
                                <div class="text-3xl font-bold text-stone-600">{{ count($opp) }}</div>
                            </dd>
                            <div class="flex gap-x-1">
                                @for ($i = 0; $i < count($opp); $i++) <span
                                    class="material-symbols-rounded text-xs text-stone-300">
                                    fiber_manual_record
                                    </span>
                                    @endfor
                            </div>
                        </dl>
                    </a>
                </div>
            </div>
        </div>
        {{-- TEKLİF --}}
        <div class="overflow-hidden bg-white ring-1 ring-stone-200 rounded-lg shadow">
            <div class="p-5">
                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <span class="material-symbols-rounded text-4xl text-stone-600">
                            article
                        </span>
                    </div>
                    <a href="{{ route('offers.index') }}" class="ml-3 w-0 flex-1">
                        <dl>
                            <dt class="truncate text-sm font-light text-stone-600">TEKLİFLER</dt>
                            <dd>
                                <div class="text-3xl font-bold text-stone-600">{{ count($offers) }}</div>
                            </dd>
                            <div class="flex gap-x-1">
                                @for ($i = 0; $i < count($offers); $i++) <span
                                    class="material-symbols-rounded text-xs text-stone-300">
                                    fiber_manual_record
                                    </span>
                                    @endfor
                            </div>
                        </dl>
                    </a>
                </div>
            </div>
        </div>
        {{-- ANLAŞMA --}}
        <div class="overflow-hidden bg-white ring-1 ring-stone-200 rounded-lg shadow">
            <div class="p-5">
                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <span class="material-symbols-rounded text-4xl text-stone-600">
                            stylus_note
                        </span>
                    </div>
                    <a href="{{ route('deals.index') }}" class="ml-3 w-0 flex-1">
                        <dl>
                            <dt class="truncate text-sm font-light text-stone-600">ANLAŞMALAR</dt>
                            <dd>
                                <div class="text-3xl font-bold text-stone-600">{{ count($deals) }}</div>
                            </dd>
                            <div class="flex gap-x-1">
                                @for ($i = 0; $i < count($deals); $i++) <span
                                    class="material-symbols-rounded text-xs text-stone-300">
                                    fiber_manual_record
                                    </span>
                                    @endfor
                            </div>
                        </dl>
                    </a>
                </div>
            </div>
        </div>
        {{-- DEĞER --}}
        <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow-sm sm:p-6 grid justify-items-end">
            <dt class="truncate text-sm font-medium text-stone-400">Anlaşma Değeri</dt>
            <dd class="mt-1 text-3xl font-semibold tracking-tight">
                ${{ number_format($deals_sum, 2, ',', '.') }}</dd>
        </div>
    </dl>
</div>