@if ($get_id_relationship != 1)
    
    <div class="form-group">
        <label><b>Nama Keluarga</b> <small><font color="red">*</font></small></label>
        <select class="form-control form-control-solid SelectFamilyRegisterPatient" data-width="100%" name="id_family" required>
            <option value="">Pilih Nama Keluarga</option>
            @foreach ($query_family as $data_family)
                @if ($data_family->user_no == $user_no && $data_family->id_relationship == $get_id_relationship && $data_family->id_status == 1)
                {{-- @php
                    $dob_family = $data_family->dob_family;
                    list($day, $month, $year) = explode('/', $dob_family);
                    $currentYear = date('Y');
                    $age = $currentYear - $year;
                    if (date('m') < $month || (date('m') == $month && date('d') < $day)) {
                        $age--;
                    }
                @endphp --}}
                @php
                    $dob_family = $data_family->dob_family;
                    list($day, $month, $year) = explode('/', $dob_family);
                    $currentYear = date('Y');
                    $age = $currentYear - $year; // Simple year-based calculation
                @endphp
                <option value="{{ $data_family->id_family }}" {{ old('id_family') == $data_family->id_family ? "selected" : "" }}> {{ Str::upper($data_family->name_family.' ('.$age.' TAHUN)') }}</option>

                @endif
            @endforeach
        </select>

        @error('id_family')
            <font color="#ff0000">{{ $message }}</font>
        @enderror
    </div>

@else

    <div class="form-group">
        <label><b>Nama Keluarga</b> <small><font color="red">*</font></small></label>
        <input type="hidden" value="0" name="id_family">
        <select class="form-control form-control-solid SelectFamilyRegisterPatient" data-width="100%" readonly>
            <option value="">SENDIRI</option>
        </select>
    </div>

@endif

<script>
$(document).ready(function() {
    $('.SelectFamilyRegisterPatient').select2({
            width: '100%'
        }).next('.select2-container').find('.select2-selection--single, .select2-selection--multiple').css({
            height: '40px',
            color: '#B5B5C3',
            backgroundColor: '#F3F6F9',
            outline: 'none',
            borderColor: '#fff'
        }).end().find('.select2-selection__rendered').css({
            marginLeft: '5px',
            color: '#B5B5C3',
            fontWeight: '400'
        });
});
</script>