<div>
    <table class="headerTable" style="padding-top: 3px;">
        <tr>
            <td style="width: 50%; padding: 4px;">
                <div style="float: left;">
                    <span> <b>Name: </b></span>
                    <span>{{patient.givenName + (patient.middleName ? (" " + patient.middleName) : "") + (patient.familyName ? (" " + patient.familyName) : "") | uppercase}}</span>
                    <span class="custom-bold-text">&nbsp;&nbsp;<b> Patient ID: </b></span><span>{{patient.identifier}}</span>
                    <span ng-if="patient.fatherName.value != undefined"><br><b>Father's Name:</b> {{patient.fatherName.value}}</span>
                    <span ng-if="patient.motherName.value != undefined"><br><b>Mother's Name:</b> {{patient.motherName.value}} </span>
                    <span><br> <b>Age: </b></span><span>{{patient.age}}</span>
                    <span>&nbsp;&nbsp; <b>Gender:</b> </span>
                    <span ng-if="patient.gender == 'M' "> Male</span>
                    <span ng-if="patient.gender == 'F' "> Female</span>
                    <span ng-if="patient.gender == 'O' "> Other</span>
                    <br>
                </div>
            </td>
            <td style="width: 50%; padding: 4px;">
                <div style="float: left;">
                    <span class="custom-bold-text"> <b>Address: </b></span>
                    <span>
                {{patient.address.address1 ? patient.address.address1 + "," : ""}}
                {{patient.address.address2 ? patient.address.address2 + "," : ""}}
                {{patient.address.address3 ? patient.address.address3 + "," : ""}}
                {{patient.address.address4 ? patient.address.address4 + "," : ""}}
                {{patient.address.address5 ? patient.address.address5 + "," : ""}}
                {{patient.address.countyDistrict ? patient.address.countyDistrict + "," : ""}}
                {{patient.address.stateProvince}}
                    </span><br>
                    <span ng-if="patient.phoneNumber"><b> Mobile No: </b></span><span>{{patient.phoneNumber.value}}</span><br>
                    <span ng-if="patient.occupation"><b>Occupation: </b></span><span>{{patient.occupation.value.display.split(',')[1]}}</span>
                    <span ng-if="patient.occupation">&nbsp;&nbsp;<b> Religion:</b> </span><span>{{patient.religion.value.display}}</span><br>
                </div>
            </td>
        </tr>
    </table>
</div>