@extends('layouts.portal')

@section('title', 'Create Estate Case')
@section('page_title', 'Estate Administration')
@section('page_subtitle', 'New estate case')

@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>
    .form-container {
        max-width: 600px;
        margin: 0 auto;
    }

    .form-group {
        margin-bottom: 1.5rem;
    }

    .form-label {
        display: block;
        font-size: 0.9rem;
        font-weight: 600;
        color: #374151;
        margin-bottom: 0.5rem;
    }

    .form-input, .form-select, .form-textarea {
        width: 100%;
        padding: 0.75rem;
        border: 1px solid #d1d5db;
        border-radius: 0.375rem;
        font-size: 0.95rem;
        transition: all 0.2s;
    }

    .form-input:focus, .form-select:focus, .form-textarea:focus {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }

    .form-textarea {
        resize: vertical;
        font-family: inherit;
    }

    .form-actions {
        display: flex;
        gap: 1rem;
        margin-top: 2rem;
    }

    .btn-submit {
        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
        color: white;
        padding: 0.75rem 1.5rem;
        border-radius: 0.375rem;
        font-weight: 600;
        border: none;
        cursor: pointer;
        transition: all 0.2s;
    }

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

    .btn-cancel {
        background: white;
        color: #6b7280;
        padding: 0.75rem 1.5rem;
        border-radius: 0.375rem;
        font-weight: 600;
        border: 1px solid #d1d5db;
        cursor: pointer;
        text-decoration: none;
        transition: all 0.2s;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .btn-cancel:hover {
        background: #f9fafb;
        border-color: #9ca3af;
    }

    .form-header {
        background: linear-gradient(135deg, #7c2d12 0%, #5b1f0a 100%);
        color: white;
        padding: 1.5rem;
        border-radius: 0.75rem;
        margin-bottom: 2rem;
    }

    .form-header h2 {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 0.25rem;
    }

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

    .form-card {
        background: white;
        border-radius: 0.75rem;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        padding: 2rem;
    }

    .required-field::after {
        content: " *";
        color: #dc2626;
    }

    .help-text {
        font-size: 0.8rem;
        color: #6b7280;
        margin-top: 0.25rem;
    }
</style>
@endpush

@section('content')
<div class="form-container">
    
    <!-- Header -->
    <div class="form-header">
        <h2><i class="fas fa-file-alt mr-2"></i>Create New Estate Case</h2>
        <p>Register a deceased client's estate for administration</p>
    </div>

    <!-- Form -->
    <div class="form-card">
        <form action="{{ route('admin.estate.store') }}" method="POST">
            @csrf
            
            <!-- Deceased Client -->
            <div class="form-group">
                <label class="form-label required-field">Deceased Client</label>
                <select name="client_id" required class="form-select @error('client_id') border-red-500 @enderror">
                    <option value="">-- Select Client --</option>
                    @foreach($clients as $client)
                        <option value="{{ $client->id }}" {{ old('client_id') == $client->id ? 'selected' : '' }}>
                            {{ $client->full_name }} ({{ $client->ic_number }})
                        </option>
                    @endforeach
                </select>
                @error('client_id')
                    <p class="help-text text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <!-- Date of Death -->
            <div class="form-group">
                <label class="form-label required-field">Date of Death</label>
                <input type="date" name="date_of_death" required class="form-input @error('date_of_death') border-red-500 @enderror" value="{{ old('date_of_death') }}">
                @error('date_of_death')
                    <p class="help-text text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <!-- Place of Death -->
            <div class="form-group">
                <label class="form-label">Place of Death</label>
                <input type="text" name="place_of_death" placeholder="e.g., Hospital name, city" class="form-input" value="{{ old('place_of_death') }}">
            </div>

            <!-- Death Certificate Number -->
            <div class="form-group">
                <label class="form-label">Death Certificate Number</label>
                <input type="text" name="death_certificate_number" placeholder="e.g., DC-2026-001234" class="form-input" value="{{ old('death_certificate_number') }}">
                <p class="help-text">Optional: Reference number of death certificate. The certificate document itself can be uploaded for verification after the case is created.</p>
            </div>

            <!-- Reported By -->
            <div class="form-group">
                <label class="form-label">Reported By (Informant Name)</label>
                <input type="text" name="reported_by_name" placeholder="Name of person reporting the death" class="form-input" value="{{ old('reported_by_name') }}">
            </div>
            <div class="form-group">
                <label class="form-label">Informant's Relationship to Deceased</label>
                <input type="text" name="reported_by_relationship" placeholder="e.g., Spouse, Child" class="form-input" value="{{ old('reported_by_relationship') }}">
            </div>
            <div class="form-group">
                <label class="form-label">Informant Contact</label>
                <input type="text" name="reported_by_contact" placeholder="Phone or email" class="form-input" value="{{ old('reported_by_contact') }}">
            </div>

            <!-- Associated Will -->
            <div class="form-group">
                <label class="form-label">Associated Will</label>
                <select name="will_id" class="form-select">
                    <option value="">-- No Will --</option>
                    @foreach($wills as $will)
                        <option value="{{ $will->id }}" {{ old('will_id') == $will->id ? 'selected' : '' }}>
                            Will #{{ $will->id }} - {{ $will->client->full_name ?? 'Unknown' }}
                        </option>
                    @endforeach
                </select>
                <p class="help-text">Optional: Link to existing will record</p>
            </div>

            <!-- Notes -->
            <div class="form-group">
                <label class="form-label">Notes & Remarks</label>
                <textarea name="notes" rows="4" placeholder="Add any relevant notes about the estate case..." class="form-textarea">{{ old('notes') }}</textarea>
                <p class="help-text">Optional: Additional information about the case</p>
            </div>

            <!-- Form Actions -->
            <div class="form-actions">
                <button type="submit" class="btn-submit">
                    <i class="fas fa-check mr-2"></i> Create Estate Case
                </button>
                <a href="{{ route('admin.estate') }}" class="btn-cancel">
                    <i class="fas fa-times mr-2"></i> Cancel
                </a>
            </div>
        </form>
    </div>

</div>
@endsection