@php
    $isEdit = isset($memberProfile);
    $interestsValue = old('interests');
    if ($interestsValue === null && $isEdit && is_array($memberProfile->interests)) {
        $interestsValue = implode(', ', $memberProfile->interests);
    }
@endphp

<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <label for="member_id">Member <span class="text-danger">*</span></label>
            <select name="member_id" id="member_id" class="form-control @error('member_id') is-invalid @enderror" required>
                <option value="">— Select Member —</option>
                @foreach($members as $member)
                    <option value="{{ $member->id }}" @selected(old('member_id', $memberProfile->member_id ?? '') == $member->id)>
                        {{ $member->name }} ({{ $member->email }})
                    </option>
                @endforeach
            </select>
            @error('member_id')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-3">
        <div class="form-group">
            <label for="first_name">First Name <span class="text-danger">*</span></label>
            <input type="text" name="first_name" id="first_name"
                class="form-control @error('first_name') is-invalid @enderror"
                value="{{ old('first_name', $memberProfile->first_name ?? '') }}" required>
            @error('first_name')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-3">
        <div class="form-group">
            <label for="last_name">Last Name <span class="text-danger">*</span></label>
            <input type="text" name="last_name" id="last_name"
                class="form-control @error('last_name') is-invalid @enderror"
                value="{{ old('last_name', $memberProfile->last_name ?? '') }}" required>
            @error('last_name')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="form-group">
            <label for="date_of_birth">Date of Birth</label>
            <input type="date" name="date_of_birth" id="date_of_birth"
                class="form-control @error('date_of_birth') is-invalid @enderror"
                value="{{ old('date_of_birth', isset($memberProfile) && $memberProfile->date_of_birth ? $memberProfile->date_of_birth->format('Y-m-d') : '') }}">
            @error('date_of_birth')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-4">
        <div class="form-group">
            <label for="relationship_status">Relationship Status <span class="text-danger">*</span></label>
            <select name="relationship_status" id="relationship_status"
                class="form-control @error('relationship_status') is-invalid @enderror" required>
                @foreach(\App\Models\MemberProfile::RELATIONSHIP_STATUSES as $status)
                    <option value="{{ $status }}" @selected(old('relationship_status', $memberProfile->relationship_status ?? 'single') === $status)>
                        {{ ucfirst($status) }}
                    </option>
                @endforeach
            </select>
            @error('relationship_status')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-4">
        <div class="form-group">
            <label for="height">Height (cm)</label>
            <input type="number" name="height" id="height"
                class="form-control @error('height') is-invalid @enderror"
                value="{{ old('height', $memberProfile->height ?? '') }}" min="50" max="300">
            @error('height')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="form-group">
            <label for="body_type">Body Type</label>
            <select name="body_type" id="body_type" class="form-control @error('body_type') is-invalid @enderror">
                <option value="">— Select —</option>
                @foreach(\App\Models\MemberProfile::BODY_TYPES as $type)
                    <option value="{{ $type }}" @selected(old('body_type', $memberProfile->body_type ?? '') === $type)>
                        {{ ucfirst($type) }}
                    </option>
                @endforeach
            </select>
            @error('body_type')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-4">
        <div class="form-group">
            <label for="drinking_habits">Drinking Habits</label>
            <select name="drinking_habits" id="drinking_habits" class="form-control @error('drinking_habits') is-invalid @enderror">
                <option value="">— Select —</option>
                @foreach(\App\Models\MemberProfile::HABITS as $habit)
                    <option value="{{ $habit }}" @selected(old('drinking_habits', $memberProfile->drinking_habits ?? '') === $habit)>
                        {{ ucfirst($habit) }}
                    </option>
                @endforeach
            </select>
            @error('drinking_habits')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-4">
        <div class="form-group">
            <label for="smoking_habits">Smoking Habits</label>
            <select name="smoking_habits" id="smoking_habits" class="form-control @error('smoking_habits') is-invalid @enderror">
                <option value="">— Select —</option>
                @foreach(\App\Models\MemberProfile::HABITS as $habit)
                    <option value="{{ $habit }}" @selected(old('smoking_habits', $memberProfile->smoking_habits ?? '') === $habit)>
                        {{ ucfirst($habit) }}
                    </option>
                @endforeach
            </select>
            @error('smoking_habits')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="form-group">
            <label for="city">City</label>
            <input type="text" name="city" id="city"
                class="form-control @error('city') is-invalid @enderror"
                value="{{ old('city', $memberProfile->city ?? '') }}">
            @error('city')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-4">
        <div class="form-group">
            <label for="state">State</label>
            <input type="text" name="state" id="state"
                class="form-control @error('state') is-invalid @enderror"
                value="{{ old('state', $memberProfile->state ?? '') }}">
            @error('state')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-4">
        <div class="form-group">
            <label for="country">Country</label>
            <input type="text" name="country" id="country"
                class="form-control @error('country') is-invalid @enderror"
                value="{{ old('country', $memberProfile->country ?? '') }}">
            @error('country')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <label for="latitude">Latitude</label>
            <input type="number" name="latitude" id="latitude" step="any"
                class="form-control @error('latitude') is-invalid @enderror"
                value="{{ old('latitude', $memberProfile->latitude ?? '') }}">
            @error('latitude')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-6">
        <div class="form-group">
            <label for="longitude">Longitude</label>
            <input type="number" name="longitude" id="longitude" step="any"
                class="form-control @error('longitude') is-invalid @enderror"
                value="{{ old('longitude', $memberProfile->longitude ?? '') }}">
            @error('longitude')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <label for="occupation">Occupation</label>
            <input type="text" name="occupation" id="occupation"
                class="form-control @error('occupation') is-invalid @enderror"
                value="{{ old('occupation', $memberProfile->occupation ?? '') }}">
            @error('occupation')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-6">
        <div class="form-group">
            <label for="education">Education</label>
            <input type="text" name="education" id="education"
                class="form-control @error('education') is-invalid @enderror"
                value="{{ old('education', $memberProfile->education ?? '') }}">
            @error('education')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            <label for="interests">Interests</label>
            <textarea name="interests" id="interests" rows="3"
                class="form-control @error('interests') is-invalid @enderror"
                placeholder="e.g. hiking, music, travel">{{ $interestsValue }}</textarea>
            <small class="form-text text-muted">Enter interests separated by commas.</small>
            @error('interests')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="form-group">
            <label for="profile_updated_at">Profile Updated At</label>
            <input type="datetime-local" name="profile_updated_at" id="profile_updated_at"
                class="form-control @error('profile_updated_at') is-invalid @enderror"
                value="{{ old('profile_updated_at', isset($memberProfile) && $memberProfile->profile_updated_at ? $memberProfile->profile_updated_at->format('Y-m-d\TH:i') : '') }}">
            <small class="form-text text-muted">Leave empty to use the current date and time.</small>
            @error('profile_updated_at')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-4">
        <div class="form-group">
            <div class="custom-control custom-checkbox mt-4">
                <input type="checkbox" name="is_verified" id="is_verified" value="1"
                    class="custom-control-input"
                    @checked(old('is_verified', $memberProfile->is_verified ?? false))>
                <label class="custom-control-label" for="is_verified">Verified</label>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="form-group">
            <div class="custom-control custom-checkbox mt-4">
                <input type="checkbox" name="profile_complete" id="profile_complete" value="1"
                    class="custom-control-input"
                    @checked(old('profile_complete', $memberProfile->profile_complete ?? false))>
                <label class="custom-control-label" for="profile_complete">Profile Complete</label>
            </div>
        </div>
    </div>
</div>