@extends('layouts.app')

@section('headScripts')

@endsection

@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">SATIŞ
                    RAPORU
                </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">

                <div>
                    <dl class="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
                        <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow-sm sm:p-6">
                            <dt class="truncate text-sm font-medium text-gray-500">İletişimler</dt>
                            <dd class="mt-1 text-3xl font-semibold tracking-tight text-gray-900">{{ count($opp) }}</dd>
                        </div>
                        <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow-sm sm:p-6">
                            <dt class="truncate text-sm font-medium text-gray-500">Teklifler</dt>
                            <dd class="mt-1 text-3xl font-semibold tracking-tight text-gray-900">{{ count($offers) }}</dd>
                        </div>
                        <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow-sm sm:p-6">
                            <dt class="truncate text-sm font-medium text-gray-500">Anlaşmalar</dt>
                            <dd class="mt-1 text-3xl font-semibold tracking-tight text-gray-900">{{ $deals_sum }}</dd>
                        </div>
                    </dl>
                </div>

                <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-7 mt-6">

                    @for( $date = $start_date; $date <= $end_date; $date++ )
                        <div class="grid gap-4 col-span-1 text-center mb-2">
                            <div class="text-stone-400">{{ \Carbon\Carbon::parse($date)->format('d.m.Y') }}</div>
                            @if(count($opp->where('date', $date)) > 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>
                                    @foreach($opp->where('date', $date) as $opportunity)
                                        <div class="flex gap-4 col-span-1 text-center text-xs">
                                            <div>{{ $opportunity->contact }}</div>
                                        </div>
                                        <div class="text-xs text-left mt-1 text-stone-600">{{ $opportunity->company->name }}</div>
                                        <div class="text-xs italic text-left text-stone-400 normal-case mt-1">{{ $opportunity->additional_information }}</div>
                                    @endforeach
                                </div>
                            @endif
                            @if(count($offers->where('date', $date)) > 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>
                                    @foreach($offers->where('date', $date) as $offer)
                                        <div class="flex gap-4 col-span-1 text-center text-xs py-1">
                                            <div>{{ $offer->company->name }}</div>
                                            <div>{{ $offer->trl_total }}</div>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                            @if(count($deals->where('date', $date)) > 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>
                                    @foreach($deals->where('date', $date) as $deal)
                                        <div class="flex gap-4 col-span-1 text-center text-xs">
                                            <div>{{ $deal->company->name }}</div>
                                            <div>{{ $deal->value }}</div>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        </div>
                    @endfor

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

@endsection

@section('scripts')

@endsection