@extends('layouts.portal')

@section('title', 'Manage Trusts')
@section('page_title', 'Trust Management')
@section('page_subtitle', 'Create, monitor, and manage all client trusts')

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

@section('content')
<div class="min-h-screen bg-gray-50 py-8">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <!-- Page Header -->
        <div class="mb-8">
            <div class="bg-white rounded-xl shadow-sm p-6 border border-gray-200">
                <div class="flex items-center justify-between flex-wrap gap-4">
                    <div>
                        <h1 class="text-3xl font-bold text-gray-900 flex items-center">
                            <i class="fas fa-file-contract mr-3 text-blue-600"></i>
                            Trust Management
                        </h1>
                        <p class="text-gray-600 mt-2">Create, monitor, and manage all client trusts</p>
                    </div>
                    <a href="{{ route('admin.trusts.create') }}" class="bg-blue-600 text-white px-6 py-2 rounded-lg font-medium inline-flex items-center hover:bg-blue-700 transition-colors shadow-sm">
                        <i class="fas fa-plus mr-2"></i> Create New Trust
                    </a>
                </div>
            </div>
        </div>

        <!-- Search and Filter Section -->
        <div class="bg-white rounded-xl shadow-sm p-6 border border-gray-200 mb-6">
            <form method="GET" action="{{ route('admin.trusts') }}" class="space-y-4">
                <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">Search by Name or Client</label>
                        <input type="text" name="search" placeholder="Search..." 
                               value="{{ request('search') }}"
                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition">
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">Status</label>
                        <select name="status" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition">
                            <option value="">All Status</option>
                            <option value="pending_review" {{ request('status') == 'pending_review' ? 'selected' : '' }}>Pending Review</option>
                            <option value="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>Approved</option>
                            <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                            <option value="completed" {{ request('status') == 'completed' ? 'selected' : '' }}>Completed</option>
                        </select>
                    </div>
                    <div class="flex items-end gap-2">
                        <button type="submit" class="flex-1 bg-blue-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2">
                            <i class="fas fa-search"></i> Search
                        </button>
                        <a href="{{ route('admin.trusts') }}" class="flex-1 bg-gray-200 text-gray-700 px-4 py-2 rounded-lg font-medium hover:bg-gray-300 transition-colors flex items-center justify-center gap-2">
                            <i class="fas fa-redo"></i> Reset
                        </a>
                    </div>
                </div>
            </form>
        </div>

        <!-- Trusts Table -->
        @if($trusts->count() > 0)
            <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-gray-200">
                        <thead class="bg-gradient-to-r from-gray-50 to-gray-100">
                            <tr>
                                <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Trust Information</th>
                                <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Type</th>
                                <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Client</th>
                                <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Created</th>
                                <th class="px-6 py-4 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider">Status</th>
                                <th class="px-6 py-4 text-center text-xs font-semibold text-gray-700 uppercase tracking-wider">Actions</th>
                            </tr>
                        </thead>
                        <tbody class="bg-white divide-y divide-gray-200">
                            @foreach($trusts as $trust)
                                <tr class="hover:bg-blue-50 transition-colors duration-150">
                                    <td class="px-6 py-4">
                                        <div class="flex items-center space-x-3">
                                            <div class="flex-shrink-0 w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center">
                                                <i class="fas fa-file-contract text-blue-600"></i>
                                            </div>
                                            <div>
                                                <p class="text-sm font-semibold text-gray-900">{{ $trust->trust_name ?? 'N/A' }}</p>
                                                <p class="text-xs text-gray-500">Trust ID: #{{ $trust->id }}</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="px-6 py-4">
                                        <span class="px-3 py-1 text-xs font-semibold rounded-full bg-indigo-100 text-indigo-800">
                                            {{ ucfirst(str_replace('_', ' ', $trust->trust_type ?? 'N/A')) }}
                                        </span>
                                    </td>
                                    <td class="px-6 py-4">
                                        @if($trust->client)
                                            <div>
                                                <p class="text-sm font-medium text-gray-900">{{ $trust->client->full_name ?? $trust->client->name ?? 'N/A' }}</p>
                                                <p class="text-xs text-gray-500">{{ $trust->client->email ?? 'N/A' }}</p>
                                            </div>
                                        @else
                                            <span class="text-sm text-gray-500">N/A</span>
                                        @endif
                                    </td>
                                    <td class="px-6 py-4">
                                        <p class="text-sm text-gray-700">
                                            <i class="fas fa-calendar-alt text-gray-400 mr-1"></i>
                                            {{ $trust->creation_date ? \Carbon\Carbon::parse($trust->creation_date)->format('d M Y') : 'N/A' }}
                                        </p>
                                    </td>
                                    <td class="px-6 py-4">
                                        @php
                                            $statusConfig = [
                                                'pending_review' => ['badge' => 'bg-yellow-100 text-yellow-800', 'icon' => 'fas fa-hourglass-half', 'label' => 'Pending Review'],
                                                'approved' => ['badge' => 'bg-green-100 text-green-800', 'icon' => 'fas fa-check-circle', 'label' => 'Approved'],
                                                'active' => ['badge' => 'bg-blue-100 text-blue-800', 'icon' => 'fas fa-play-circle', 'label' => 'Active'],
                                                'completed' => ['badge' => 'bg-gray-100 text-gray-800', 'icon' => 'fas fa-check-double', 'label' => 'Completed'],
                                            ];
                                            $status = $statusConfig[$trust->status] ?? ['badge' => 'bg-gray-100 text-gray-800', 'icon' => 'fas fa-question-circle', 'label' => ucfirst($trust->status)];
                                        @endphp
                                        <span class="px-3 py-1 text-xs font-semibold rounded-full {{ $status['badge'] }} flex items-center w-fit">
                                            <i class="{{ $status['icon'] }} mr-1"></i>{{ $status['label'] }}
                                        </span>
                                    </td>
                                    <td class="px-6 py-4 text-center">
                                        <div class="flex items-center justify-center space-x-2">
                                            <a href="{{ route('admin.trusts.show', $trust) }}" 
                                               class="inline-flex items-center px-3 py-1.5 bg-green-50 text-green-700 rounded-lg hover:bg-green-100 transition-colors font-medium text-sm"
                                               title="View Details">
                                                <i class="fas fa-eye mr-1"></i> View
                                            </a>
                                            <div class="relative group">
                                                <button class="inline-flex items-center px-3 py-1.5 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors font-medium text-sm"
                                                        title="More Actions">
                                                    <i class="fas fa-ellipsis-v"></i>
                                                </button>
                                                <div class="hidden group-hover:block absolute right-0 mt-1 w-48 bg-white rounded-lg shadow-xl z-10 border border-gray-200">
                                                    <a href="{{ route('admin.trusts.view', $trust) }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
                                                        <i class="fas fa-file-download mr-2"></i> Download
                                                    </a>
                                                    <a href="{{ route('admin.trusts.formal-document', $trust) }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 border-t border-gray-200">
                                                        <i class="fas fa-file-pdf mr-2"></i> Formal Document
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <div class="bg-gray-50 px-6 py-4 border-t border-gray-200">
                    {{ $trusts->links('pagination::tailwind') }}
                </div>
            </div>
        @else
            <!-- Empty State -->
            <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-12 text-center">
                <div class="flex justify-center mb-4">
                    <div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center">
                        <i class="fas fa-inbox text-gray-400 text-2xl"></i>
                    </div>
                </div>
                <h3 class="text-lg font-semibold text-gray-900 mb-2">No Trusts Found</h3>
                <p class="text-gray-600 mb-6">No trusts match your search criteria. Create a new trust to get started.</p>
                <a href="{{ route('admin.trusts.create') }}" class="inline-flex items-center bg-blue-600 text-white px-6 py-2 rounded-lg font-medium hover:bg-blue-700 transition-colors">
                    <i class="fas fa-plus mr-2"></i> Create New Trust
                </a>
            </div>
        @endif
    </div>
</div>
@endsection