{{-- resources/views/admin/clients/show.blade.php --}}
@extends('admin.layouts.admin')
@section('title', $client->display_name)
@section('page-title', $client->display_name)

@section('admin-content')

<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:0.5rem;">
    <a href="{{ route('admin.clients.index') }}" style="font-size:0.8rem;color:#9ca3af;text-decoration:none;">← Back to Clients</a>
    <div style="display:flex;gap:0.5rem;">
        <a href="{{ route('admin.client-projects.create') }}?client_id={{ $client->id }}" class="btn btn-primary btn-sm">+ Add Project</a>
        <a href="{{ route('admin.invoices.create') }}?client_id={{ $client->id }}" class="btn btn-outline btn-sm">+ Create Invoice</a>
        <a href="{{ route('admin.clients.edit',$client) }}" class="btn btn-outline btn-sm">Edit</a>
    </div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;">

    {{-- Client info --}}
    <div class="admin-card">
        <h3 style="font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;margin-bottom:1rem;">Client Details</h3>
        <dl style="display:grid;gap:0.6rem;">
            @foreach([
                ['Contact', $client->contact_name],
                ['Company', $client->company_name ?: '—'],
                ['Email',   $client->email],
                ['Phone',   $client->phone ?: '—'],
                ['Industry',$client->industry ?: '—'],
                ['Status',  $client->is_active ? '✓ Active' : '✗ Inactive'],
                ['Portal',  $client->user ? $client->user->email : 'No account'],
            ] as [$label,$value])
            <div style="display:flex;justify-content:space-between;padding:0.4rem 0;border-bottom:1px solid #f9fafb;">
                <dt style="font-size:0.72rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;">{{ $label }}</dt>
                <dd style="font-size:0.8rem;color:#0f0f14;font-weight:500;text-align:right;">{{ $value }}</dd>
            </div>
            @endforeach
        </dl>
    </div>

    {{-- Quick stats --}}
    <div class="admin-card">
        <h3 style="font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;margin-bottom:1rem;">Overview</h3>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;">
            @foreach([
                ['Projects',  $client->projects->count(),                           '#2d3aff'],
                ['Open Tickets',$client->tickets->whereIn('status',['open','in_progress'])->count(),'#dc2626'],
                ['Invoices',  $client->invoices->count(),                           '#6366f1'],
                ['Paid',      $client->invoices->where('status','paid')->count(),   '#059669'],
            ] as [$label,$count,$color])
            <div style="background:#f8f8fa;border-radius:8px;padding:0.85rem;text-align:center;">
                <div style="font-family:'Fraunces',serif;font-size:1.5rem;font-weight:700;color:{{ $color }};">{{ $count }}</div>
                <div style="font-size:0.68rem;color:#9ca3af;margin-top:0.15rem;">{{ $label }}</div>
            </div>
            @endforeach
        </div>
        @if($client->notes)
        <div style="margin-top:1rem;padding:0.85rem;background:#fef9c3;border-radius:8px;border:1px solid #fde68a;">
            <p style="font-size:0.72rem;color:#854d0e;font-weight:600;margin-bottom:0.3rem;">Internal Notes</p>
            <p style="font-size:0.78rem;color:#374151;line-height:1.6;">{{ $client->notes }}</p>
        </div>
        @endif
    </div>
</div>

{{-- Projects --}}
@if($client->projects->count())
<div class="admin-card" style="margin-bottom:1rem;">
    <h3 style="font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;margin-bottom:1rem;">Projects</h3>
    <table class="data-table">
        <thead><tr><th>Title</th><th>Status</th><th>Progress</th><th>Deadline</th><th>Actions</th></tr></thead>
        <tbody>
            @foreach($client->projects as $p)
            <tr>
                <td style="font-weight:600;font-size:0.82rem;">{{ $p->title }}</td>
                <td><span class="pill" style="background:{{ $p->status_color }}18;color:{{ $p->status_color }};font-size:0.62rem;">{{ ucfirst(str_replace('_',' ',$p->status)) }}</span></td>
                <td>
                    <div style="display:flex;align-items:center;gap:0.5rem;">
                        <div style="flex:1;height:4px;background:#f3f4f6;border-radius:999px;overflow:hidden;">
                            <div style="height:100%;width:{{ $p->progress }}%;background:{{ $p->status_color }};border-radius:999px;"></div>
                        </div>
                        <span style="font-size:0.7rem;font-weight:600;color:#374151;">{{ $p->progress }}%</span>
                    </div>
                </td>
                <td style="font-size:0.75rem;color:{{ $p->deadline?->isPast() && $p->status!=='completed' ? '#dc2626' : '#6b7280' }};">
                    {{ $p->deadline?->format('d M Y') ?? '—' }}
                </td>
                <td><a href="{{ route('admin.client-projects.show',$p) }}" class="btn btn-outline btn-sm">Manage</a></td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endif

{{-- Recent invoices --}}
@if($client->invoices->count())
<div class="admin-card">
    <h3 style="font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;margin-bottom:1rem;">Invoices</h3>
    <table class="data-table">
        <thead><tr><th>Invoice #</th><th>Title</th><th>Total</th><th>Status</th><th>Actions</th></tr></thead>
        <tbody>
            @foreach($client->invoices as $inv)
            <tr>
                <td style="font-family:monospace;font-size:0.78rem;">{{ $inv->invoice_number }}</td>
                <td style="font-size:0.78rem;">{{ Str::limit($inv->title,30) }}</td>
                <td style="font-weight:600;font-size:0.82rem;">{{ $inv->currency_symbol }}{{ number_format($inv->total,2) }}</td>
                <td><span class="pill" style="background:{{ $inv->status_color }}18;color:{{ $inv->status_color }};font-size:0.62rem;">{{ ucfirst($inv->status) }}</span></td>
                <td><a href="{{ route('admin.invoices.show',$inv) }}" class="btn btn-outline btn-sm">View</a></td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endif

@endsection