@extends('layouts.portal')

@section('title', 'Lawyer Dashboard')
@section('page_title', 'Lawyer Dashboard')
@section('page_subtitle', 'Legal Review Portal')

@section('sidebar')
    @include('lawyer.partials.sidebar', ['active' => 'dashboard'])
@endsection

@section('content')
    <!-- Welcome Banner -->
    <div class="bg-gradient-to-r from-purple-400 to-purple-500 rounded-xl p-6 text-white mb-6 shadow-lg">
        <div class="flex items-center justify-between">
            <div>
                <h2 class="text-2xl font-bold mb-1">Welcome back, {{ auth()->user()->name }}!</h2>
                <p class="text-purple-100">Review and approve wills awaiting legal clearance.</p>
            </div>
            <div class="hidden md:block">
                <div class="w-16 h-16 bg-white/20 rounded-full flex items-center justify-center">
                    <i class="fas fa-gavel text-3xl"></i>
                </div>
            </div>
        </div>
    </div>

    <!-- Stats Cards -->
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
        <div class="bg-white rounded-xl shadow-sm p-6 card-hover border-l-4 border-orange-400">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-sm text-gray-500 mb-1">Pending Review</p>
                    <h3 class="text-3xl font-bold text-orange-600">{{ $stats['pending_review'] ?? 0 }}</h3>
                </div>
                <div class="w-14 h-14 rounded-xl bg-gradient-to-br from-orange-400 to-red-500 flex items-center justify-center shadow-lg">
                    <i class="fas fa-clock text-white text-xl"></i>
                </div>
            </div>
        </div>
        
        <div class="bg-white rounded-xl shadow-sm p-6 card-hover border-l-4 border-green-400">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-sm text-gray-500 mb-1">Approved Today</p>
                    <h3 class="text-3xl font-bold text-green-600">{{ $stats['approved_today'] ?? 0 }}</h3>
                </div>
                <div class="w-14 h-14 rounded-xl bg-gradient-to-br from-green-400 to-emerald-600 flex items-center justify-center shadow-lg">
                    <i class="fas fa-check-circle text-white text-xl"></i>
                </div>
            </div>
        </div>
        
        <div class="bg-white rounded-xl shadow-sm p-6 card-hover border-l-4 border-purple-400">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-sm text-gray-500 mb-1">Total Approved</p>
                    <h3 class="text-3xl font-bold text-purple-600">{{ $stats['total_approved'] ?? 0 }}</h3>
                </div>
                <div class="w-14 h-14 rounded-xl bg-gradient-to-br from-purple-400 to-purple-600 flex items-center justify-center shadow-lg">
                    <i class="fas fa-gavel text-white text-xl"></i>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Pending Reviews -->
    <div class="bg-white rounded-xl shadow-sm p-6">
        <h3 class="text-lg font-semibold text-gray-800 mb-4 flex items-center">
            <i class="fas fa-clipboard-check text-purple-500 mr-2"></i>Wills Pending Legal Review
        </h3>
        
        @if($pendingReviews->count() > 0)
            <div class="overflow-x-auto">
                <table class="w-full">
                    <thead>
                        <tr class="text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                            <th class="pb-3">Client</th>
                            <th class="pb-3">Will Type</th>
                            <th class="pb-3">Submitted</th>
                            <th class="pb-3">Action</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-200">
                        @foreach($pendingReviews as $will)
                            <tr class="hover:bg-gray-50">
                                <td class="py-3">
                                    <p class="text-sm font-medium text-gray-800">{{ $will->client->full_name }}</p>
                                    <p class="text-xs text-gray-500">{{ $will->client->email }}</p>
                                </td>
                                <td class="py-3">
                                    <span class="text-sm text-gray-600">{{ $will->will_type === 'individual' ? 'Individual Will' : 'Trust Will' }}</span>
                                </td>
                                <td class="py-3 text-sm text-gray-600">{{ $will->updated_at->format('d M Y') }}</td>
                                <td class="py-3">
                                    <a href="{{ route('lawyer.wills.review', $will) }}" class="text-purple-600 hover:text-purple-800 font-medium">
                                        <i class="fas fa-eye mr-1"></i>Review
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            {{ $pendingReviews->links() }}
        @else
            <div class="text-center py-8">
                <i class="fas fa-clipboard-check text-gray-300 text-4xl mb-3"></i>
                <p class="text-gray-500">No wills pending review at the moment.</p>
            </div>
        @endif
    </div>
@endsection