<commit_before><header-event></header-event>

<div class="wrapper new-family-registration">
  <div class="container-fluid mb-3">
    <div class="row">
      <div class="col-sm-12 my-2">
        <h3>New Family Registration</h3>
      </div><!--/col-sm-12-->

      <form (ngSubmit)="onSubmit(newFamilyRegistrationForm)" #newFamilyRegistrationForm="ngForm">

        <div class="col-xs-12 mb-2">
          <h4>Parent/Guardian Info</h4>
        </div>

        <div class="col-xs-12 mb-2" *ngFor="let parent of parents, let i = index;">
          <h4 *ngIf="i > 0">Parent/Guardian {{i + 1}} (Optional)</h4>

          <div class="row">
            <div class="col-xs-12 col-sm-6">
              <div class="form-group" [ngClass]="{'required' : i == 0 || optionalParentRequired}">
                <label for="firstName{{i}}" id="firstName{{i}}" class="control-label">First Name</label>
                <input type="text" class="form-control" [(ngModel)]="parents[i].FirstName" name="firstName{{i}}"
                  (blur)="requiredOnBlur($event)" [required]="i == 0 || optionalParentRequired">
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="form-group" [ngClass]="{'required' : i == 0 || optionalParentRequired}">
                <label for="lastName{{i}}" id="lastName{{i}}" class="control-label">Last Name</label>
                <input type="text" class="form-control" [(ngModel)]="parents[i].LastName" name="lastName{{i}}"
                  (blur)="requiredOnBlur($event)" [required]="i == 0 || optionalParentRequired">
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="form-group" [ngClass]="{'required' : i == 0}">
                <label for="phoneNumber{{i}}" id="phoneNumber{{i}}" class="control-label">Phone Number</label>
                <input type="text" class="form-control" [textMask]="{mask: maskPhoneNumber}" [(ngModel)]="parents[i].PhoneNumber" name="phoneNumber{{i}}"
                  (blur)="requiredOnBlur($event)" [required]="i == 0">
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="form-group">
                <label for="emailAddress{{i}}" class="control-label">Email</label>
                <input type="email" id="emailAddress" class="form-control" [(ngModel)]="parents[i].EmailAddress" name="emailAddress{{i}}" (blur)="checkIfEmailExists(parent, i)">
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="form-group">
                <label for="gender" class="control-label">Gender</label>

                <div class="form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="{{ 'genderRadio' + i + 2 }}" id="{{ 'genderRadio' + i + 2 }}" value="{{femaleGenderId}}" [checked]="parents[i].isFemale()" (change)="parents[i].GenderId = femaleGenderId">
                    Female
                  </label>
                </div>
                <div class="form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="{{ 'genderRadio' + i + 1 }}" id="{{ 'genderRadio' + i + 1 }}" value="{{maleGenderId}}" [checked]="parents[i].isMale()" (change)="parents[i].GenderId = maleGenderId">
                    Male
                  </label><commit_msg>Added IDs to controls on parent registration<commit_after><header-event></header-event>

<div class="wrapper new-family-registration">
  <div class="container-fluid mb-3">
    <div class="row">
      <div class="col-sm-12 my-2">
        <h3>New Family Registration</h3>
      </div><!--/col-sm-12-->

      <form (ngSubmit)="onSubmit(newFamilyRegistrationForm)" #newFamilyRegistrationForm="ngForm">

        <div class="col-xs-12 mb-2">
          <h4>Parent/Guardian Info</h4>
        </div>

        <div class="col-xs-12 mb-2" *ngFor="let parent of parents, let i = index;">
          <h4 *ngIf="i > 0">Parent/Guardian {{i + 1}} (Optional)</h4>

          <div class="row">
            <div class="col-xs-12 col-sm-6">
              <div class="form-group" [ngClass]="{'required' : i == 0 || optionalParentRequired}">
                <label for="firstName{{i}}" id="firstName{{i}}" class="control-label">First Name</label>
                <input type="text" id="firstNameText{{i}}" class="form-control" [(ngModel)]="parents[i].FirstName" name="firstName{{i}}"
                  (blur)="requiredOnBlur($event)" [required]="i == 0 || optionalParentRequired">
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="form-group" [ngClass]="{'required' : i == 0 || optionalParentRequired}">
                <label for="lastName{{i}}" id="lastName{{i}}" class="control-label">Last Name</label>
                <input type="text" class="form-control" [(ngModel)]="parents[i].LastName" id="lastNameText{{i}}" name="lastName{{i}}"
                  (blur)="requiredOnBlur($event)" [required]="i == 0 || optionalParentRequired">
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="form-group" [ngClass]="{'required' : i == 0}">
                <label for="phoneNumber{{i}}" id="phoneNumber{{i}}" class="control-label">Phone Number</label>
                <input type="text" class="form-control" [textMask]="{mask: maskPhoneNumber}" [(ngModel)]="parents[i].PhoneNumber" id="phoneNumberText{{i}}" name="phoneNumber{{i}}"
                  (blur)="requiredOnBlur($event)" [required]="i == 0">
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="form-group">
                <label for="emailAddress{{i}}" class="control-label">Email</label>
                <input type="email" id="emailAddress{{i}}" class="form-control" [(ngModel)]="parents[i].EmailAddress" name="emailAddress{{i}}" (blur)="checkIfEmailExists(parent, i)">
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="form-group">
                <label for="gender" class="control-label">Gender</label>

                <div class="form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="{{ 'genderRadio' + i + 2 }}" id="{{ 'genderRadio' + i + 2 }}" value="{{femaleGenderId}}" [checked]="parents[i].isFemale()" (change)="parents[i].GenderId = femaleGenderId">
                    Female
                  </label>
                </div>
                <div class="form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="{{ 'genderRadio' + i + 1 }}" id="{{ 'genderRadio' + i + 1 }}" value="{{maleGenderId}}" [checked]="parents[i].isMale()" (change)="parents[i].GenderId = maleGenderId">
                    Male
                  </label>
{'fraction_non_alphanumeric': 0.19700183849526234, 'fraction_numerical': 0.012728044123886296, 'mean_word_length': 2.383732057416268, 'pattern_counts': {'":': 0, '<': 123, '<?xml version=': 0, '>': 125, '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': '1923910', 'n_tokens_mistral': 2245, 'n_tokens_neox': 2087, 'n_words': 382}