@extends('layouts.app')
@section('title', 'Dashboard')

@section('content')
    <x-page-header :title="'Good '.(now()->hour < 12 ? 'morning' : (now()->hour < 18 ? 'afternoon' : 'evening')).', '.\Illuminate\Support\Str::before(auth()->user()->name, ' ')"
                   lede="Here's where things stand.">
        <x-slot:actions>
            @can('create', \App\Models\Lead::class)
                <a class="btn secondary" href="{{ route('app.leads.create') }}">New lead</a>
            @endcan
            @can('create', \App\Models\Opportunity::class)
                <a class="btn primary" href="{{ route('app.deals.create') }}">New deal</a>
            @endcan
        </x-slot:actions>
    </x-page-header>

    <div class="grid stats" style="margin-bottom:16px">
        <x-stat label="Open pipeline" :value="money($pipelineValue, $currency)"
                :note="$openDealCount.' open '.\Illuminate\Support\Str::plural('deal', $openDealCount)" />
        <x-stat label="Weighted" :value="money($weightedValue, $currency)" note="Discounted by stage probability" />
        <x-stat label="Won this month" :value="money($wonValue, $currency)"
                :note="$wonCount.' closed'" tone="up" />
        <x-stat label="Open leads" :value="number_format($openLeads)" :note="number_format($contactCount).' contacts'" />
    </div>

    <div class="grid two">
        <x-card title="Needs attention">
            <x-slot:head>
                <a class="small" href="{{ route('app.tasks.index', ['due' => 'overdue']) }}">All tasks</a>
            </x-slot:head>

            @if ($overdueTasks->isEmpty() && $todayTasks->isEmpty() && $rotting->isEmpty())
                <p class="muted small" style="margin:0">Nothing overdue and nothing going stale. Good place to be.</p>
            @endif

            @if ($overdueTasks->isNotEmpty())
                <div class="eyebrow" style="margin-bottom:8px">Overdue</div>
                @foreach ($overdueTasks as $task)
                    <div class="row between" style="padding:7px 0;border-bottom:1px solid var(--line)">
                        <span>{{ $task->title }}</span>
                        <span class="small" style="color:var(--negative)">{{ $task->due_at->diffForHumans() }}</span>
                    </div>
                @endforeach
            @endif

            @if ($todayTasks->isNotEmpty())
                <div class="eyebrow" style="margin:16px 0 8px">Due today</div>
                @foreach ($todayTasks as $task)
                    <div class="row between" style="padding:7px 0;border-bottom:1px solid var(--line)">
                        <span>{{ $task->title }}</span>
                        <span class="small muted">{{ $task->due_at->format('H:i') }}</span>
                    </div>
                @endforeach
            @endif

            @if ($rotting->isNotEmpty())
                {{-- Deals that have sat in one stage longer than that stage allows.
                     This is the number a sales manager actually acts on. --}}
                <div class="eyebrow" style="margin:16px 0 8px">Going stale</div>
                @foreach ($rotting as $deal)
                    <div class="row between" style="padding:7px 0;border-bottom:1px solid var(--line)">
                        <a href="{{ route('app.deals.show', $deal) }}">{{ $deal->name }}</a>
                        <span class="small" style="color:var(--warning)">
                            {{ (int) $deal->stage_changed_at->diffInDays(now()) }}d in {{ $deal->stage?->name }}
                        </span>
                    </div>
                @endforeach
            @endif
        </x-card>

        <x-card title="Recent activity">
            @include('partials.timeline', ['timeline' => $recent])
        </x-card>
    </div>

    @if (! $usage['contacts']['unlimited'] && $usage['contacts']['percent'] >= 80)
        <div class="alert warn" style="margin-top:16px">
            You have used {{ number_format($usage['contacts']['used']) }} of
            {{ number_format($usage['contacts']['limit']) }} contacts on your plan.
            <a href="{{ route('app.billing.plans') }}">See your options</a>.
        </div>
    @endif
@endsection