@extends('layouts.app')
@section('title', $client->company_name)
@section('page', 'clients')
@section('content')
@php $owner = $contacts->first(); $nextDue = $open->sortBy('due_date')->first(); $u = auth()->user(); @endphp
<a class="back" href="{{ route('admin.clients.index') }}"><i data-icon="arrow-left"></i>All clients</a>
<div class="page-head">
  <div class="row" style="gap:16px">{{ av($client, 'lg', true) }}<div><h1>{{ $client->company_name }} {{ match ($client->status) { 'active' => badge('Active', 'b-green'), 'onboarding' => badge('Onboarding', 'b-blue'), default => badge('Inactive') } }}</h1><p>Client since {{ $client->client_since?->format('F Y') }}.@if ($owner) Main contact {{ $owner->name }}, {{ $owner->email }}@endif</p></div></div>
  <div class="actions">
    <form method="POST" action="{{ route('admin.clients.view-as', $client) }}">@csrf<button class="btn"><i data-icon="eye"></i>View their portal</button></form>
    <a class="btn" href="{{ route('admin.messages.index', ['client' => $client->id]) }}"><i data-icon="message"></i>Message</a>
    @if ($u->allows('manage_invoices'))<a class="btn btn-primary" href="{{ route('admin.invoices.create', ['client' => $client->id]) }}"><i data-icon="receipt"></i>Create invoice</a>@endif
  </div>
</div>
<section class="stats">
  <div class="stat"><div class="label">Active projects</div><div class="value">{{ $client->projects->where('status', '!=', 'completed')->count() }}</div></div>
  <div class="stat"><div class="label">Billed to date</div><div class="value tnum">{{ money($billed) }}</div></div>
  <div class="stat"><div class="label">Outstanding</div><div class="value tnum">{{ money($open->sum(fn ($i) => $i->balance())) }}</div>@if ($nextDue)<div class="sub">Due {{ d_short($nextDue->due_date) }}</div>@endif</div>
  <div class="stat"><div class="label">Avg. approval time</div><div class="value">{{ $avgApproval !== null ? $avgApproval.' days' : 'None yet' }}</div></div>
</section>
<div class="tabs" data-tabs>
  <button class="tab active" data-tab="c-projects">Projects</button><button class="tab" data-tab="c-invoices">Invoices</button><button class="tab" data-tab="c-contacts">Contacts</button><button class="tab" data-tab="c-notes">Internal notes</button>
</div>
<div class="tab-panel active" id="c-projects"><section class="panel"><div class="table-wrap"><table class="table">
  <thead><tr><th>Project</th><th>Manager</th><th>Progress</th><th>Due</th><th>Status</th></tr></thead>
  <tbody>
    @forelse ($client->projects->sortBy(fn ($p) => $p->status === 'completed') as $p)
    <tr><td><a class="strong" href="{{ route('admin.projects.show', $p) }}">{{ $p->name }}</a></td><td>{{ $p->manager?->name }}</td><td><div class="prog-row"><div class="progress {{ $p->progressClass() }}"><span style="width:{{ $p->progress }}%"></span></div><b>{{ $p->progress }}%</b></div></td><td>{{ $p->due_date ? d_long($p->due_date) : 'TBC' }}</td><td>@php [$l, $c] = $p->adminBadge(); @endphp{{ badge($l, $c) }}</td></tr>
    @empty
    <tr class="empty-row"><td colspan="5">No projects yet.@if ($u->allows('manage_projects')) <a href="#" data-open="project-modal">Create the first one</a>.@endif</td></tr>
    @endforelse
  </tbody></table></div></section></div>
<div class="tab-panel" id="c-invoices"><section class="panel"><div class="table-wrap"><table class="table">
  <thead><tr><th>Invoice</th><th>Project</th><th>Due</th><th class="right">Amount</th><th>Status</th></tr></thead>
  <tbody>
    @forelse ($client->invoices->sortByDesc('number') as $inv)
    <tr><td><a class="strong" href="{{ route('admin.invoices.show', $inv) }}">{{ $inv->number }}</a></td><td>{{ $inv->project?->name }}</td><td>{{ $inv->due_date ? d_short($inv->due_date) : '' }}</td><td class="right tnum">{{ money($inv->total, $inv->currency) }}</td><td>@php [$l, $c] = $inv->adminBadge(); @endphp{{ badge($l, $inv->isOpen() && ! $inv->isOverdue() ? 'b-amber' : $c) }}</td></tr>
    @empty
    <tr class="empty-row"><td colspan="5">No invoices yet.</td></tr>
    @endforelse
  </tbody></table></div></section></div>
<div class="tab-panel" id="c-contacts"><section class="panel">
  @foreach ($contacts as $c)
    @php $rights = collect([$c->job_title, $c->is_client_owner ? 'owner' : null, $c->can_approve && $c->can_see_invoices ? 'can approve and pay' : ($c->can_approve ? 'can approve' : ($c->can_see_invoices ? 'sees invoices' : null))])->filter()->implode(', '); @endphp
    <div class="list-item">{{ av($c) }}<div class="grow"><strong>{{ $c->name }}</strong><div class="meta">{{ ucfirst($rights) }}</div></div>@if ($c->status === 'invited'){{ badge('Invite sent', 'b-amber') }}@else<span class="small muted">{{ $c->phone ?: $c->email }}</span>@endif</div>
  @endforeach
  @if ($invite)<div class="panel-foot small muted">Pending invitation link (demo): <a href="{{ route('invite.show', $invite->token) }}">{{ route('invite.show', $invite->token) }}</a></div>@endif
</section></div>
<div class="tab-panel" id="c-notes"><section class="panel panel-body">
  <p class="small muted" style="margin-bottom:12px">Only your team can see these notes.</p>
  @foreach ($client->notes as $n)
  <div class="comment">{{ av($n->user, 'sm') }}<div class="grow"><strong>{{ $n->user->name }}</strong> <time>{{ d_smart($n->created_at) }}</time><p>{{ $n->body }}</p></div></div>
  @endforeach
  <form method="POST" action="{{ route('admin.clients.note', $client) }}" class="mt-12" style="display:flex;flex-direction:column;gap:8px">@csrf<textarea class="input" name="body" placeholder="Add an internal note" required></textarea><button class="btn btn-sm" style="align-self:flex-end">Save note</button></form>
</section></div>
@if ($u->allows('manage_projects'))
  @include('admin.partials.project-modal', ['clientsForModal' => collect([$client]), 'selectedClient' => $client->id,
    'managers' => \App\Models\User::where('agency_id', $u->agency_id)->where('type', 'staff')->where('status', 'active')->whereIn('role', ['admin', 'project_manager', 'team_member'])->get()])
@endif
@endsection