@extends('layouts.nurse')

@section('title', 'Mother Profile')

@section('content')
<div class="py-8">
    <!-- Page Header -->
    <div class="mb-6">
        <div class="flex items-center justify-between">
            <div>
                <h1 class="text-3xl font-bold text-pink-600 mb-2">
                    <i class="fas fa-user-circle mr-2"></i>Mother Profile
                </h1>
                <p class="text-gray-600">Read-only view of mother's profile information</p>
            </div>
            <a href="{{ route('dashboard.nurse') }}" 
               class="inline-flex items-center px-4 py-2 bg-gradient-to-r from-pink-500 to-pink-600 text-white rounded-lg hover:from-pink-600 hover:to-pink-700 transition-colors">
                <i class="fas fa-arrow-left mr-2"></i>Back to Dashboard
            </a>
        </div>
    </div>

    <!-- Profile Content -->
    <div class="max-w-6xl mx-auto">
        <!-- Profile Header Card -->
        <div class="bg-white rounded-lg shadow-md overflow-hidden mb-6">
            <div class="p-6">
                <div class="flex items-center space-x-6">
                    <div class="relative">
                        @if($expectantMother->avatar_url)
                            <img src="{{ asset('storage/' . $expectantMother->avatar_url) }}"
                                 alt="Profile Picture"
                                 class="w-24 h-24 rounded-full object-cover shadow-lg border-4 border-pink-100">
                        @elseif($user->profile_picture)
                            <img src="{{ $user->profile_picture_url }}"
                                 alt="Profile Picture"
                                 class="w-24 h-24 rounded-full object-cover shadow-lg border-4 border-pink-100">
                        @else
                            <div class="w-24 h-24 rounded-full bg-gradient-to-br from-pink-400 to-yellow-400 flex items-center justify-center text-white text-2xl font-bold border-4 border-pink-200">
                                {{ strtoupper(substr($expectantMother->mother_full_name ?? $user->name ?? 'U', 0, 1)) }}{{ strtoupper(substr(explode(' ', $expectantMother->mother_full_name ?? $user->name ?? 'U')[1] ?? 'U', 0, 1)) }}
                            </div>
                        @endif
                    </div>
                    <div class="flex-1">
                        <h2 class="text-2xl font-bold text-gray-900">{{ $expectantMother->mother_full_name ?? $user->name }}</h2>
                        <p class="text-gray-600">Series Number: <span class="font-mono font-semibold">{{ $expectantMother->series_number ?? 'N/A' }}</span></p>
                        <p class="text-gray-600">Email: {{ $user->email }}</p>
                        @if($expectantMother->phone_number)
                            <p class="text-gray-600">Phone: {{ $expectantMother->phone_number }}</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!-- Section 1: Mother Information -->
        <div class="bg-white rounded-lg shadow-md overflow-hidden mb-6 border border-gray-100">
            <div class="bg-gradient-to-r from-pink-500 to-pink-600 px-6 py-4">
                <h3 class="text-xl font-semibold text-white flex items-center">
                    <i class="fas fa-female mr-2"></i>
                    Mother Information
                </h3>
            </div>
            <div class="p-6">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <label class="block text-sm font-medium text-gray-500 mb-1">IC Number</label>
                        <p class="text-gray-900 font-medium">{{ $expectantMother->ic_number ?? 'Not provided' }}</p>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-500 mb-1">Full Name</label>
                        <p class="text-gray-900 font-medium">{{ $expectantMother->mother_full_name ?? 'Not provided' }}</p>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-500 mb-1">Ethnicity</label>
                        <p class="text-gray-900 font-medium">{{ $expectantMother->ethnicity ?? 'Not provided' }}</p>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-500 mb-1">Nationality</label>
                        <p class="text-gray-900 font-medium">{{ $expectantMother->nationality ?? 'Not provided' }}</p>
                        @if($expectantMother->nationality === 'Foreigner' && $expectantMother->nationality_other)
                            <p class="text-sm text-gray-600 mt-1">({{ $expectantMother->nationality_other }})</p>
                        @endif
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-500 mb-1">Educational Level</label>
                        <p class="text-gray-900 font-medium">{{ $expectantMother->educational_level ? ucwords($expectantMother->educational_level) : 'Not provided' }}</p>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-500 mb-1">Occupation</label>
                        <p class="text-gray-900 font-medium">{{ $expectantMother->occupation ?? 'Not provided' }}</p>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-500 mb-1">Phone Number</label>
                        <p class="text-gray-900 font-medium">{{ $expectantMother->phone_number ?? 'Not provided' }}</p>
                    </div>
                </div>

                <!-- Address Fields -->
                <div class="mt-6 space-y-4">
                    <div>
                        <label class="block text-sm font-medium text-gray-500 mb-1">Home Address</label>
                        <p class="text-gray-900">{{ $expectantMother->home_address ?? 'Not provided' }}</p>
                    </div>
                    @if($expectantMother->family_home_address)
                        <div>
                            <label class="block text-sm font-medium text-gray-500 mb-1">Family Home Address</label>
                            <p class="text-gray-900">{{ $expectantMother->family_home_address }}</p>
                        </div>
                    @endif
                    @if($expectantMother->work_address)
                        <div>
                            <label class="block text-sm font-medium text-gray-500 mb-1">Work Address</label>
                            <p class="text-gray-900">{{ $expectantMother->work_address }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Section 2: Husband Information -->
        @if($expectantMother->husband_full_name || $expectantMother->husband_ic_number || $expectantMother->husband_occupation)
            <div class="bg-white rounded-lg shadow-md overflow-hidden mb-6 border border-gray-100">
                <div class="bg-gradient-to-r from-blue-500 to-blue-600 px-6 py-4">
                    <h3 class="text-xl font-semibold text-white flex items-center">
                        <i class="fas fa-male mr-2"></i>
                        Husband Information
                    </h3>
                </div>
                <div class="p-6">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        @if($expectantMother->husband_full_name)
                            <div>
                                <label class="block text-sm font-medium text-gray-500 mb-1">Full Name</label>
                                <p class="text-gray-900 font-medium">{{ $expectantMother->husband_full_name }}</p>
                            </div>
                        @endif
                        @if($expectantMother->husband_ic_number)
                            <div>
                                <label class="block text-sm font-medium text-gray-500 mb-1">IC Number</label>
                                <p class="text-gray-900 font-medium">{{ $expectantMother->husband_ic_number }}</p>
                            </div>
                        @endif
                        @if($expectantMother->husband_occupation)
                            <div>
                                <label class="block text-sm font-medium text-gray-500 mb-1">Occupation</label>
                                <p class="text-gray-900 font-medium">{{ $expectantMother->husband_occupation }}</p>
                            </div>
                        @endif
                        @if($expectantMother->husband_phone_number)
                            <div>
                                <label class="block text-sm font-medium text-gray-500 mb-1">Phone Number</label>
                                <p class="text-gray-900 font-medium">{{ $expectantMother->husband_phone_number }}</p>
                            </div>
                        @endif
                        @if($expectantMother->husband_work_address)
                            <div class="md:col-span-2">
                                <label class="block text-sm font-medium text-gray-500 mb-1">Work Address</label>
                                <p class="text-gray-900 font-medium">{{ $expectantMother->husband_work_address }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        @endif

        <!-- Section 3: General Information -->
        <div class="bg-white rounded-lg shadow-md overflow-hidden mb-6 border border-gray-100">
            <div class="bg-gradient-to-r from-green-500 to-green-600 px-6 py-4">
                <h3 class="text-xl font-semibold text-white flex items-center">
                    <i class="fas fa-info-circle mr-2"></i>
                    General Information
                </h3>
            </div>
            <div class="p-6">
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    @if($expectantMother->number_of_fetus)
                        <div>
                            <label class="block text-sm font-medium text-gray-500 mb-1">Number of Fetus</label>
                            <p class="text-gray-900 font-medium">{{ $expectantMother->number_of_fetus }}</p>
                        </div>
                    @endif
                    @if($expectantMother->number_of_living_children !== null)
                        <div>
                            <label class="block text-sm font-medium text-gray-500 mb-1">Number of Living Children</label>
                            <p class="text-gray-900 font-medium">{{ $expectantMother->number_of_living_children }}</p>
                        </div>
                    @endif
                    @if($expectantMother->marriage_date)
                        <div>
                            <label class="block text-sm font-medium text-gray-500 mb-1">Marriage Date</label>
                            <p class="text-gray-900 font-medium">{{ \Carbon\Carbon::parse($expectantMother->marriage_date)->format('F j, Y') }}</p>
                        </div>
                    @endif
                    @if($expectantMother->menache)
                        <div>
                            <label class="block text-sm font-medium text-gray-500 mb-1">Menache</label>
                            <p class="text-gray-900 font-medium">{{ $expectantMother->menache }}</p>
                        </div>
                    @endif
                    @if($expectantMother->family_planning_method !== null)
                        <div>
                            <label class="block text-sm font-medium text-gray-500 mb-1">Family Planning Method</label>
                            <p class="text-gray-900 font-medium">
                                {{ $expectantMother->family_planning_method == 1 ? 'Yes' : 'No' }}
                                @if($expectantMother->family_planning_method == 1 && $expectantMother->family_planning_method_specify)
                                    <span class="text-sm text-gray-600"> - {{ $expectantMother->family_planning_method_specify }}</span>
                                @endif
                            </p>
                        </div>
                    @endif
                    @if($expectantMother->mother_smoking_status)
                        <div>
                            <label class="block text-sm font-medium text-gray-500 mb-1">Mother Smoking Status</label>
                            <p class="text-gray-900 font-medium">{{ $expectantMother->mother_smoking_status }}</p>
                        </div>
                    @endif
                    @if($expectantMother->husband_smoking_status)
                        <div>
                            <label class="block text-sm font-medium text-gray-500 mb-1">Husband Smoking Status</label>
                            <p class="text-gray-900 font-medium">{{ $expectantMother->husband_smoking_status }}</p>
                        </div>
                    @endif
                    @if($expectantMother->tibi_screening_cough !== null)
                        <div>
                            <label class="block text-sm font-medium text-gray-500 mb-1">TB Screening: Cough > 2 weeks</label>
                            <p class="text-gray-900 font-medium">{{ $expectantMother->tibi_screening_cough == 1 ? 'Yes' : 'No' }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Section 4: Family Health -->
        <div class="bg-white rounded-lg shadow-md overflow-hidden mb-6 border border-gray-100">
            <div class="bg-purple-600 px-6 py-4">
                <h3 class="text-xl font-semibold text-white flex items-center">
                    <i class="fas fa-heartbeat mr-2"></i>
                    Family Health
                </h3>
            </div>
            <div class="p-6">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <!-- Mother Health -->
                    <div>
                        <h4 class="text-lg font-medium text-gray-700 mb-3 flex items-center">
                            <i class="fas fa-female text-pink-500 mr-2"></i>Mother
                        </h4>
                        @php
                            $motherConditions = [];
                            $conditions = ['diabetes', 'hipertension', 'allergy', 'psychiatry', 'asthma', 'heart_disease', 'tibi', 'anemia', 'thalasemia', 'tiroid', 'cancer'];
                            foreach($conditions as $condition) {
                                if($expectantMother->{'mother_' . $condition}) {
                                    $motherConditions[] = ucfirst(str_replace('_', ' ', $condition));
                                }
                            }
                            if($expectantMother->mother_other && $expectantMother->mother_other_specify) {
                                $motherConditions[] = $expectantMother->mother_other_specify;
                            }
                        @endphp
                        @if(count($motherConditions) > 0)
                            <ul class="space-y-2">
                                @foreach($motherConditions as $condition)
                                    <li class="flex items-center text-gray-700">
                                        <i class="fas fa-check-circle text-pink-500 mr-2"></i>
                                        {{ $condition }}
                                    </li>
                                @endforeach
                            </ul>
                        @else
                            <p class="text-gray-500 italic">No health conditions reported</p>
                        @endif
                    </div>

                    <!-- Father Health -->
                    <div>
                        <h4 class="text-lg font-medium text-gray-700 mb-3 flex items-center">
                            <i class="fas fa-male text-blue-500 mr-2"></i>Father
                        </h4>
                        @php
                            $fatherConditions = [];
                            foreach($conditions as $condition) {
                                if($expectantMother->{'father_' . $condition}) {
                                    $fatherConditions[] = ucfirst(str_replace('_', ' ', $condition));
                                }
                            }
                            if($expectantMother->father_other && $expectantMother->father_other_specify) {
                                $fatherConditions[] = $expectantMother->father_other_specify;
                            }
                        @endphp
                        @if(count($fatherConditions) > 0)
                            <ul class="space-y-2">
                                @foreach($fatherConditions as $condition)
                                    <li class="flex items-center text-gray-700">
                                        <i class="fas fa-check-circle text-blue-500 mr-2"></i>
                                        {{ $condition }}
                                    </li>
                                @endforeach
                            </ul>
                        @else
                            <p class="text-gray-500 italic">No health conditions reported</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!-- Note -->
        <div class="bg-blue-50 border border-blue-200 rounded-lg p-4 text-center">
            <p class="text-sm text-blue-800">
                <i class="fas fa-info-circle mr-2"></i>
                This is a read-only view. Profile information is managed by the clinic.
            </p>
        </div>
    </div>
</div>
@endsection