@extends('layouts.app')

@section('content')

    {{--İŞLEV ÇUBUĞU--}}
    <header class="bg-gradient-to-b from-stone-100 to-white shadow tracking-tight">
        <div class="lg:divide-y lg:divide-gray-200">
            <nav class="hidden lg:flex divide-x" aria-label="Global">
                <div class="bg-gradient-to-b from-stone-600 to-stone-500 ps-2.5 pe-4 py-1.5 text-sm text-stone-50 shadow-sm rounded-e-2xl">BU HAFTA
                </div>
                <a href="#" type="button" class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Yazdır</a>
            </nav>
        </div>
    </header>

    <div class="">
        <main>
            <div class="mx-auto max-w-screen-7xl px-4 pt-4 pb-60 sm:px-6 lg:px-8">
                {{--ÜST MENÜ--}}
                <div class="text-stone-700">
                    <dl class="mt-5 grid grid-cols-2 gap-5 sm:grid-cols-4">
                        {{--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-5 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-5 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-5 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>
                {{--TAKVİM--}}
                <div
                    class="mx-auto bg-white rounded-xl border-stone-200 p-3 grid max-w-7xl grid-cols-1 grid-rows-1 items-start gap-4 lg:mx-0 lg:max-w-none lg:grid-cols-8 mt-6">
                    @for($date = \Carbon\Carbon::parse($start_date); $date->lte(\Carbon\Carbon::parse($end_date)); $date->addDay())
                        <div class="grid gap-4 {{ $date->format('d.m.Y') == now()->format('d.m.Y') ? 'col-span-2' : 'col-span-1' }} text-center mb-2">

                            <div class="flex justify-between items-center">
                                <div
                                    class="text-stone-400 {{ $date->format('d.m.Y') == now()->format('d.m.Y') ? 'text-xl font-bold text-stone-700' : 'text-xs' }}">
                                    {{ $date->locale('tr')->translatedFormat('d F Y, l') }}efwefe</div>
                                    {{ $date->locale('tr')->translatedFormat('d F Y, l') }}efwefe</div>
                                <div>
                                    <div x-data="{ open: false }" x-cloak="" class="relative inline-block text-left">
                                        <div>
                                            <button @click="open = !open" type="button"
                                                    class="flex items-center rounded-full text-gray-400 hover:text-gray-600 focus:ring-2"
                                                    id="menu-button" aria-expanded="true" aria-haspopup="true">
                                                <span class="sr-only">Open options</span>
                                                <span class="material-symbols-rounded text-lg text-stone-600">
                                                    add
                                                </span>
                                            </button>
                                        </div>
                                        <div x-show="open" @click.away="open = false"
                                             class="absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white ring-1 shadow-lg ring-black/5 focus:outline-hidden"
                                             role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
                                            <div class="py-1" role="none">
                                                <a href="{{ route('opportunities.create') }}"
                                                   class="flex items-center px-4 py-1 gap-1.5 text-sm text-stone-600 hover:bg-stone-50 transition-all"
                                                   role="menuitem" tabindex="-1"
                                                   id="menu-item-0">
                                                    <span class="material-symbols-rounded text-lg text-stone-600">
                                                        hov
                                                    </span>
                                                    İletişim Ekle
                                                </a>
                                                <a href="{{ route('offers.create') }}"
                                                   class="flex items-center px-4 py-1 gap-1.5 text-sm text-stone-600 hover:bg-stone-50 transition-all"
                                                   role="menuitem" tabindex="-1"
                                                   id="menu-item-0">
                                                    <span class="material-symbols-rounded text-lg text-stone-600">
                                                        article
                                                    </span>
                                                    Teklif Ekle
                                                </a>
                                                <a href="#"
                                                   class="flex items-center px-4 py-1 gap-1.5 text-sm text-stone-600 hover:bg-stone-50 transition-all"
                                                   role="menuitem" tabindex="-1"
                                                   id="menu-item-0">
                                                    <span class="material-symbols-rounded text-lg text-stone-600">
                                                        keep
                                                    </span>
                                                    Not Ekle
                                                </a>
                                                <a href="#"
                                                   class="flex items-center px-4 py-1 gap-1.5 text-sm text-stone-600 hover:bg-stone-50 transition-all"
                                                   role="menuitem" tabindex="-1"
                                                   id="menu-item-0">
                                                    <span class="material-symbols-rounded text-lg text-stone-600">
                                                        dialogs
                                                    </span>
                                                    Yapılacak Ekle
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @if($opp->where('date', $date->toDateString())->count() > 0)
                                <div class="relative bg-stone-50 border border-stone-200 rounded-lg p-3">
                                    <label for="name" class="absolute -top-2 left-2 inline-block px-1 text-xs text-stone-400">İletişimler</label>
                                    <div class="grid gap-3">
                                        @foreach($opp->where('date', $date->toDateString()) as $opportunity)
                                            <div class="grid gap-0.5">
                                                <div class="flex col-span-1 text-center text-xs">
                                                    <div>{{ $opportunity->contact }}</div>
                                                </div>
                                                <div class="text-xs text-left text-stone-600">{{ $opportunity->company->name }}</div>
                                                <div class="text-xs italic text-left text-stone-400 normal-case">{{ $opportunity->content }}</div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                            @if($offers->where('date', $date->toDateString())->count() > 0)
                                <div class="relative bg-amber-50 border border-amber-200 rounded-lg p-3">
                                    <label for="name" class="absolute -top-2 left-2 inline-block px-1 text-xs text-amber-600">Teklifler</label>
                                    <div class="grid gap-1">
                                        @foreach($offers->where('date', $date->toDateString()) as $offer)
                                            <div>
                                                <div class="flex justify-between col-span-1 text-center text-xs">
                                                    <div>{{ $offer->company->name }}</div>
                                                    <div>{{ number_format($offer->trl_total, 0, ',', '.') }}<span class="text-stone-500">₺</span>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                            @if($deals->where('date', $date->toDateString())->count() > 0)
                                <div class="relative bg-emerald-50 border border-emerald-200 rounded-lg p-3">
                                    <label for="name" class="absolute -top-2 left-2 inline-block px-1 text-xs text-emerald-600">Anlaşmalar</label>
                                    <div class="grid gap-1">
                                        @foreach($deals->where('date', $date->toDateString()) as $deal)
                                            <div>
                                                <div class="flex justify-between col-span-1 text-center text-xs">
                                                    <div>{{ $deal->company->name }}</div>
                                                    <div>{{ number_format($deal->value, 0, ',', '.') }}<span
                                                            class="text-stone-500">{{ $deal->currency }}</span></div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                        </div>
                    @endfor
                </div>
            </div>
        </main>
    </div>

@endsection

@section('scripts')

@endsection