@extends('layouts.dashboard')
@section('title', 'Document Dashboard')
@section('header-title', 'Document Dashboard')
@section('content')
<div class="mt-8 px-4 sm:px-6 lg:px-8">
    <div class="mx-auto max-w-7xl">
        <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
            <div><h1 class="text-2xl font-bold dark:text-white">Document Workflow Dashboard</h1><p class="mt-1 text-sm text-gray-500">Track documents through review, revision, and approval.</p></div>
            {{-- <a href="{{ route('proposals.create') }}" class="rounded-lg bg-[#996515] px-4 py-2 text-sm font-bold text-white">Upload Document</a> --}}
        </div>

        <div class="mt-6 grid grid-cols-2 gap-4 lg:grid-cols-5">
            @foreach ([
                ['Total Documents', $totalProposals, 'text-blue-600'],
                ['Pending', $pendingCount, 'text-amber-600'],
                ['Approved', $approvedCount, 'text-emerald-600'],
                ['Revision Requested', $revisionCount, 'text-violet-600'],
                ['Rejected', $rejectedCount, 'text-rose-600'],
            ] as [$label, $value, $color])
                <div class="rounded-xl border border-gray-100 bg-white p-5 shadow-sm dark:border-gray-800 dark:bg-[#1a1a1a]">
                    <p class="text-xs font-bold uppercase tracking-wider {{ $color }}">{{ $label }}</p>
                    <p class="mt-2 text-2xl font-bold text-gray-900 dark:text-white">{{ $value }}</p>
                </div>
            @endforeach
        </div>

        <div class="mt-8 overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm dark:border-gray-800 dark:bg-[#1a1a1a]">
            <div class="flex items-center justify-between border-b p-5 dark:border-gray-800">
                <div><h2 class="font-bold dark:text-white">Recent Documents</h2><p class="mt-1 text-xs text-gray-500">Current document workflow activity.</p></div>
                <a href="{{ route('proposals.index') }}" class="text-sm font-bold text-[#996515]">View all</a>
            </div>
            <div class="overflow-x-auto">
                <table class="min-w-[900px] w-full divide-y divide-gray-100 text-sm dark:divide-gray-800">
                    <thead class="bg-gray-900"><tr>@foreach(['S.No', 'Document', 'File', 'Status', 'Created By', 'Current Handler', 'Action'] as $heading)<th class="px-4 py-3 {{ $heading === 'Action' ? 'text-right' : 'text-left' }} text-xs font-bold uppercase tracking-wider text-white">{{ $heading }}</th>@endforeach</tr></thead>
                    <tbody class="divide-y divide-gray-100 dark:divide-gray-800">
                        @forelse($proposals as $proposal)
                            <tr class="hover:bg-gray-50 dark:hover:bg-gray-900/30">
                                <td class="px-4 py-3 text-xs font-bold dark:text-white">{{ $proposals->firstItem() + $loop->index }}</td>
                                <td class="px-4 py-3"><span class="block text-xs font-bold text-[#996515]">{{ $proposal->document_title ?: $proposal->proposal_number }}</span><span class="mt-1 block text-xs text-gray-400">{{ $proposal->proposal_number }}</span></td>
                                <td class="px-4 py-3"><span class="block max-w-xs truncate text-xs dark:text-white">{{ $proposal->document_original_name ?: 'No document' }}</span><span class="mt-1 block text-xs uppercase text-gray-400">{{ $proposal->document_original_name ? pathinfo($proposal->document_original_name, PATHINFO_EXTENSION) : 'N/A' }}</span></td>
                                <td class="px-4 py-3"><span class="rounded-full bg-gray-100 px-2.5 py-1 text-xs font-semibold text-gray-700 dark:bg-gray-800 dark:text-gray-300">{{ ucfirst(str_replace('_', ' ', $proposal->status)) }}</span></td>
                                <td class="px-4 py-3"><span class="block text-xs dark:text-white">{{ $proposal->createdBy?->name ?? 'N/A' }}</span><span class="mt-1 block text-xs text-gray-400">{{ $proposal->created_at?->format('d-m-Y H:i') }}</span></td>
                                <td class="px-4 py-3 text-xs dark:text-white">{{ $proposal->currentHandler?->name ?? 'Completed / Unassigned' }}</td>
                                <td class="px-4 py-3 text-right"><a href="{{ route('proposals.show', $proposal) }}" class="rounded-md bg-gray-950 px-3 py-1.5 text-xs font-bold text-white dark:bg-gray-800">View</a></td>
                            </tr>
                        @empty
                            <tr><td colspan="7" class="px-5 py-12 text-center text-sm text-gray-400">No documents available.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($proposals->hasPages())<div class="border-t p-4 dark:border-gray-800">{{ $proposals->links() }}</div>@endif
        </div>
    </div>
</div>
@endsection