<div class="col-md-12 addr-list" style="border-top: 1px solid #C0BFBF;" ng-if="selectedAppointment.visit.visitor.customData.dataJson.hasOwnProperty('to_meet')">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-user list-topic" aria-hidden="true"></span>{{ 'to_meet' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.customData.dataJson.to_meet}}
    </h5>
</div>
<div class="col-md-12 addr-list" ng-if="selectedAppointment.visit.visitor.customData.dataJson.hasOwnProperty('age')">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-user list-topic" aria-hidden="true"></span>{{ 'age' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.customData.dataJson.age}} {{ 'years' | tLocals}}
    </h5>
</div>
<div class="col-md-12 addr-list" ng-if="selectedAppointment.visit.visitor.customData.dataJson.hasOwnProperty('nic')">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-id-card list-topic" aria-hidden="true"></span>{{ 'nic' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.customData.dataJson.nic}}
    </h5>
</div>
<div class="col-md-12 addr-list" ng-if="selectedAppointment.visit.visitor.customData.dataJson.hasOwnProperty('id')">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-id-card list-topic" aria-hidden="true"></span>{{ 'id' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.customData.dataJson.id}}
    </h5>
</div>
<div class="col-md-12 addr-list" ng-if="selectedAppointment.visit.visitor.customData.dataJson.hasOwnProperty('language')">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-language list-topic" aria-hidden="true"></span>{{ 'language' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.customData.dataJson.language.language}}
    </h5>
</div>
<div class="col-md-12 addr-list" ng-if="selectedAppointment.visit.visitor.customData.dataJson.hasOwnProperty('purpose')">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-tasks list-topic" aria-hidden="true"></span>{{ 'purpose' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.customData.dataJson.purpose}}
    </h5>
</div>
<div class="col-md-12 addr-list" ng-if="selectedAppointment.visit.visitor.customData.dataJson.hasOwnProperty('account_number')">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-university list-topic" aria-hidden="true"></span>{{ 'account_number' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.customData.dataJson.account_number}}
    </h5>
</div>
<div class="col-md-12 addr-list" ng-if="selectedAppointment.visit.visitor.customData.dataJson.hasOwnProperty('amount')">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-money list-topic" aria-hidden="true"></span>{{ 'amount' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.customData.dataJson.amount | currency}}
    </h5>
</div>
<div class="col-md-12 addr-list" ng-if="selectedAppointment.visit.visitor.customData.dataJson.hasOwnProperty('reason')">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-info-circle list-topic" aria-hidden="true"></span>{{ 'reason' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.customData.dataJson.reason}}
    </h5>
</div>
<div class="col-md-12 addr-list" ng-if="selectedAppointment.visit.visitor.customData.dataJson.hasOwnProperty('address')">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-address-card-o list-topic" aria-hidden="true"></span>{{ 'address' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.customData.dataJson.address}}
    </h5>
</div>
<div class="col-md-12 addr-list">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-envelope-o list-topic" aria-hidden="true"></span>{{'u_email' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.email}}
    </h5>
</div>
<div class="col-md-12 addr-list">
    <h5 class="col-md-4 col-sm-4 col-xs-4 flex col-xs-ignore"><span class="fa fa-phone-square list-topic" aria-hidden="true"></span>{{'u_phone' | tLocals}}:
    </h5>
    <h5 class="col-md-8 col-sm-8 col-xs-8 list-val">
        {{selectedAppointment.visit.visitor.primaryTelephone}}
    </h5>
</div>