@extends('layouts.portal')

@section('title', 'Will Storage Management')
@section('page_title', 'Will Storage Management')
@section('page_subtitle', 'Professional will storage and tracking system')

@section('sidebar')
    @include('admin.partials.sidebar', ['active' => 'storage'])
@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">
                    <div>
                        <h1 class="text-2xl font-bold text-gray-800 flex items-center">
                            <i class="fas fa-archive mr-3 text-blue-600"></i>
                            Will Storage Management
                        </h1>
                        <p class="text-gray-600 mt-1">Professional will storage and tracking system</p>
                    </div>
                    <div class="flex gap-3">
                        <form action="{{ route('admin.storage.search') }}" method="GET" class="flex">
                            <input type="text" name="query" placeholder="Search by client, box, or IC..." 
                                   class="px-4 py-2 border border-gray-300 rounded-l-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none w-64">
                            <button type="submit" class="px-4 py-2 bg-blue-600 text-white border-l-0 border-blue-600 rounded-r-lg hover:bg-blue-700 transition-colors">
                                <i class="fas fa-search"></i>
                            </button>
                        </form>
                        <a href="{{ route('admin.storage.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded-lg font-medium inline-flex items-center hover:bg-blue-700 transition-colors">
                            <i class="fas fa-plus mr-2"></i> Store New Will
                        </a>
                    </div>
                </div>
            </div>
        </div>

        @if($storageRecords->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-gray-50">
                            <tr>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Will Details</th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Client Information</th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Legal Status</th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Storage Details</th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
                            </tr>
                        </thead>
                        <tbody class="bg-white divide-y divide-gray-200">
                            @foreach($storageRecords as $storage)
                                <tr class="hover:bg-gray-50 transition-colors">
                                    <td class="px-6 py-4">
                                        <div class="space-y-2">
                                            <div>
                                                <span class="font-mono text-sm font-medium text-blue-600">Will #{{ $storage->will_id }}</span>
                                                @if($storage->will)
                                                    <span class="ml-2 px-2 py-1 text-xs font-medium rounded-full bg-green-100 text-green-800">
                                                        {{ ucfirst($storage->will->status) }}
                                                    </span>
                                                @else
                                                    <span class="ml-2 px-2 py-1 text-xs font-medium rounded-full bg-red-100 text-red-800">
                                                        Deleted
                                                    </span>
                                                @endif
                                            </div>
                                            @if($storage->will)
                                                <div class="text-xs text-gray-500">
                                                    <i class="fas fa-calendar-alt mr-1"></i>
                                                    Created: {{ $storage->will->created_at->format('d M Y, h:i A') }}
                                                </div>
                                                @if($storage->will->signed_at)
                                                    <div class="text-xs text-green-600">
                                                        <i class="fas fa-signature mr-1"></i>
                                                        Signed: {{ $storage->will->signed_at->format('d M Y, h:i A') }}
                                                    </div>
                                                @endif
                                            @else
                                                <div class="text-xs text-red-500">
                                                    <i class="fas fa-warning mr-1"></i>
                                                    Will record not found
                                                </div>
                                            @endif
                                        </div>
                                    </td>
                                    <td class="px-6 py-4">
                                        @if($storage->will && $storage->will->client)
                                            <div class="space-y-1">
                                                <div class="font-medium text-gray-800">
                                                    <i class="fas fa-user mr-2 text-gray-400"></i>
                                                    {{ $storage->will->client->full_name }}
                                                </div>
                                                <div class="text-sm text-gray-600">
                                                    <i class="fas fa-id-card mr-2 text-gray-400"></i>
                                                    IC: {{ $storage->will->client->ic_number }}
                                                </div>
                                                <div class="text-sm text-gray-600">
                                                    <i class="fas fa-phone mr-2 text-gray-400"></i>
                                                    {{ $storage->will->client->phone }}
                                                </div>
                                            </div>
                                        @else
                                            <div class="text-sm text-red-500">
                                                <i class="fas fa-warning mr-2"></i>
                                                Client data unavailable
                                            </div>
                                        @endif
                                    </td>
                                    <td class="px-6 py-4">
                                        @if($storage->will)
                                            <div class="space-y-2">
                                                @if($storage->will->reviewed_by)
                                                    <div class="flex items-center text-sm">
                                                        <i class="fas fa-user-tie mr-2 text-blue-600"></i>
                                                        <span class="font-medium">Lawyer: {{ $storage->will->reviewedBy->name }}</span>
                                                    </div>
                                                    <div class="text-xs text-green-600">
                                                        <i class="fas fa-check-circle mr-1"></i>
                                                        Approved by: {{ $storage->will->reviewedBy->name }}
                                                    </div>
                                                @else
                                                    <div class="flex items-center text-sm text-orange-600">
                                                        <i class="fas fa-exclamation-triangle mr-2"></i>
                                                        <span>No lawyer assigned</span>
                                                    </div>
                                                @endif
                                                @if($storage->will->notarized_at)
                                                    <div class="text-xs text-blue-600">
                                                        <i class="fas fa-stamp mr-1"></i>
                                                        Notarized: {{ $storage->will->notarized_at->format('d M Y, h:i A') }}
                                                    </div>
                                                @endif
                                            </div>
                                        @else
                                            <div class="text-sm text-red-500">
                                                <i class="fas fa-warning mr-2"></i>
                                                Legal status unavailable
                                            </div>
                                        @endif
                                    </td>
                                    <td class="px-6 py-4">
                                        <div class="space-y-2">
                                            <div class="flex items-center text-sm">
                                                <i class="fas fa-box mr-2 text-gray-400"></i>
                                                <span class="font-medium">{{ \App\Models\WillStorage::getStorageTypes()[$storage->storage_type] }}</span>
                                            </div>
                                            <div class="text-sm text-gray-800">
                                                <i class="fas fa-map-marker-alt mr-2 text-gray-400"></i>
                                                {{ $storage->location_details }}
                                            </div>
                                            @if($storage->box_number)
                                                <div class="text-sm text-gray-600">
                                                    <i class="fas fa-tag mr-2 text-gray-400"></i>
                                                    Box #{{ $storage->box_number }}
                                                </div>
                                            @endif
                                            <div class="text-xs text-gray-500">
                                                <i class="fas fa-calendar-check mr-1"></i>
                                                Stored: {{ $storage->stored_date->format('d M Y, h:i A') }}
                                            </div>
                                        </div>
                                    </td>
                                    <td class="px-6 py-4">
                                        <div class="flex gap-2">
                                            @if($storage->will)
                                                <a href="{{ route('admin.wills.show', $storage->will_id) }}" 
                                                   class="bg-blue-600 text-white px-3 py-2 rounded-lg text-sm font-medium inline-flex items-center hover:bg-blue-700 transition-colors">
                                                    <i class="fas fa-eye mr-2"></i>
                                                    View Details
                                                </a>
                                            @else
                                                <button disabled class="bg-gray-300 text-gray-500 px-3 py-2 rounded-lg text-sm font-medium inline-flex items-center cursor-not-allowed">
                                                    <i class="fas fa-eye mr-2"></i>
                                                    View Details
                                                </button>
                                            @endif
                                            <a href="{{ route('admin.storage.show', $storage) }}" 
                                               class="bg-gray-600 text-white px-3 py-2 rounded-lg text-sm font-medium inline-flex items-center hover:bg-gray-700 transition-colors">
                                                <i class="fas fa-archive mr-2"></i>
                                                Storage Info
                                            </a>
                                            @if($storage->will && $storage->will->status === 'completed')
                                                <a href="{{ route('admin.wills.download', $storage->will_id) }}" 
                                                   class="bg-green-600 text-white px-3 py-2 rounded-lg text-sm font-medium inline-flex items-center hover:bg-green-700 transition-colors">
                                                    <i class="fas fa-download mr-2"></i>
                                                    Download
                                                </a>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                
                <!-- Pagination -->
                @if($storageRecords->hasPages())
                    <div class="px-6 py-4 bg-gray-50 border-t border-gray-200">
                        {{ $storageRecords->links() }}
                    </div>
                @endif
            </div>
        @else
            <div class="bg-white rounded-xl shadow-sm p-12 border border-gray-200 text-center">
                <div class="max-w-md mx-auto">
                    <i class="fas fa-archive text-gray-300 text-6xl mb-6"></i>
                    <h3 class="text-xl font-semibold text-gray-800 mb-2">No Storage Records Found</h3>
                    <p class="text-gray-600 mb-6">No will storage records have been created yet. Start by storing a new will in the system.</p>
                    <a href="{{ route('admin.storage.create') }}" 
                       class="bg-blue-600 text-white px-6 py-3 rounded-lg font-medium inline-flex items-center hover:bg-blue-700 transition-colors">
                        <i class="fas fa-plus mr-2"></i>
                        Store First Will
                    </a>
                </div>
            </div>
        @endif
    </div>
</div>

<style>
.modern-card {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.modern-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: translateY(-2px);
}
</style>
@endsection