<div>
    <label class="mb-0 d-block d-flex align-items-center">
        <input type="checkbox" v-model="called_patient" name="called_patient" class="mr-1">
        <span>Called the patient (#3)</span>
    </label>
    <div class="pl-4 mt-2" v-if="called_patient">
        <div class="mb-2">
            <label class="mb-0 d-block d-flex align-items-center">
                <input type="radio" v-model="called_patient_result" name="called_patient_result" class="mr-1" value="no_answer">
                <span>No Answer</span>
            </label>
            <div class="pl-4 mt-2" v-if="called_patient_result === 'no_answer'">
                <div class="mb-2">
                    <div class="mb-2">
                        <label class="mb-0 d-block d-flex align-items-center">
                            <input type="radio" v-model="no_answer_result" name="no_answer_result" value="left_voicemail" class="mr-1">
                            <span>Left voicemail on machine</span>
                        </label>
                    </div>
                    <div class="mb-2">
                        <label class="mb-0 d-block d-flex align-items-center">
                            <input type="radio" v-model="no_answer_result" name="no_answer_result" value="voicemailbox_full" class="mr-1">
                            <span>Voicemail box was full</span>
                        </label>
                    </div>
                    <div class="mb-2">
                        <label class="mb-0 d-block d-flex align-items-center">
                            <input type="radio" v-model="no_answer_result" name="no_answer_result" value="will_try_later" class="mr-1">
                            <span>Disconnected w/o voicemail, will try again later</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="mb-2">
            <label class="mb-0 d-block d-flex align-items-center">
                <input type="radio" v-model="called_patient_result" name="called_patient_result" class="mr-1" value="spoke_to_patient">
                Spoke to patient
            </label>
        </div>
        <div class="mb-2">
            <label class="mb-0 d-block d-flex align-items-center">
                <input type="radio" v-model="called_patient_result" name="called_patient_result" class="mr-1" value="spoke_to_other">
                Spoke to someone other than the patient
            </label>
            <div class="pl-4 mt-2" v-if="called_patient_result === 'spoke_to_other'">
                <div class="mb-2">
                    <label class="mb-0 d-block d-flex align-items-center">
                        <span class="mr-1">Who</span>
                        <input type="text" v-model="spoke_to_whom" name="spoke_to_whom" class="form-control form-control-sm">
                    </label>
                </div>
            </div>
        </div>
    </div>
</div>
