@extends('layouts.app')
@section('title', $client->name)
@section('page-title', $client->name)
@section('page-subtitle', $client->sectorLabel() ? __($client->sectorLabel()) : __('Company file'))

@section('content')
<div class="w-full">

<div class="mb-5 flex items-center justify-between gap-3 flex-wrap">
    <a href="{{ route('tenant.clients.index') }}"
       class="inline-flex items-center gap-1.5 text-sm text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white transition">
        <svg class="w-4 h-4 rtl:scale-x-[-1]" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"/></svg>
        {{ __('All clients') }}
    </a>

    <div class="flex items-center gap-2">
        <a href="{{ route('tenant.clients.edit', $client) }}" class="btn-secondary text-sm">{{ __('Edit') }}</a>
        @if($client->isArchived())
            <form method="POST" action="{{ route('tenant.clients.restore', $client) }}">
                @csrf
                <button class="btn-secondary text-sm">{{ __('Restore') }}</button>
            </form>
        @else
            <form method="POST" action="{{ route('tenant.clients.archive', $client) }}"
                  onsubmit="return confirm('{{ __('Archive this company file?') }}')">
                @csrf
                <button class="btn-secondary text-sm">{{ __('Archive') }}</button>
            </form>
        @endif
    </div>
</div>

@if(session('status'))
    <div class="mb-4 px-4 py-2 rounded-xl bg-emerald-50 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300 text-sm">{{ session('status') }}</div>
@endif
@if(session('error'))
    <div class="mb-4 px-4 py-2 rounded-xl bg-rose-50 text-rose-700 dark:bg-rose-900/30 dark:text-rose-300 text-sm">{{ session('error') }}</div>
@endif

{{-- HERO --}}
<section class="card overflow-hidden mb-6">
    <div class="p-6 sm:p-8 flex flex-col sm:flex-row sm:items-center gap-5">
        <div class="w-16 h-16 rounded-2xl bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-200 flex items-center justify-center font-bold text-xl shrink-0">
            {{ $client->initials() }}
        </div>
        <div class="min-w-0 flex-1">
            <h1 class="text-2xl font-semibold tracking-tight text-slate-900 dark:text-white truncate">{{ $client->name }}</h1>
            <div class="mt-1 flex items-center gap-x-4 gap-y-1 flex-wrap text-xs text-slate-500 dark:text-slate-400">
                @if($client->legalFormLabel())<span>{{ $client->legalFormLabel() }}</span>@endif
                @if($client->sectorLabel())<span>{{ __($client->sectorLabel()) }}</span>@endif
                @if($client->sizeLabel())<span>{{ __($client->sizeLabel()) }}</span>@endif
                @if($client->founded_on)<span>{{ __('Founded') }}: {{ $client->founded_on->format('Y') }}</span>@endif
                @if($client->primary_currency)<span class="font-mono">{{ $client->primary_currency }}</span>@endif
                @if($client->isArchived())
                    <span class="px-1.5 py-0.5 rounded-md bg-slate-200 text-slate-700 dark:bg-slate-700 dark:text-slate-200">{{ __('Archived') }}</span>
                @endif
            </div>
        </div>

        <a href="{{ route('client.submissions.create', ['client' => $client->id]) }}" class="btn-primary text-sm inline-flex items-center gap-1.5 shrink-0">
            <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"/></svg>
            {{ __('New analysis') }}
        </a>
    </div>
</section>

