@extends('layouts.portal')

@section('title', 'Store Will')
@section('page_title', 'Will Storage')
@section('page_subtitle', 'Register new will storage')

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

@section('content')
    <div class="bg-white rounded-xl shadow-sm p-6">
        <h3 class="text-lg font-semibold text-gray-800 mb-6">Register Will Storage</h3>
        
        <form action="{{ route('admin.storage.store') }}" method="POST">
            @csrf
            
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">Select Will</label>
                <select name="will_id" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 outline-none">
                    <option value="">Select a Will</option>
                    @foreach($wills as $will)
                        <option value="{{ $will->id }}">#{{ $will->id }} - {{ $will->client->full_name }} ({{ $will->will_type === 'individual' ? 'Individual' : 'Trust' }} Will)</option>
                    @endforeach
                </select>
            </div>
            
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">Storage Type</label>
                <select name="storage_type" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 outline-none">
                    @foreach(App\Models\WillStorage::getStorageTypes() as $key => $label)
                        <option value="{{ $key }}">{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">Box/Container Number</label>
                <input type="text" name="box_number" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 outline-none" placeholder="e.g., BOX-001">
            </div>
            
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">Location Details</label>
                <input type="text" name="location_details" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 outline-none" placeholder="e.g., Vault Room A, Safe Deposit Box #123">
            </div>
            
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">Storage Date</label>
                <input type="date" name="stored_date" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 outline-none">
            </div>
            
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">Retention Years</label>
                <input type="number" name="retention_years" value="50" min="1" max="100" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 outline-none">
                <p class="text-xs text-gray-500 mt-1">How many years to keep the will in storage (default: 50 years)</p>
            </div>
            
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">Access PIN/Code</label>
                <input type="text" name="access_code" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 outline-none" placeholder="Leave blank if not applicable">
            </div>
            
            <div class="grid grid-cols-2 gap-4 mb-6">
                <div>
                    <label class="flex items-center">
                        <input type="checkbox" name="has_original" class="mr-2">
                        <span class="text-sm font-medium text-gray-700">Has Original Document</span>
                    </label>
                </div>
                <div>
                    <label class="flex items-center">
                        <input type="checkbox" name="has_hard_copy" class="mr-2">
                        <span class="text-sm font-medium text-gray-700">Has Hard Copy</span>
                    </label>
                </div>
            </div>
            
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">Digital Copy (Optional)</label>
                <input type="file" name="digital_copy" accept="application/pdf,image/*" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 outline-none">
                <p class="text-xs text-gray-500 mt-1">Upload scanned copy of the will (PDF or image)</p>
            </div>
            
            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">Notes</label>
                <textarea name="notes" rows="3" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-cyan-400 outline-none" placeholder="Any special instructions or notes about this storage"></textarea>
            </div>
            
            <div class="flex gap-4">
                <button type="submit" class="octowill-btn text-white px-6 py-2 rounded-lg font-medium">
                    <i class="fas fa-save mr-2"></i> Register Storage
                </button>
                <a href="{{ route('admin.storage') }}" class="px-6 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50">
                    Cancel
                </a>
            </div>
        </form>
    </div>
@endsection