@extends('adminlte::page')

@section('title', $memberProfile->full_name)

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>{{ $memberProfile->full_name }}</h1>
        <div>
            <a href="{{ route('member-profiles.edit', $memberProfile) }}" class="btn btn-warning">
                <i class="fas fa-edit"></i> Edit
            </a>
            <a href="{{ route('member-profiles.index') }}" class="btn btn-default">
                <i class="fas fa-arrow-left"></i> Back
            </a>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Personal Information</h3>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-4">ID</dt>
                        <dd class="col-sm-8">{{ $memberProfile->id }}</dd>

                        <dt class="col-sm-4">Member</dt>
                        <dd class="col-sm-8">
                            <a href="{{ route('members.show', $memberProfile->member) }}">
                                {{ $memberProfile->member->name }}
                            </a>
                            <span class="text-muted">({{ $memberProfile->member->email }})</span>
                        </dd>

                        <dt class="col-sm-4">First Name</dt>
                        <dd class="col-sm-8">{{ $memberProfile->first_name }}</dd>

                        <dt class="col-sm-4">Last Name</dt>
                        <dd class="col-sm-8">{{ $memberProfile->last_name }}</dd>

                        <dt class="col-sm-4">Date of Birth</dt>
                        <dd class="col-sm-8">{{ $memberProfile->date_of_birth?->format('M d, Y') ?? '—' }}</dd>

                        <dt class="col-sm-4">Relationship</dt>
                        <dd class="col-sm-8">{{ ucfirst($memberProfile->relationship_status) }}</dd>

                        <dt class="col-sm-4">Height</dt>
                        <dd class="col-sm-8">{{ $memberProfile->height ? $memberProfile->height . ' cm' : '—' }}</dd>

                        <dt class="col-sm-4">Body Type</dt>
                        <dd class="col-sm-8">{{ $memberProfile->body_type ? ucfirst($memberProfile->body_type) : '—' }}</dd>

                        <dt class="col-sm-4">Occupation</dt>
                        <dd class="col-sm-8">{{ $memberProfile->occupation ?? '—' }}</dd>

                        <dt class="col-sm-4">Education</dt>
                        <dd class="col-sm-8">{{ $memberProfile->education ?? '—' }}</dd>
                    </dl>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Location & Lifestyle</h3>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-4">City</dt>
                        <dd class="col-sm-8">{{ $memberProfile->city ?? '—' }}</dd>

                        <dt class="col-sm-4">State</dt>
                        <dd class="col-sm-8">{{ $memberProfile->state ?? '—' }}</dd>

                        <dt class="col-sm-4">Country</dt>
                        <dd class="col-sm-8">{{ $memberProfile->country ?? '—' }}</dd>

                        <dt class="col-sm-4">Coordinates</dt>
                        <dd class="col-sm-8">
                            @if($memberProfile->latitude && $memberProfile->longitude)
                                {{ $memberProfile->latitude }}, {{ $memberProfile->longitude }}
                            @else
                                —
                            @endif
                        </dd>

                        <dt class="col-sm-4">Drinking</dt>
                        <dd class="col-sm-8">{{ $memberProfile->drinking_habits ? ucfirst($memberProfile->drinking_habits) : '—' }}</dd>

                        <dt class="col-sm-4">Smoking</dt>
                        <dd class="col-sm-8">{{ $memberProfile->smoking_habits ? ucfirst($memberProfile->smoking_habits) : '—' }}</dd>

                        <dt class="col-sm-4">Interests</dt>
                        <dd class="col-sm-8">
                            @if(is_array($memberProfile->interests) && count($memberProfile->interests))
                                @foreach($memberProfile->interests as $interest)
                                    <span class="badge badge-info mr-1">{{ $interest }}</span>
                                @endforeach
                            @else
                                —
                            @endif
                        </dd>

                        <dt class="col-sm-4">Verified</dt>
                        <dd class="col-sm-8">
                            @if($memberProfile->is_verified)
                                <span class="badge badge-success">Yes</span>
                            @else
                                <span class="badge badge-secondary">No</span>
                            @endif
                        </dd>

                        <dt class="col-sm-4">Profile Complete</dt>
                        <dd class="col-sm-8">
                            @if($memberProfile->profile_complete)
                                <span class="badge badge-primary">Yes</span>
                            @else
                                <span class="badge badge-secondary">No</span>
                            @endif
                        </dd>

                        <dt class="col-sm-4">Profile Updated</dt>
                        <dd class="col-sm-8">{{ $memberProfile->profile_updated_at?->format('M d, Y H:i') ?? '—' }}</dd>

                        <dt class="col-sm-4">Created</dt>
                        <dd class="col-sm-8">{{ $memberProfile->created_at->format('M d, Y H:i') }}</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
@stop