form-joinstudy.html

<div class="text-center">
    <span class="glyphicon glyphicon-heart"></span>
    <h3>Complete the study signup process by completing this form.</h3>

    <div class="form-group">
      <label for="first_name">First Name</label>
      <input type="text" class="form-control" name="first_name" ng-model="formCtrl.formData.first_name" required>
    </div>

    <div class="form-group">
      <label for="last_name">Last Name</label>
      <input type="text" class="form-control" name="last_name" ng-model="formCtrl.formData.last_name" required>
    </div>

    <div class="form-group">
      <label for="email">Email</label>
      <input type="text" class="form-control" name="email" ng-model="formCtrl.formData.email" required>
    </div>

    <div class="form-group">
      <label for="email">Birth Year</label>
      <input type="text" class="form-control" name="birth_year" ng-model="formCtrl.formData.birth_year" required>
    </div>

  </div>


    <div class="form-group">
    <label for="participant_type">What type of participant are you?</label>

        <div class="radio">
           <label>
              <input type="radio" ng-model="formCtrl.formData.participant_type" value="resident">
              Resident
           </label>
       </div>
        <div class="radio">
            <label>
                <input type="radio" ng-model="formCtrl.formData.participant_type" value="medical_student" checked>
                Medical Student
            </label>
        </div>

        <div class="radio">
            <label>
                <input type="radio" ng-model="formCtrl.formData.participant_type" value="doctor" checked>
                Doctor
            </label>
        </div>

        <div class="radio">
        <label>
            <input type="radio" ng-model="formCtrl.formData.participant_type" value="patient-caregiver" checked>
            Patient or Caregiver
        </label>
    </div>



<div class="form-group row">
<div class="col-xs-6 col-xs-offset-3">
    <a ng-click="formCtrl.checkParticipantType()" class="btn btn-block btn-info">
    Next Section <span class="glyphicon glyphicon-circle-arrow-right"></span>
    </a>
</div>
</div>