@extends('layouts.admin')
@section('title', $client->company)
@section('crumbs')<a href="{{ route('admin.clients.index') }}">Clients</a> / {{ $client->company }}@endsection
@section('actions')
    <a href="{{ route('admin.clients.edit', $client) }}" class="btn btn-sm btn-ghost">Edit</a>
    @if(auth('admin')->user()->canAccess('proposals'))<a href="{{ route('admin.proposals.create', ['client' => $client->id]) }}" class="btn btn-sm btn-ghost">New proposal</a>@endif
    @if(auth('admin')->user()->canAccess('projects'))<a href="{{ route('admin.projects.create', ['client' => $client->id]) }}" class="btn btn-sm btn-ghost">New project</a>@endif
    @if(auth('admin')->user()->canAccess('finance'))<a href="{{ route('admin.invoices.create', ['client' => $client->id]) }}" class="btn btn-sm">New invoice</a>@endif
@endsection
@section('content')
<div class="grid g4">
    <x-kpi label="Billed (all time, incl. GST)" :value="inr($billed)" />
    <x-kpi label="Outstanding" :value="inr($outstanding)" />
    <x-kpi label="Projects" :value="$client->projects->count()" />
    <x-kpi label="Open tickets" :value="$client->tickets->where('status', '!=', 'closed')->count()" />
</div>
<div class="cols-main">
    <div class="stack" style="gap:24px;min-width:0">
        <section class="panel"><div class="panel-h"><h2 class="ht">Projects</h2></div>
            <div class="list">@forelse($client->projects as $p)<a href="{{ route('admin.projects.show', $p) }}" class="li" style="text-decoration:none;align-items:center"><span class="stack" style="flex:1;gap:4px"><span class="b">{{ $p->code }} · {{ $p->name }}</span><span class="bar" style="max-width:280px"><span style="width:{{ $p->progress }}%"></span></span></span><x-badge :status="$p->status" :label="\App\Models\Project::STATUSES[$p->status]" /></a>@empty<x-empty>No projects yet.</x-empty>@endforelse</div>
        </section>
        <section class="panel"><div class="panel-h"><h2 class="ht">Invoices</h2></div>
            <div class="tbl-wrap"><table class="tbl"><thead><tr><th>Number</th><th>Date</th><th class="num">Total</th><th class="num">Balance</th><th>Status</th></tr></thead><tbody>
            @forelse($client->invoices as $i)<tr><td><a href="{{ route('admin.invoices.show', $i) }}">{{ $i->number }}</a></td><td class="small">{{ $i->issue_date->format('j M Y') }}</td><td class="num">{{ inr($i->total) }}</td><td class="num">{{ inr($i->balance()) }}</td><td><x-badge :status="$i->status" /></td></tr>@empty<tr><td colspan="5"><x-empty>No invoices.</x-empty></td></tr>@endforelse
            </tbody></table></div>
        </section>
        <section class="panel"><div class="panel-h"><h2 class="ht">Proposals and tickets</h2></div>
            <div class="list small">
                @foreach($client->proposals as $p)<a href="{{ route('admin.proposals.show', $p) }}" class="li" style="text-decoration:none"><span style="flex:1">Proposal {{ $p->number }} · {{ $p->title }}</span><span class="tnum">{{ inr($p->total) }}</span><x-badge :status="$p->status" /></a>@endforeach
                @foreach($client->tickets as $t)<a href="{{ route('admin.tickets.show', $t) }}" class="li" style="text-decoration:none"><span style="flex:1">Ticket: {{ $t->subject }}</span><x-badge :status="$t->status" /></a>@endforeach
                @if($client->proposals->isEmpty() && $client->tickets->isEmpty())<x-empty>Nothing yet.</x-empty>@endif
            </div>
        </section>
    </div>
    <aside class="stack" style="gap:24px;min-width:0">
        <section class="panel"><div class="panel-h"><h2 class="ht">Details</h2><x-badge :status="$client->status" /></div>
            <div class="panel-b"><dl class="kv" style="grid-template-columns:110px 1fr">
                <dt>Contact</dt><dd>{{ $client->contact_name }}</dd><dt>Email</dt><dd>{{ $client->email }}</dd><dt>Phone</dt><dd>{{ $client->phone ?: '—' }}</dd>
                <dt>GSTIN</dt><dd>{{ $client->gstin ?: 'Not registered' }}</dd><dt>State</dt><dd>{{ $client->state }} ({{ $client->state_code }})</dd>
                <dt>GST type</dt><dd>{{ \App\Support\Gst::isInterstate($client->state_code) ? 'IGST (inter-state)' : 'CGST + SGST' }}</dd>
                <dt>Manager</dt><dd>{{ $client->accountManager?->name ?? '—' }}</dd>
            </dl>@if($client->notes)<p class="small muted" style="margin-top:12px;white-space:pre-line">{{ $client->notes }}</p>@endif</div>
        </section>
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Client portal access</h2></div>
            <div class="list small">@forelse($client->users as $u)
                <div class="li"><span class="av">{{ $u->initials() }}</span><span class="stack" style="flex:1;gap:2px"><span class="b">{{ $u->name }}</span><span class="xs muted">{{ $u->email }} · {{ $u->password ? ($u->last_login_at ? 'last in '.$u->last_login_at->diffForHumans() : 'never signed in') : 'invite pending' }}</span><span class="xs muted">{{ $u->can_approve ? 'Can approve' : 'View only' }} · {{ $u->can_see_invoices ? 'Sees invoices' : 'No invoices' }}</span></span>
                    <form method="post" action="{{ route('admin.clients.users.destroy', [$client, $u]) }}" data-confirm="Remove portal access for {{ $u->name }}?">@csrf @method('DELETE')<button class="link-btn xs muted">Remove</button></form></div>
            @empty<x-empty>No one invited yet.</x-empty>@endforelse</div>
            <form method="post" action="{{ route('admin.clients.invite', $client) }}" class="panel-b stack" style="gap:10px;border-top:1px solid var(--line-2)">
                @csrf
                <span class="label">Invite someone</span>
                <input name="name" class="input input-sm" placeholder="Name" required>
                <input name="email" type="email" class="input input-sm" placeholder="Email" required>
                <input name="phone" class="input input-sm" placeholder="WhatsApp number (optional)">
                <label class="check"><input type="checkbox" name="can_approve" value="1" checked> <span>Can approve work</span></label>
                <label class="check"><input type="checkbox" name="can_see_invoices" value="1" checked> <span>Can see and pay invoices</span></label>
                <button class="btn btn-sm">Send invite</button>
            </form>
        </section>
    </aside>
</div>
@endsection