@extends('layouts.app')
@section('title', 'Dashboard')
@section('page', 'dashboard')
@section('content')
<section class="hello">
  <div>
    <h1>{{ greeting() }}, {{ auth()->user()->first_name }}</h1>
    <p>{{ $summary }}</p>
  </div>
  <div class="actions">
    <a class="btn btn-ai" href="{{ route('portal.approvals.index') }}"><i data-icon="check-circle"></i>Review approvals</a>
    @if ($showInvoices && $open->count())
    <a class="btn" href="{{ route('portal.invoices.show', $open->first()) }}"><i data-icon="card"></i>Pay invoice</a>
    @endif
  </div>
</section>

<section class="stats" aria-label="Summary">
  <div class="stat"><div class="label"><i data-icon="folder"></i>Active projects</div><div class="value">{{ $active->count() }}</div><div class="sub">{{ $completedThisYear }} completed this year</div></div>
  <div class="stat"><div class="label"><i data-icon="check-circle"></i>Waiting for you</div><div class="value">{{ $waiting->count() }}</div><div class="sub {{ $dueSoon ? 'warn' : '' }}">{{ $dueSoon ? $dueSoon.' due by tomorrow' : 'Nothing urgent' }}</div></div>
  <div class="stat"><div class="label"><i data-icon="message"></i>Unread messages</div><div class="value">{{ $unread }}</div><div class="sub">{{ $lastReply ? 'Last reply '.strtolower(ago($lastReply->created_at)) : 'No replies yet' }}</div></div>
  @if ($showInvoices)
  <div class="stat"><div class="label"><i data-icon="receipt"></i>Amount due</div><div class="value tnum">{{ money($amountDue) }}</div><div class="sub">{{ $open->count() ? 'Due '.d_long($open->first()->due_date) : 'Nothing to pay' }}</div></div>
  @else
  <div class="stat"><div class="label"><i data-icon="file"></i>Files shared</div><div class="value">{{ \App\Models\ProjectFile::visibleTo(auth()->user())->count() }}</div><div class="sub">Across all projects</div></div>
  @endif
</section>

<div class="grid g-main">
  <div class="stack">
    <section class="panel">
      <div class="panel-head"><h2>Your projects</h2><a href="{{ route('portal.projects.index') }}">View all</a></div>
      @forelse ($active->take(3) as $p)
        @php
          $wait = $p->approvals->firstWhere('status', 'waiting');
          $ms = $p->currentMilestone();
          $line = $p->status === 'in_review' && $wait ? 'Waiting for your approval on the '.lcfirst($wait->title)
              : ($ms ? ucfirst(preg_replace('/^(UI|Visual) /', '', $ms->name)).' stage'.($ms->due_date ? ', next milestone '.d_short($ms->due_date) : '') : $p->summary);
        @endphp
        <a class="list-item" href="{{ route('portal.projects.show', $p) }}">
          <span class="proj-kind" style="background:{{ $p->color }}"><i data-icon="{{ $p->icon }}"></i></span>
          <div class="grow"><strong>{{ $p->name }}</strong><div class="meta">{{ $line }}</div>
            <div class="prog-row mt-8"><div class="progress {{ $p->progressClass() }}"><span style="width:{{ $p->progress }}%"></span></div><b>{{ $p->progress }}%</b></div></div>
          {{ badge($p->statusLabel(), $p->statusClass()) }}
        </a>
      @empty
        <div class="empty"><strong>No active projects</strong>New projects from {{ agency()->name }} will appear here.</div>
      @endforelse
    </section>

    <section class="panel">
      <div class="panel-head"><h2>Recent activity</h2><a href="{{ route('portal.notifications') }}">See everything</a></div>
      <ul class="activity">
        @forelse ($activity as $a)
          <li>{{ av($a->causer, 'sm') }}<div class="grow">{{ \App\Support\ActivityPresenter::line($a, auth()->user()) }}<time>{{ d_smart($a->created_at, true) }}</time></div></li>
        @empty
          <li><div class="grow muted">No activity yet.</div></li>
        @endforelse
      </ul>
    </section>
  </div>

  <div class="stack">
    <section class="panel">
      <div class="panel-head"><h2>Needs your approval</h2><a href="{{ route('portal.approvals.index') }}">All approvals</a></div>
      @forelse ($waiting->take(3) as $i => $a)
        <a class="list-item" href="{{ route('portal.approvals.show', $a) }}"><span class="ic-box {{ $i === 0 ? 'amber' : '' }}"><i data-icon="{{ $a->icon }}"></i></span><div class="grow"><strong>{{ $a->title }}</strong><div class="meta">{{ $a->project->name }}, {{ $a->dueText() }}</div></div></a>
      @empty
        <div class="empty"><strong>You're all caught up</strong>Nothing is waiting for your approval.</div>
      @endforelse
    </section>

    <section class="panel">
      <div class="panel-head"><h2>Coming up</h2></div>
      <ul class="activity">
        @if ($showInvoices && $open->count())
        <li><span class="ic-box gray"><i data-icon="calendar"></i></span><div class="grow"><strong>Invoice {{ $open->first()->number }} due</strong><time>{{ d_long($open->first()->due_date) }}</time></div></li>
        @endif
        @foreach ($upcoming as $m)
        <li><span class="ic-box gray"><i data-icon="flag"></i></span><div class="grow"><strong>{{ \Illuminate\Support\Str::before($m->project->name, ' (') }}: {{ strtolower($m->name) }}</strong><time>{{ d_long($m->due_date) }}</time></div></li>
        @endforeach
        @if (! ($showInvoices && $open->count()) && $upcoming->isEmpty())
        <li><div class="grow muted">Nothing scheduled yet.</div></li>
        @endif
      </ul>
    </section>

    @if (agency()->assistant?->enabled && agency()->setting('show_assistant'))
    <section class="panel panel-body">
      <div class="row"><span class="spark"><i data-icon="sparkles"></i></span><div><strong>Have a quick question?</strong><div class="small muted">{{ agency()->assistant->name }} knows your projects and invoices.</div></div></div>
      <button class="btn btn-block mt-16" data-open-bot>Ask {{ agency()->assistant->name }}</button>
      <a class="btn btn-ghost btn-block mt-8" href="{{ route('portal.help') }}">Browse help articles</a>
    </section>
    @endif
  </div>
</div>
@endsection