<commit_before><!--TODO: Align with Enrolment - use review person card - needs to be move to msp-core -->
<msp-review-card [title]="title" [editRouterLink]="editRouterLink">

  <div class="row" *ngIf="person.hasFullName">
    <div class="col-sm-4">
      <label for="">{{lang('./en/index.js').nameLabel}}

      </label>
    </div>
    <div class="col-sm-8">
      <span id="{{person.uuid}}-{{person.relationship}}-fullname"><strong>{{person.fullName}}</strong></span>
    </div>
  </div>

  <div class="row" *ngIf="person.gender">
    <div class="col-sm-4">
      {{lang('./en/index.js').genderLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{lang('./en/index.js').genderValues[person.gender]}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.hasDob">
    <div class="col-sm-4">
      {{lang('./en/index.js').dobLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{formatDateField( this.person.dob )}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.healthNumberFromOtherProvince">
    <div class="col-sm-4">
      {{lang('./en/index.js').previousHealthNumberLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.healthNumberFromOtherProvince}}</strong>
    </div>
  </div>
  
  <div class="row" *ngIf="person.previous_phn">
    <div class="col-sm-4">
      {{lang('./en/index.js').personalHealthNumberLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.previous_phn}}</strong>
    </div>
  </div>
  <div class="row" *ngIf="person.sin">
    <div class="col-sm-4">
      {{lang('./en/index.js').sinNumberLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.sin}}</strong>
    </div>
  </div>
  
  <!-- Only for spouse-->
  <div class="row" *ngIf="person.prevLastName && person.relationship==1">
    <div class="col-sm-4">
      {{lang('./en/index.js').prevLastNameLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.prevLastName}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="hasMarriageDate">
    <div class="col-sm-4">
      {{lang('./en/index.js').marriageDateLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{formatDateField(person.marriageDate)}}</strong>
    </div>
  </div>

  <!-- DEAM has address for every person..Account holder has address..Cancellation comes with Address -->
  <msp-address-card-part [address]="person.residentialAddress" *ngIf="accountCard"
    [label]="lang('./en/index.js').residentialAddressLabel"></msp-address-card-part>


  <msp-address-card-part [address]="person.mailingAddress" *ngIf="accountCard"
    [label]="lang('./en/index.js').mailingAddressLabel"></msp-address-card-part>


  <div class="row" *ngIf="person.phoneNumber && accountCard">
    <div class="col-sm-4">
      {{lang('./en/index.js').phoneLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.phoneNumber}}</strong>
    </div>

  </div>

  <!-- Only for removals -->
  <div class="row" *ngIf="person.reasonForCancellation && person.operationActionType == 1 ">
    <div class="col-sm-4">
      {{lang('./en/index.js').reasonForCancellationLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.reasonForCancellation}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.cancellationDate && person.operationActionType == 1">
    <div class="col-sm-4">
      {{lang('./en/index.js').cancellationDateLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{formatDateField(person.cancellationDate)}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.newlyAdopted">
    <div class="col-sm-4">
      {{lang('./en/index.js').newlyAdoptedLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.newlyAdopted ? "Yes": "No"}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.newlyAdopted">
    <div class="col-sm-4">
      {{lang('./en/index.js').dateAdoptedLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{formatDateField(person.adoptedDate)}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.hasArrivalToBC">
    <div class="col-sm-4">
      {{lang('./en/index.js').arrivedToBCLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.arrivalToBCDate.format(dateFormat)}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.hasArrivalToCanada">
    <div class="col-sm-4">
      {{lang('./en/index.js').arrivedToCanadaLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.arrivalToCanadaDate.format(dateFormat)}}</strong>
    </div>
  </div>
  <div class="row" *ngIf="person.declarationForOutsideOver30Days">
    <div class="col-sm-4">
      {{lang('./en/index.js').outsideBCLabel}}
    </div><commit_msg>Fixed arrival to bc and canada date in review page<commit_after><!--TODO: Align with Enrolment - use review person card - needs to be move to msp-core -->
<msp-review-card [title]="title" [editRouterLink]="editRouterLink">

  <div class="row" *ngIf="person.hasFullName">
    <div class="col-sm-4">
      <label for="">{{lang('./en/index.js').nameLabel}}

      </label>
    </div>
    <div class="col-sm-8">
      <span id="{{person.uuid}}-{{person.relationship}}-fullname"><strong>{{person.fullName}}</strong></span>
    </div>
  </div>

  <div class="row" *ngIf="person.gender">
    <div class="col-sm-4">
      {{lang('./en/index.js').genderLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{lang('./en/index.js').genderValues[person.gender]}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.hasDob">
    <div class="col-sm-4">
      {{lang('./en/index.js').dobLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{formatDateField( this.person.dob )}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.healthNumberFromOtherProvince">
    <div class="col-sm-4">
      {{lang('./en/index.js').previousHealthNumberLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.healthNumberFromOtherProvince}}</strong>
    </div>
  </div>
  
  <div class="row" *ngIf="person.previous_phn">
    <div class="col-sm-4">
      {{lang('./en/index.js').personalHealthNumberLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.previous_phn}}</strong>
    </div>
  </div>
  <div class="row" *ngIf="person.sin">
    <div class="col-sm-4">
      {{lang('./en/index.js').sinNumberLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.sin}}</strong>
    </div>
  </div>
  
  <!-- Only for spouse-->
  <div class="row" *ngIf="person.prevLastName && person.relationship==1">
    <div class="col-sm-4">
      {{lang('./en/index.js').prevLastNameLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.prevLastName}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="hasMarriageDate">
    <div class="col-sm-4">
      {{lang('./en/index.js').marriageDateLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{formatDateField(person.marriageDate)}}</strong>
    </div>
  </div>

  <!-- DEAM has address for every person..Account holder has address..Cancellation comes with Address -->
  <msp-address-card-part [address]="person.residentialAddress" *ngIf="accountCard"
    [label]="lang('./en/index.js').residentialAddressLabel"></msp-address-card-part>


  <msp-address-card-part [address]="person.mailingAddress" *ngIf="accountCard"
    [label]="lang('./en/index.js').mailingAddressLabel"></msp-address-card-part>


  <div class="row" *ngIf="person.phoneNumber && accountCard">
    <div class="col-sm-4">
      {{lang('./en/index.js').phoneLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.phoneNumber}}</strong>
    </div>

  </div>

  <!-- Only for removals -->
  <div class="row" *ngIf="person.reasonForCancellation && person.operationActionType == 1 ">
    <div class="col-sm-4">
      {{lang('./en/index.js').reasonForCancellationLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.reasonForCancellation}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.cancellationDate && person.operationActionType == 1">
    <div class="col-sm-4">
      {{lang('./en/index.js').cancellationDateLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{formatDateField(person.cancellationDate)}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.newlyAdopted">
    <div class="col-sm-4">
      {{lang('./en/index.js').newlyAdoptedLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{person.newlyAdopted ? "Yes": "No"}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.newlyAdopted">
    <div class="col-sm-4">
      {{lang('./en/index.js').dateAdoptedLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{formatDateField(person.adoptedDate)}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.hasArrivalToBC">
    <div class="col-sm-4">
      {{lang('./en/index.js').arrivedToBCLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{formatDateField(person.arrivalToBCDate)}}</strong>
    </div>
  </div>

  <div class="row" *ngIf="person.hasArrivalToCanada">
    <div class="col-sm-4">
      {{lang('./en/index.js').arrivedToCanadaLabel}}
    </div>
    <div class="col-sm-8">
      <strong>{{formatDateField(person.arrivalToCanadaDate)}}</strong>
    </div>
  </div>
  <div class="row" *ngIf="person.declarationForOutsideOver30Days">
    <div class="col-sm-4">
      {{lang('./en/index.js').outsideBCLabel}}
    </div>
{'fraction_non_alphanumeric': 0.22760599298693018, 'fraction_numerical': 0.007650621613006056, 'mean_word_length': 3.2511291779584464, 'pattern_counts': {'":': 2, '<': 275, '<?xml version=': 0, '>': 275, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7152796', 'n_tokens_mistral': 3490, 'n_tokens_neox': 3365, 'n_words': 494}