{{-- BUGÜN --}}
<div class="p-2 mt-2 overflow-hidden bg-white shadow ring-1 ring-stone-300 sm:rounded-lg sm:mt-0 sm:p-4">

    <h2 class="flex items-center mb-3 text-lg leading-6 font-jbmono-bold text-stone-700">
        <span class="mr-1 material-symbols-rounded">
            today
        </span>
        BUGÜN: {{ date('d.m') }} {{ \Carbon\Carbon::now()->locale('tr')->locale('tr')->translatedFormat('l') }}
    </h2>
    <ul role="list" class="grid grid-cols-1 gap-4 lg:grid-cols-3">

        @foreach ($user_accesses as $branch)
            <li class="overflow-hidden border border-stone-200 rounded-xl">
                <div class="flex items-center px-4 py-6 border-b gap-x-4 border-stone-900/5 bg-stone-50">
                    <div class="text-lg font-medium leading-6 text-stone-900">{{ $branch->note }}
                        <br><span class="text-sm text-stone-500">{{ Auth::user()->currentTeam->name }}</span>
                    </div>
                    <div class="relative ml-auto">
                        <button type="button" class="-m-2.5 block p-2.5 text-stone-400 hover:text-stone-500"
                            id="options-menu-1-button" aria-expanded="false" aria-haspopup="true">
                            <span class="sr-only">Open options</span>
                            <svg class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                <path
                                    d="M3 10a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM8.5 10a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM15.5 8.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" />
                            </svg>
                        </button>
                    </div>
                </div>
                <dl class="p-4 text-sm leading-6 divide-y divide-stone-100">
                    <div class="grid gap-2 py-3">
                        <div class="flex items-center justify-between">
                            <dt class="font-medium text-stone-600">DOLU MASALAR
                            <dt class="text-stone-400">{{ $branch->tables->count() }}\<span
                                    class="text-2xl font-medium text-emerald-500">{{ $branch->sales->count() }}</span>
                            </dt>
                        </div>
                        <div class="grid grid-cols-5 gap-2 sm:grid-cols-6 place-content-start">
                            @foreach ($branch->sales as $sale)
                                <div
                                    class="px-2 py-1 text-xs font-medium text-green-700 uppercase rounded-md bg-green-50 ring-1 ring-inset ring-green-600/20">
                                    {{ $sale->table->name }}
                                </div>
                            @endforeach
                        </div>
                    </div>

                    <div class="flex items-center justify-between py-3 gap-x-4">
                        <dt class="font-medium text-stone-600">DOLULUK ORANI
                        <dt
                            class="flex items-center {{ $branch->capacity_rate > 35 ? 'text-emerald-500' : 'text-amber-500' }} font-medium text-2xl">
                            %{{ number_format($branch->capacity_rate, 0) }}</dt>
                    </div>
                    <div class="grid py-3">
                        <div class="flex items-center justify-between">
                            <dt class="font-medium text-stone-600">AÇILAN ADİSYON</dt>
                            <dt class="flex items-center text-xl text-stone-600">
                                <span class="pr-1 material-symbols-rounded">
                                    receipt_long
                                </span>
                                {{ $branch->todaySalesAll->count() == null ? '' : $branch->todaySalesAll->count() }}
                            </dt>
                        </div>
                        <div class="flex items-center justify-between">
                            <dt class="text-xs text-stone-400">{{ $today_name }} günleri ort.</dt>
                            <dt class="text-stone-400">
                                {{ number_format($branch->calculateAverageSalesCount($branch->service_id), 0, ',', '.') }}
                            </dt>
                        </div>
                    </div>
                    <div class="grid py-3">
                        <div class="flex items-center justify-between">
                            <dt class="font-medium text-stone-600">ADİSYON DEĞERİ</dt>
                            @if ($branch->todaySalesAll->count() > 0)
                                @if (
                                    $branch->todaySalesAll->sum('net_price') / $branch->todaySalesAll->count() >
                                        $branch->calculateAverageSalesNetPrice($branch->service_id))
                                    <dt
                                        class="flex items-center text-xl font-medium text-emerald-500 whitespace-nowrap">
                                        <span class="material-symbols-rounded">
                                            stat_2
                                        </span>
                                        {{ number_format($branch->todaySalesAll->sum('net_price') / $branch->todaySalesAll->count(), 2, ',', '.') }}₺
                                    </dt>
                                @else
                                    <dt class="flex items-center text-xl text-stone-600 whitespace-nowrap">
                                        {{ number_format($branch->todaySalesAll->sum('net_price') / $branch->todaySalesAll->count(), 2, ',', '.') }}₺
                                    </dt>
                                @endif
                            @else
                                <dt class="flex items-center text-xl text-stone-600 whitespace-nowrap">
                                    {{ number_format(0, 2, ',', '.') }}₺
                                </dt>
                            @endif
                        </div>
                        <div class="flex items-center justify-between">
                            <dt class="text-xs text-stone-400">{{ $today_name }} günleri ort.</dt>
                            <dt class="text-stone-400 whitespace-nowrap">
                                {{ number_format($branch->calculateAverageSalesNetPrice($branch->service_id), 2, ',', '.') }}
                                ₺
                            </dt>
                        </div>
                    </div>
                    <div class="grid py-3">
                        <div class="flex items-center justify-between">
                            <dt class="font-medium text-stone-600">SATIŞLAR<span
                                    class="pl-1 text-xs text-stone-400">(açık masalar dahil)</span></dt>
                            @if ($branch->todaySalesAll->sum('net_price') > $branch->calculateAveragePastSales($branch->service_id))
                                <dt class="flex items-center text-xl font-medium text-emerald-500 whitespace-nowrap">
                                    <span class="material-symbols-rounded">
                                        stat_2
                                    </span>
                                    {{ number_format($branch->todaySalesAll->sum('net_price'), 2, ',', '.') }}
                                    ₺
                                </dt>
                            @else
                                <dt class="flex items-center text-xl text-stone-600 whitespace-nowrap">
                                    {{ number_format($branch->todaySalesAll->sum('net_price'), 2, ',', '.') }}
                                    ₺
                                </dt>
                            @endif
                        </div>
                        <div class="flex items-center justify-between">
                            <dt class="text-xs text-stone-400">{{ $today_name }} günleri ort.</dt>
                            <dt class="text-stone-400 whitespace-nowrap">
                                {{ number_format($branch->calculateAveragePastSales($branch->service_id), 2, ',', '.') }}
                                ₺</dt>
                        </div>
                    </div>
                </dl>
            </li>
        @endforeach
        {{-- <li class="grid overflow-hidden border border-stone-200 place-items-center rounded-xl">
            @include('components.empty-plant', [
            'title' => 'Yeni şubeniz burada görünecek!',
            'content' => ''
            ])
        </li>
        --}}
    </ul>

</div>