@extends('layouts.finance')

@section('title', 'Clients')
@section('subtitle', 'Clients, the work you do for them, and what they owe')

@section('content')
    <section class="card mb">
        <div class="section-head">
            <h2>Clients</h2>
            <div>
                <a class="btn" href="{{ route('clients.invoices.create') }}">+ New Invoice</a>
                <a class="btn btn-primary" href="{{ route('clients.create') }}">+ Add Client</a>
            </div>
        </div>
        <div class="card-pad">
            <form method="GET" action="{{ route('clients') }}" class="row-form">
                <div>
                    <label class="label">Search</label>
                    <input class="field" name="q" value="{{ request('q') }}" placeholder="Name, company or email">
                </div>
                <button class="btn">Filter</button>
            </form>
        </div>
    </section>

    <section class="card">
        <table>
            <thead>
            <tr>
                <th>Client</th>
                <th>Contact</th>
                <th>Work</th>
                <th class="right">Invoices</th>
                <th class="right">Outstanding</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @forelse($clients as $client)
                <tr>
                    <td>
                        <a href="{{ route('clients.show', $client) }}"><strong>{{ $client->name }}</strong></a>
                        @if($client->company)
                            <div class="muted text-xs">{{ $client->company }}</div>
                        @endif
                        @unless($client->is_active)
                            <div class="muted text-xs">Inactive</div>
                        @endunless
                    </td>
                    <td>
                        <div>{{ $client->phone ?: '—' }}</div>
                        <div class="muted text-xs">{{ $client->email }}</div>
                    </td>
                    <td class="muted">{{ \Illuminate\Support\Str::limit($client->work_details, 60) ?: '—' }}</td>
                    <td class="right">{{ $client->invoices_count }}</td>
                    <td class="right">
                        @forelse($totals->get($client->id, collect()) as $row)
                            <div>{{ $row->currency }} {{ number_format((float) $row->outstanding, 2) }}</div>
                        @empty
                            <span class="muted">—</span>
                        @endforelse
                    </td>
                    <td class="actions">
                        <a class="btn btn-sm" href="{{ route('clients.show', $client) }}">Open</a>
                        <a class="btn btn-sm" href="{{ route('clients.invoices.create', ['client_id' => $client->id]) }}">Invoice</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="muted">No clients yet. Add one to start invoicing.</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="card-pad">{{ $clients->links() }}</div>
    </section>
@endsection