@extends('layouts.portal')

@section('title', 'Estate Cases')
@section('page_title', 'Estate Administration')
@section('page_subtitle', 'Manage estate distribution cases')

@section('sidebar')
    @php $__estateSidebar = match(session('active_role', auth()->user()->role)) { 'staff' => 'staff.partials.sidebar', 'lawyer' => 'lawyer.partials.sidebar', default => 'admin.partials.sidebar' }; @endphp
    @include($__estateSidebar, ['active' => 'estate'])
@endsection

@push('styles')
<style>
    .estate-header {
        background: linear-gradient(135deg, #7c2d12 0%, #5b1f0a 100%);
        color: white;
        border-radius: 1rem;
        padding: 1.5rem;
        margin-bottom: 1.5rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .estate-header h1 {
        font-size: 1.875rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
    }

    .estate-header p {
        font-size: 0.95rem;
        opacity: 0.95;
    }

    .btn-new-case {
        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
        color: white;
        padding: 0.75rem 1.5rem;
        border-radius: 0.5rem;
        font-weight: 600;
        font-size: 0.95rem;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition: all 0.2s;
        box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);
        border: none;
        cursor: pointer;
        text-decoration: none;
    }

    .btn-new-case:hover {
        background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(59, 130, 246, 0.4);
    }

    .stats-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1.5rem;
        margin-bottom: 2rem;
    }

    .stat-card {
        background: white;
        border-radius: 0.75rem;
        padding: 1.5rem;
        border-left: 4px solid #3b82f6;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        transition: all 0.2s;
    }

    .stat-card:hover {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
        transform: translateY(-2px);
    }

    .stat-card.active { border-left-color: #10b981; }
    .stat-card.pending { border-left-color: #f59e0b; }
    .stat-card.closed { border-left-color: #6b7280; }

    .stat-value {
        font-size: 2rem;
        font-weight: 700;
        color: #1f2937;
        line-height: 1;
    }

    .stat-label {
        font-size: 0.8rem;
        color: #6b7280;
        margin-top: 0.5rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .cases-container {
        background: white;
        border-radius: 0.75rem;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }

    .cases-table {
        width: 100%;
        border-collapse: collapse;
    }

    .cases-table thead {
        background: #f9fafb;
        border-bottom: 2px solid #e5e7eb;
    }

    .cases-table th {
        text-align: left;
        padding: 1rem;
        font-size: 0.75rem;
        font-weight: 600;
        color: #6b7280;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .cases-table tbody tr {
        border-bottom: 1px solid #e5e7eb;
        transition: all 0.15s;
    }

    .cases-table tbody tr:hover {
        background: #f9fafb;
    }

    .cases-table td {
        padding: 1rem;
    }

    .case-number {
        font-family: 'Courier New', monospace;
        font-size: 0.9rem;
        font-weight: 600;
        color: #3b82f6;
    }

    .deceased-name {
        font-weight: 600;
        color: #1f2937;
        margin-bottom: 0.25rem;
    }

    .deceased-ic {
        font-size: 0.8rem;
        color: #6b7280;
    }

    .status-badge {
        display: inline-block;
        padding: 0.4rem 0.8rem;
        border-radius: 0.375rem;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .status-pending-notification {
        background: #fef3c7;
        color: #92400e;
    }

    .status-receive-documents {
        background: #dbeafe;
        color: #1e40af;
    }

    .status-locate-will {
        background: #d1fae5;
        color: #065f46;
    }

    .status-probate-application {
        background: #fcd34d;
        color: #78350f;
    }

    .status-asset-collection {
        background: #a78bfa;
        color: #4c1d95;
    }

    .status-debt-payment {
        background: #fca5a5;
        color: #7f1d1d;
    }

    .status-distribution-complete {
        background: #6ee7b7;
        color: #065f46;
    }

    .status-closed {
        background: #d1d5db;
        color: #374151;
    }

    .action-buttons {
        display: flex;
        gap: 0.5rem;
    }

    .btn-view {
        background: #3b82f6;
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 0.375rem;
        font-size: 0.8rem;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.2s;
        border: none;
        cursor: pointer;
    }

    .btn-view:hover {
        background: #2563eb;
    }

    .empty-state {
        text-align: center;
        padding: 3rem;
        color: #9ca3af;
    }

    .empty-icon {
        font-size: 4rem;
        margin-bottom: 1rem;
        opacity: 0.5;
    }

    .empty-title {
        font-size: 1.25rem;
        font-weight: 600;
        color: #6b7280;
        margin-bottom: 0.5rem;
    }

    .empty-description {
        color: #9ca3af;
        margin-bottom: 1.5rem;
    }

    .workflow-info {
        background: #eff6ff;
        border-left: 4px solid #3b82f6;
        padding: 1rem;
        border-radius: 0.375rem;
        margin-bottom: 1.5rem;
        font-size: 0.9rem;
        color: #1e40af;
    }

    .workflow-info strong {
        color: #0c4a6e;
    }
</style>
@endpush

@section('content')
<div class="min-h-screen bg-gray-50 py-6">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        
        <!-- Header -->
        <div class="estate-header">
            <div class="flex justify-between items-center">
                <div>
                    <h1><i class="fas fa-file-alt mr-3"></i>Estate Administration</h1>
                    <p>Manage post-death estate distribution and probate proceedings</p>
                </div>
                <div class="flex gap-2 items-center">
                    <a href="{{ route('admin.estate.reports.cases') }}" class="btn-new-case" style="background: rgba(255,255,255,0.15);">
                        <i class="fas fa-chart-bar"></i> Reports
                    </a>
                    <a href="{{ route('admin.estate.create') }}" class="btn-new-case">
                        <i class="fas fa-plus"></i> New Estate Case
                    </a>
                </div>
            </div>
        </div>

        <!-- Workflow Info -->
        <div class="workflow-info">
            <strong>📋 Estate Administration Workflow:</strong> When a client passes away, create an estate case to manage document collection, probate application, asset collection, debt settlement, and distribution to beneficiaries.
        </div>

        <!-- Stats Grid -->
        <div class="stats-grid">
            <div class="stat-card active">
                <div class="stat-value">{{ $statistics['active'] ?? 0 }}</div>
                <div class="stat-label">Active Cases</div>
            </div>
            <div class="stat-card pending">
                <div class="stat-value">{{ $statistics['pending'] ?? 0 }}</div>
                <div class="stat-label">Pending Cases</div>
            </div>
            <div class="stat-card closed">
                <div class="stat-value">{{ $statistics['closed'] ?? 0 }}</div>
                <div class="stat-label">Closed Cases</div>
            </div>
            <div class="stat-card">
                <div class="stat-value">{{ $statistics['total'] ?? count($cases) }}</div>
                <div class="stat-label">Total Cases</div>
            </div>
        </div>

        <!-- Cases Table -->
        <div class="cases-container">
            @if($cases->count() > 0)
                <div style="overflow-x: auto;">
                    <table class="cases-table">
                        <thead>
                            <tr>
                                <th>Case #</th>
                                <th>Deceased Person</th>
                                <th>Status</th>
                                <th>Date of Death</th>
                                <th>Assigned To</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($cases as $case)
                                <tr>
                                    <td>
                                        <span class="case-number">#{{ $case->case_number }}</span>
                                    </td>
                                    <td>
                                        <div class="deceased-name">{{ $case->client->full_name }}</div>
                                        <div class="deceased-ic">IC: {{ $case->client->ic_number }}</div>
                                    </td>
                                    <td>
                                        @php
                                            $statusClass = 'status-' . str_replace(' ', '-', strtolower($case->status));
                                        @endphp
                                        <span class="status-badge {{ $statusClass }}">
                                            {{ $case->status }}
                                        </span>
                                    </td>
                                    <td>
                                        {{ $case->date_of_death ? $case->date_of_death->format('d M Y') : '-' }}
                                    </td>
                                    <td>
                                        {{ $case->assignedStaff?->name ?? 'Unassigned' }}
                                    </td>
                                    <td>
                                        <div class="action-buttons">
                                            <a href="{{ route('admin.estate.show', $case) }}" class="btn-view">
                                                <i class="fas fa-eye mr-1"></i> View
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @if($cases->hasPages())
                    <div style="padding: 1rem; border-top: 1px solid #e5e7eb; background: #f9fafb;">
                        {{ $cases->links() }}
                    </div>
                @endif
            @else
                <div class="empty-state">
                    <div class="empty-icon">📋</div>
                    <div class="empty-title">No Estate Cases Yet</div>
                    <div class="empty-description">
                        Start managing estate cases after a client's passing
                    </div>
                    <a href="{{ route('admin.estate.create') }}" class="btn-new-case">
                        <i class="fas fa-plus"></i> Create First Estate Case
                    </a>
                </div>
            @endif
        </div>
        
    </div>
</div>
@endsection