{{-- resources/views/admin/clients/index.blade.php --}}
@extends('admin.layouts.admin')
@section('title','Clients')
@section('page-title','Clients')

@section('admin-content')

<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;">
    <p style="font-size:0.82rem;color:#9ca3af;">{{ $clients->total() }} clients registered</p>
    <a href="{{ route('admin.clients.create') }}" class="btn btn-primary">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" style="width:0.85rem;height:0.85rem;"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>
        Add Client
    </a>
</div>

<div class="admin-card" style="padding:0;overflow:hidden;">
    <table class="data-table">
        <thead>
            <tr><th>Client</th><th>Email</th><th>Projects</th><th>Tickets</th><th>Invoices</th><th>Status</th><th>Actions</th></tr>
        </thead>
        <tbody>
            @forelse($clients as $c)
            <tr>
                <td>
                    <div style="font-weight:600;font-size:0.82rem;">{{ $c->display_name }}</div>
                    @if($c->company_name && $c->contact_name !== $c->company_name)
                    <div style="font-size:0.7rem;color:#9ca3af;">{{ $c->contact_name }}</div>
                    @endif
                </td>
                <td style="font-size:0.78rem;color:#6b7280;">{{ $c->email }}</td>
                <td style="text-align:center;"><span class="pill pill-blue">{{ $c->projects_count }}</span></td>
                <td style="text-align:center;"><span class="pill {{ $c->tickets_count > 0 ? 'pill-yellow' : 'pill-green' }}">{{ $c->tickets_count }}</span></td>
                <td style="text-align:center;"><span class="pill pill-blue">{{ $c->invoices_count }}</span></td>
                <td><span class="pill {{ $c->is_active ? 'pill-green' : 'pill-red' }}">{{ $c->is_active ? 'Active' : 'Inactive' }}</span></td>
                <td>
                    <div style="display:flex;gap:0.4rem;">
                        <a href="{{ route('admin.clients.show',$c) }}" class="btn btn-outline btn-sm">View</a>
                        <a href="{{ route('admin.clients.edit',$c) }}" class="btn btn-outline btn-sm">Edit</a>
                        <form action="{{ route('admin.clients.destroy',$c) }}" method="POST" onsubmit="return confirm('Deactivate {{ $c->display_name }}?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm">{{ $c->is_active ? 'Deactivate' : 'Deactivated' }}</button>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center;padding:3rem;color:#9ca3af;">No clients yet. <a href="{{ route('admin.clients.create') }}" style="color:#2d3aff;font-weight:600;">Add first client →</a></td></tr>
            @endforelse
        </tbody>
    </table>
</div>

@if($clients->hasPages())
<div style="margin-top:1rem;">{{ $clients->links() }}</div>
@endif

@endsection