<div class="grid grid-cols-1 lg:grid-cols-12 gap-6">
    {{-- ── LEFT — Timeline of analyses ───────────────────────────── --}}
    <div class="lg:col-span-8 space-y-4 min-w-0">
        <div class="flex items-center justify-between">
            <h2 class="text-base font-semibold text-slate-900 dark:text-white">{{ __('Chronological analyses') }}</h2>
            <span class="text-xs text-slate-500 dark:text-slate-400">{{ __(':n total', ['n' => $submissions->total()]) }}</span>
        </div>

        @if($submissions->isEmpty())
            <div class="card p-12 text-center">
                <div class="mx-auto w-12 h-12 rounded-2xl bg-slate-100 dark:bg-slate-800 text-slate-400 flex items-center justify-center mb-3">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg>
                </div>
                <div class="text-sm text-slate-700 dark:text-slate-200 font-medium">{{ __('No analyses yet for this client.') }}</div>
                <a href="{{ route('client.submissions.create', ['client' => $client->id]) }}" class="btn-primary text-xs mt-4 inline-flex items-center gap-1.5">{{ __('Start the first analysis') }}</a>
            </div>
        @else
            <div class="card overflow-hidden">
                <ul class="divide-y divide-slate-100 dark:divide-slate-800">
                    @foreach($submissions as $s)
                        @php $latest = $s->latestAnalysis; @endphp
                        <li class="px-5 sm:px-6 py-4 hover:bg-slate-50/50 dark:hover:bg-slate-800/30 transition-colors">
                            <div class="flex items-start gap-4">
                                <div class="shrink-0 mt-1.5 w-2 h-2 rounded-full bg-slate-400 dark:bg-slate-600"></div>
                                <div class="flex-1 min-w-0">
                                    <div class="flex items-center gap-2 flex-wrap">
                                        <a href="{{ route('tenant.submissions.show', $s) }}"
                                           class="text-sm font-semibold text-slate-900 dark:text-white truncate hover:underline">
                                            {{ $s->title ?: $s->original_name }}
                                        </a>
                                        <span class="text-[10px] uppercase tracking-wider px-1.5 py-0.5 rounded-md {{ $s->statusBadgeClass() }}">
                                            {{ $s->statusLabel() }}
                                        </span>
                                    </div>
                                    <div class="mt-1 text-xs text-slate-500 dark:text-slate-400 flex items-center gap-x-4 gap-y-1 flex-wrap">
                                        <span>{{ $s->created_at->format('Y-m-d H:i') }}</span>
                                        @if($latest)<span>{{ $latest->typeLabel() }}</span>@endif
                                        @if($latest?->finished_at)<span>{{ __('Finished') }}: {{ $latest->finished_at->diffForHumans() }}</span>@endif
                                    </div>
                                </div>
                                <div class="flex items-center gap-2 shrink-0">
                                    <a href="{{ route('tenant.submissions.show', $s) }}" class="btn-secondary text-xs">{{ __('Open') }}</a>
                                    @if($latest && in_array($latest->status, [\App\Models\FileAnalysis::STATUS_DONE, \App\Models\FileAnalysis::STATUS_AWAITING_REVISION], true))
                                        <a href="{{ route('tenant.analyses.compare', $latest) }}" class="btn-secondary text-xs">{{ __('Compare') }}</a>
                                    @endif
                                    <form method="POST" action="{{ route('tenant.submissions.duplicate', $s) }}" class="inline">
                                        @csrf
                                        <button class="btn-secondary text-xs" title="{{ __('Duplicate this analysis') }}">
                                            <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M8 16h8V8H8v8zM5 12V5a2 2 0 012-2h7"/></svg>
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>
            <div>{{ $submissions->links() }}</div>
        @endif
    </div>

    {{-- ── RIGHT — Identity rail ─────────────────────────────────── --}}
    <aside class="lg:col-span-4 space-y-4">
        <section class="card overflow-hidden">
            <div class="p-5 space-y-3.5 text-sm">
                <div>
                    <dt class="text-[11px] uppercase tracking-wider font-semibold text-slate-500 dark:text-slate-400">{{ __('Country') }}</dt>
                    <dd class="mt-0.5">{{ __(config('countries.list.'.($client->country_code ?: 'OTHER').'.label', '—')) }}</dd>
                </div>
                @if($client->vat_number)
                    <div>
                        <dt class="text-[11px] uppercase tracking-wider font-semibold text-slate-500 dark:text-slate-400">{{ __('VAT number') }}</dt>
                        <dd class="mt-0.5 font-mono text-xs">{{ $client->vat_number }}</dd>
                    </div>
                @endif
                @if($client->registration_number)
                    <div>
                        <dt class="text-[11px] uppercase tracking-wider font-semibold text-slate-500 dark:text-slate-400">{{ $client->registrationLabel() }}</dt>
                        <dd class="mt-0.5 font-mono text-xs">{{ $client->registration_number }}</dd>
                    </div>
                @endif
                @if($client->address_line1 || $client->city)
                    <div>
                        <dt class="text-[11px] uppercase tracking-wider font-semibold text-slate-500 dark:text-slate-400">{{ __('Address') }}</dt>
                        <dd class="mt-0.5 text-slate-700 dark:text-slate-200 leading-relaxed">
                            @if($client->address_line1){{ $client->address_line1 }}<br>@endif
                            @if($client->address_line2){{ $client->address_line2 }}<br>@endif
                            @if($client->postal_code || $client->city){{ trim($client->postal_code.' '.$client->city) }}<br>@endif
                            @if($client->country){{ $client->country }}@endif
                        </dd>
                    </div>
                @endif
            </div>
        </section>

        <section class="card overflow-hidden">
            <div class="p-5 space-y-3.5 text-sm">
                <h3 class="text-[11px] uppercase tracking-wider font-semibold text-slate-500 dark:text-slate-400">{{ __('Contact') }}</h3>
                @if($client->contact_person_name)
                    <div>
                        <dt class="text-xs text-slate-500 dark:text-slate-400">{{ __('Person') }}</dt>
                        <dd class="mt-0.5 text-slate-900 dark:text-white">
                            {{ $client->contact_person_name }}
                            @if($client->contact_person_role)
                                <span class="text-xs text-slate-500 dark:text-slate-400">· {{ $client->contact_person_role }}</span>
                            @endif
                        </dd>
                    </div>
                @endif
                @if($client->email)
                    <div>
                        <dt class="text-xs text-slate-500 dark:text-slate-400">{{ __('Email') }}</dt>
                        <dd class="mt-0.5"><a href="mailto:{{ $client->email }}" class="text-slate-900 dark:text-white hover:underline">{{ $client->email }}</a></dd>
                    </div>
                @endif
                @if($client->phone)
                    <div>
                        <dt class="text-xs text-slate-500 dark:text-slate-400">{{ __('Phone') }}</dt>
                        <dd class="mt-0.5 font-mono text-xs">{{ $client->phone }}</dd>
                    </div>
                @endif
            </div>
        </section>

        @if($client->notes)
            <section class="card overflow-hidden">
                <div class="p-5">
                    <h3 class="text-[11px] uppercase tracking-wider font-semibold text-slate-500 dark:text-slate-400 mb-2">{{ __('Notes') }}</h3>
                    <p class="text-sm text-slate-700 dark:text-slate-200 whitespace-pre-line">{{ $client->notes }}</p>
                </div>
            </section>
        @endif
    </aside>
</div>

</div>
@endsection