@extends('layouts.app')

@section('title', 'Secure Document Control')

@section('content')
<div class="space-y-5">
    <header class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between"><div><p class="text-[10px] font-bold uppercase tracking-[.18em] text-orange-600">Secure vault & compliance</p><h1 class="mt-1 text-2xl font-bold text-[#0b1f38]">Document Control Center</h1><p class="mt-1 text-xs text-slate-500">Customer, application, corporate and employee records with verification and expiry oversight.</p></div><div class="flex gap-2"><a href="{{ route('app.customers.documents.index') }}" class="rounded-xl bg-orange-600 px-4 py-2.5 text-xs font-bold text-white">Open Secure Vault</a>@if(auth()->user()->hasPermission('pro.view'))<a href="{{ route('app.pro') }}" class="rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-xs font-bold text-slate-700">Original Custody</a>@endif</div></header>

    <section class="grid gap-3 sm:grid-cols-3 xl:grid-cols-6">
        @foreach([
            ['Customer Vault',$metrics['customer_documents'],'text-blue-600'], ['Application Files',$metrics['application_documents'],'text-violet-600'],
            ['Corporate Files',$metrics['corporate_documents'],'text-cyan-600'], ['Employee Files',$metrics['employee_documents'],'text-emerald-600'],
            ['Awaiting Verification',$metrics['pending_verification'],'text-amber-600'], ['Expire in 30 Days',$metrics['expiring_soon'],'text-rose-600']
        ] as [$label,$value,$color])
            <article class="rounded-2xl border border-slate-200 bg-white p-4 shadow-sm"><p class="text-[9px] font-bold uppercase tracking-wider text-slate-400">{{ $label }}</p><strong class="mt-2 block text-2xl {{ $color }}">{{ number_format($value) }}</strong></article>
        @endforeach
    </section>

    <div class="grid gap-5 xl:grid-cols-[1.25fr_.75fr]">
        <section class="erp-panel"><div class="erp-panel-heading"><div><h2>Recently Added Documents</h2><p>Latest current versions in the customer document vault.</p></div><a href="{{ route('app.customers.documents.index') }}">View all</a></div><div class="mt-4 overflow-x-auto"><table class="erp-table"><thead><tr><th>Document</th><th>Customer</th><th>Number</th><th>Expiry</th><th>Status</th></tr></thead><tbody>
            @forelse($recentDocuments as $document)
                <tr><td><strong>{{ $document->document_name ?: ($document->documentType?->name_en ?? 'Document') }}</strong><small>Version {{ $document->version }} · {{ $document->created_at->diffForHumans() }}</small></td><td><strong>{{ $document->customer?->full_name_en ?? 'Customer unavailable' }}</strong><small>{{ $document->customer?->customer_code }}</small></td><td><strong>{{ $document->document_number ?: 'Not recorded' }}</strong><small>{{ $document->issued_by }}</small></td><td><strong class="{{ $document->expiry_date?->isPast() ? 'text-rose-600' : '' }}">{{ $document->expiry_date?->format('d M Y') ?? 'No expiry' }}</strong><small>{{ $document->expiry_date?->diffForHumans() }}</small></td><td><span class="erp-status" data-status="{{ $document->status }}">{{ ucfirst($document->status) }}</span></td></tr>
            @empty
                <tr><td colspan="5"><div class="erp-empty"><span>D</span><strong>No customer documents uploaded</strong><p>Verified document versions will appear here.</p></div></td></tr>
            @endforelse
        </tbody></table></div></section>

        <section class="erp-panel"><div class="erp-panel-heading"><div><h2>Expiry Watchlist</h2><p>Current documents expiring within 60 days.</p></div><span class="text-[10px] font-bold text-slate-400">Action required</span></div><div class="mt-4 divide-y divide-slate-100">
            @forelse($expiringDocuments as $document)
                <article class="flex items-center gap-3 py-3 first:pt-0"><div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-rose-50 text-xs font-bold text-rose-600">{{ max(0, today()->diffInDays($document->expiry_date, false)) }}</div><div class="min-w-0 flex-1"><strong class="block truncate text-xs text-[#0b1f38]">{{ $document->customer?->full_name_en ?? 'Customer unavailable' }}</strong><small class="block truncate text-[10px] text-slate-500">{{ $document->document_name ?: ($document->documentType?->name_en ?? 'Document') }}</small></div><div class="text-right"><strong class="text-[10px] text-rose-600">{{ $document->expiry_date?->format('d M Y') }}</strong><small class="block text-[9px] text-slate-400">days left</small></div></article>
            @empty
                <div class="erp-empty"><span>✓</span><strong>No near-term expiries</strong><p>The next 60 days are clear.</p></div>
            @endforelse
        </div></section>
    </div>
</div>
@endsection