<div class="dol-form-section-title">
  <h2>Employer</h2>

  <div class="dol-form-section-help">
    <ul>
      <li><a role="button" id="employerShowAllHelp" ng-keyup="$event.keyCode === 13 ? vm.toggleAllHelpText() : null" ng-click="vm.toggleAllHelpText($event)" tabindex="0">Show Help for All Items</a></li>
    </ul>
  </div>
</div>
<div class="dol-form-section-sub-title">
  All fields are required unless indicated as optional.
</div>
<div class="usa-alert usa-alert-error" role="alert" tabindex="0" ng-show="validate('__employer')">
  <div class="usa-alert-body">
    <p class="usa-alert-text">Please review this page. There are errors or missing information that we need to collect before you can submit the form.</p>
  </div>
</div>

<div class="dol-form-page">
  <fieldset class="dol-form-sub-section">
    <legend><h3>Employer Information</h3></legend>
    <hr />
    <div class="dol-form-question-block" ng-class="validate('employer.legalName') ? 'usa-input-error' : ''">
      <div class="dol-form-question-help">
        <label for="legalName" class="dol-form-question-text" id="legalNameLabel">Legal Name of Employer</label>
        <helplink aria-controls="legalNameHelp" aria-describedby="legalNameLabel"></helplink>
      </div>
      <helptext category="employerShowAllHelp" id="legalNameHelp">Provide the full legal name of the employer. SWEPs should enter the identifying information for the school that is applying for the certificate.</helptext>
      <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.legalName')">{{ validate('employer.legalName') }}</span>
      <input id="legalName" name="legalName" aria-describedby="legalNameHelp" type="text" ng-model="formData.employer.legalName">
    </div>
    <div class="dol-form-question-block" ng-class="validate('employer.hasTradeName') ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="hasTradeNameLabel">Does the Employer have a Trade Name?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Does the Employer have a Trade Name?</span>
          <helplink aria-controls="hasTradeNameHelp" aria-describedby="hasTradeNameLabel"></helplink>
        </div>
        <helptext category="employerShowAllHelp" id="hasTradeNameHelp">Provide the trade name of the employer, if applicable.</helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.hasTradeName')">{{ validate('employer.hasTradeName') }}</span>
        <ul class="usa-unstyled-list">
          <li>
            <input id="hasTradeName_1" type="radio" name="hasTradeName" aria-describedby="hasTradeNameHelp" ng-value="true" ng-model="formData.employer.hasTradeName">
            <label for="hasTradeName_1">Yes</label>
          </li>
          <li>
            <input id="hasTradeName_0" type="radio" name="hasTradeName" ng-value="false" ng-model="formData.employer.hasTradeName">
            <label for="hasTradeName_0">No</label>
          </li>
        </ul>
      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-show="formData.employer.hasTradeName === true" ng-class="validate('employer.tradeName') ? 'usa-input-error' : ''">
      <label for="tradeName" class="dol-form-question-text">Employer's Trade Name</label>
      <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.tradeName')">{{ validate('employer.tradeName') }}</span>
      <input id="tradeName" name="tradeName" type="text" ng-model="formData.employer.tradeName">
    </div>
    <div class="dol-form-question-block" ng-class="validate('employer.legalNameHasChanged') ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="legalNameHasChangedLabel">Has the Employer’s name(s) changed since its last application?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Has the Employer’s name(s) changed since its last application?</span>
          <helplink aria-controls="legalNameHasChangedHelp" aria-describedby="legalNameHasChangedLabel"></helplink>
        </div>
        <helptext category="employerShowAllHelp"  id="legalNameHasChangedHelp">Provide the previous name(s) of the employer, if applicable.</helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.legalNameHasChanged')">{{ validate('employer.legalNameHasChanged') }}</span>
        <ul class="usa-unstyled-list">
          <li>
            <input id="legalNameHasChanged_1" type="radio" name="legalNameHasChanged" ng-value="true" ng-model="formData.employer.legalNameHasChanged">
            <label for="legalNameHasChanged_1">Yes</label>
          </li>
          <li>
            <input id="legalNameHasChanged_0" type="radio" name="legalNameHasChanged" ng-value="false" ng-model="formData.employer.legalNameHasChanged">
            <label for="legalNameHasChanged_0">No</label>
          </li>
        </ul>
      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-show="formData.employer.legalNameHasChanged === true" ng-class="validate('employer.priorLegalName') ? 'usa-input-error' : ''">
      <label for="priorLegalName" class="dol-form-question-text">Prior Name(s) of Employer</label>
      <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.priorLegalName')">{{ validate('employer.priorLegalName') }}</span>
      <input id="priorLegalName" name="priorLegalName" type="text" ng-model="formData.employer.priorLegalName">
    </div>
    <div class="dol-form-question-block" ng-class="vm.einError || vm.einRequired || vm.invalidEin ? 'usa-input-error' : ''">
      <label class="dol-form-question-text" for="EIN">Federal Employer Identification Number (EIN)</label>
      <span class="usa-input-error-message" id="input-error-message" role="alert" tabindex="0" ng-show="vm.einError || vm.einRequired || vm.invalidEin">
        <div ng-show="vm.einError">
          <p>The EIN you provided is already registered. Please contact the account admin for access.</p>
          <p>If you do not know the account admin, contact our office at 00-1234567</p>
        </div>
        <div ng-show="vm.einRequired">
          <p>EIN is required.</p>
        </div>
        <div ng-show="vm.invalidEin">
          <p>Invalid EIN format. Example XX-XXXXXXX</p>
        </div>
      </span>
      <input class="ein sidelabeled" name="EIN" id="EIN" type="text" mask="99-9999999" restrict="reject" ng-model="formData.ein" />
      <span class="example">Example: 00-1234567</span>
    </div>
    <div class="usa-alert usa-alert-info" ng-show="vm.showEinHelp" role="alert" tabindex="0">
      <div class="usa-alert-body">
        <p class="usa-alert-text">Providing the EIN at registration helps us ensure there is only one account per Employer.</p>
        <p>Additional users can be added once the Employer is registered.</p>
      </div>
    </div>
    <div class="dol-form-question-block">
      <fieldset class="usa-form-large">
        <legend class="dol-form-question-text">Physical Address of Employer’s Main Establishment</legend>
        <div ng-class="validate('employer.physicalAddress.streetAddress') ? 'usa-input-error' : ''">
          <label for="mailing-address-1">Street Address</label>
          <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.physicalAddress.streetAddress')">{{ validate('employer.physicalAddress.streetAddress') }}</span>
          <input id="mailing-address-1" name="mailing-address-1" type="text" ng-model="formData.employer.physicalAddress.streetAddress">
        </div>

        <div class="clearer" ng-class="validate(['employer.physicalAddress.city', 'employer.physicalAddress.state']) ? 'usa-input-error' : ''">
          <div class="usa-input-grid usa-input-grid-medium">
            <label for="city">City</label>
            <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.physicalAddress.city')">{{ validate('employer.physicalAddress.city') }}</span>
            <input id="city" name="city" type="text" ng-model="formData.employer.physicalAddress.city">
          </div>

          <div class="usa-input-grid usa-input-grid-small">
            <label for="state">State</label>
            <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.physicalAddress.state')">{{ validate('employer.physicalAddress.state') }}</span>
            <state-field name="physicalAddress" selected-state="formData.employer.physicalAddress.state"></state-field>
          </div>
        </div>

        <div ng-class="validate('employer.physicalAddress.zipCode') ? 'usa-input-error' : ''">
          <label for="zip">Zip Code</label>
          <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.physicalAddress.zipCode')">{{ validate('employer.physicalAddress.zipCode') }}</span>
          <input class="usa-input-medium" id="zip" name="zip" type="text" mask="99999" pattern="[\d]{5}" data-grouplength="5" data-delimiter="" data-politespace ng-model="formData.employer.physicalAddress.zipCode">
        </div>

        <div ng-hide="formData.employer.physicalAddress.state === 'DC' || formData.employer.physicalAddress.state === 'AS' || formData.employer.physicalAddress.state === 'GU' || formData.employer.physicalAddress.state === 'MP' || formData.employer.physicalAddress.state === 'PR' || formData.employer.physicalAddress.state === 'UM' || formData.employer.physicalAddress.state === 'VI'" ng-class="validate('employer.physicalAddress.county') ? 'usa-input-error' : ''">
          <label for="county">County</label>
          <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.physicalAddress.county')">{{ validate('employer.physicalAddress.county') }}</span>
          <input id="county" name="county" type="text" ng-model="formData.employer.physicalAddress.county">
        </div>

        <div class="usa-input-grid usa-input-grid-large">
          <input id="hasMailingAddress" type="checkbox" name="hasMailingAddress" value="true" ng-model="formData.employer.hasMailingAddress">
          <label for="hasMailingAddress">Mailing Address is different from Physical Address</label>
        </div>
      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-show="formData.employer.hasMailingAddress === true">
      <fieldset>
        <legend class="dol-form-question-text">Mailing Address of Employer’s Main Establishment</legend>
        <div class="usa-form-large">
          <div ng-class="validate('employer.mailingAddress.streetAddress') ? 'usa-input-error' : ''">
            <label for="mailingAddressStreet">Street Address</label>
            <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.mailingAddress.streetAddress')">{{ validate('employer.mailingAddress.streetAddress') }}</span>
            <input id="mailingAddressStreet" name="mailingAddressStreet" type="text" ng-model="formData.employer.mailingAddress.streetAddress">
          </div>

          <div class="clearer" ng-class="validate(['employer.mailingAddress.city', 'employer.mailingAddress.state']) ? 'usa-input-error' : ''">
            <div class="usa-input-grid usa-input-grid-medium">
              <label for="mailingAddressCity">City</label>
              <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.mailingAddress.city')">{{ validate('employer.mailingAddress.city') }}</span>
              <input id="mailingAddressCity" name="mailingAddressCity" type="text" ng-model="formData.employer.mailingAddress.city">
            </div>

            <div class="usa-input-grid usa-input-grid-small">
              <label for="mailingAddressState">State</label>
              <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.mailingAddress.state')">{{ validate('employer.mailingAddress.state') }}</span>
              <state-field name="mailingAddressState" selected-state="formData.employer.mailingAddress.state"></state-field>
            </div>
          </div>

          <div ng-class="validate('employer.mailingAddress.zipCode') ? 'usa-input-error' : ''">
            <label for="mailingAddressZipCode">Zip Code</label>
            <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.mailingAddress.zipCode')">{{ validate('employer.mailingAddress.zipCode') }}</span>
            <input class="usa-input-medium" id="mailingAddressZipCode" name="mailingAddressZipCode" type="text" mask="99999" pattern="[\d]{5}" data-grouplength="5" data-delimiter="" data-politespace ng-model="formData.employer.mailingAddress.zipCode">
          </div>

          <div ng-hide="formData.employer.mailingAddress.state === 'DC' || formData.employer.mailingAddress.state === 'AS' || formData.employer.mailingAddress.state === 'GU' || formData.employer.mailingAddress.state === 'MP' || formData.employer.mailingAddress.state === 'PR' || formData.employer.mailingAddress.state === 'UM' || formData.employer.mailingAddress.state === 'VI'" ng-class="validate('employer.mailingAddress.county') ? 'usa-input-error' : ''">
            <label for="mailingAddressCounty">County</label>
            <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.mailingAddress.county')">{{ validate('employer.mailingAddress.county') }}</span>
            <input id="mailingAddressCounty" name="mailingAddressCounty" type="text" ng-model="formData.employer.mailingAddress.county">
          </div>
        </div>
      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-class="validate('employer.hasParentOrg') ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="hasParentOrgLabel">Does the Employer have a Parent Organization?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Does the Employer have a Parent Organization?</span>
          <helplink aria-controls="hasParentOrgHelp" aria-describedby="hasParentOrgLabel"></helplink>
        </div>
        <helptext category="employerShowAllHelp" id="hasParentOrgHelp">If applying as a SWEP, select “Yes” and enter the school district’s information.</helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.hasParentOrg')">{{ validate('employer.hasParentOrg') }}</span>
        <ul class="usa-unstyled-list">
          <li>
            <input id="hasParentOrg_1" type="radio" name="hasParentOrg" aria-describedby="hasParentOrgHelp" ng-value="true" ng-model="formData.employer.hasParentOrg">
            <label for="hasParentOrg_1">Yes</label>
          </li>
          <li>
            <input id="hasParentOrg_0" type="radio" name="hasParentOrg" aria-describedby="hasParentOrgHelp" ng-value="false" ng-model="formData.employer.hasParentOrg">
            <label for="hasParentOrg_0">No</label>
          </li>
        </ul>
      </fieldset>
    </div>
    <div class="dol-form-question-block">
      <fieldset ng-show="formData.employer.hasParentOrg === true">
        <legend class="dol-form-question-text">Parent Organization Information</legend>
        <div ng-class="validate('employer.parentLegalName') ? 'usa-input-error' : ''">
          <label for="parentLegalName">Legal Name</label>
          <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.parentLegalName')">{{ validate('employer.parentLegalName') }}</span>
          <input id="parentLegalName" name="parentLegalName" type="text" ng-model="formData.employer.parentLegalName">
        </div>

        <label for="parentTradename">Trade Name</label>
        <input id="parentTradename" name="parentTradename" type="text" ng-model="formData.employer.parentTradename">

        <div class="usa-form-large">
          <div ng-class="validate('employer.parentAddress.streetAddress') ? 'usa-input-error' : ''">
            <label for="parentAddressStreet">Street Address</label>
            <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.parentAddress.streetAddress')">{{ validate('employer.parentAddress.streetAddress') }}</span>
            <input id="parentAddressStreet" name="parentAddressStreet" type="text" ng-model="formData.employer.parentAddress.streetAddress">
          </div>

          <div class="clearer" ng-class="validate(['employer.parentAddress.city', 'employer.parentAddress.state']) ? 'usa-input-error' : ''">
            <div class="usa-input-grid usa-input-grid-medium">
              <label for="parentAddressCity">City</label>
              <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.parentAddress.city')">{{ validate('employer.parentAddress.city') }}</span>
              <input id="parentAddressCity" name="parentAddressCity" type="text" ng-model="formData.employer.parentAddress.city">
            </div>

            <div class="usa-input-grid usa-input-grid-small">
              <label for="parentAddressState">State</label>
              <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.parentAddress.state')">{{ validate('employer.parentAddress.state') }}</span>
              <state-field name="parentAddressState" selected-state="formData.employer.parentAddress.state"></state-field>
            </div>
          </div>

          <div ng-class="validate('employer.parentAddress.zipCode') ? 'usa-input-error' : ''">
            <label for="parentAddressZipCode">Zip Code</label>
            <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.parentAddress.zipCode')">{{ validate('employer.parentAddress.zipCode') }}</span>
            <input class="usa-input-medium" id="parentAddressZipCode" name="parentAddressZipCode" type="text" mask="99999" pattern="[\d]{5}" data-grouplength="5" data-delimiter="" data-politespace ng-model="formData.employer.parentAddress.zipCode">
          </div>

          <div ng-hide="formData.employer.parentAddress.state === 'DC' || formData.employer.parentAddress.state === 'AS' || formData.employer.parentAddress.state === 'GU' || formData.employer.parentAddress.state === 'MP' || formData.employer.parentAddress.state === 'PR' || formData.employer.parentAddress.state === 'UM' || formData.employer.parentAddress.state === 'VI'" ng-class="validate('employer.parentAddress.county') ? 'usa-input-error' : ''">
            <label for="parentAddressCounty">County</label>
            <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.parentAddress.county')">{{ validate('employer.parentAddress.county') }}</span>
            <input id="parentAddressCounty" name="parentAddressCounty" type="text" ng-model="formData.employer.parentAddress.county">
          </div>

          <input id="sendMailToParent" type="checkbox" name="sendMailToParent" value="false" ng-model="formData.employer.sendMailToParent">
          <label for="sendMailToParent">Check here if mail is to be sent to parent organization instead of the employer's address.</label>
        </div>

      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-class="validate(['employer.employerStatusId', 'employer.employerStatusOther']) ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="employerStatusLabel">Employer Status</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Employer Status</span>
          <helplink aria-controls="employerStatusHelp" aria-describedby="employerStatusLabel"></helplink>
        </div>
        <helptext category="employerShowAllHelp" id="employerStatusHelp">Select the option that describes the employer’s status. For example, a SWEP operated by a public school system should select “Public.”</helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.employerStatusId')">{{ validate('employer.employerStatusId') }}</span>
        <ul class="usa-unstyled-list">
          <li ng-repeat="response in responses.EmployerStatus">
            <input id="paytype_{{ response.id }}" type="radio" name="employerStatus" aria-describedby="employerStatusHelp" ng-value="response.id" ng-model="formData.employer.employerStatusId">
            <label for="paytype_{{ response.id }}">{{ response.display }}</label>
          </li>
        </ul>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.employerStatusOther')">{{ validate('employer.employerStatusOther') }}</span>
        <label for="employerStatusOther" class="hide">Employer status other</label>
        <input id="employerStatusOther" name="employerStatusOther" type="text" ng-model="formData.employer.employerStatusOther">
      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-class="validate('employer.isEducationalAgency') ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="isEducationalAgencyLabel">Is this employer a local or State educational agency?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Is this employer a local or State educational agency?</span>
          <helplink aria-controls="isEducationalAgencyHelp" aria-describedby="isEducationalAgencyLabel"></helplink>
        </div>
        <helptext category="employerShowAllHelp" id="isEducationalAgencyHelp">The term “local educational agency” means a public board of education or other public authority legally constituted within a State for either administrative control or direction of, or to perform a service function for, public elementary schools or secondary schools in a city, county, township, school district, or other political subdivision of a State, or of or for a combination of school districts or counties that is recognized in a State as an administrative agency for its public elementary schools or secondary schools. The term “State educational agency” means the agency primarily responsible for the State supervision of public elementary schools and secondary schools. See <a target="_blank" href="https://www.gpo.gov/fdsys/pkg/USCODE-2011-title20/html/USCODE-2011-title20-chap70-subchapIX-partA-sec7801.htm">20 U.S.C. 7801</a>, the Elementary and Secondary Education Act of 1965.</helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.isEducationalAgency')">{{ validate('employer.isEducationalAgency') }}</span>
        <ul class="usa-unstyled-list">
          <li>
            <input id="isEducationalAgency_1" type="radio" name="isEducationalAgency" aria-describedby="isEducationalAgencyHelp" ng-value="true" ng-model="formData.employer.isEducationalAgency">
            <label for="isEducationalAgency_1">Yes</label>
          </li>
          <li>
            <input id="isEducationalAgency_0" type="radio" name="isEducationalAgency" aria-describedby="isEducationalAgencyHelp" ng-value="false" ng-model="formData.employer.isEducationalAgency">
            <label for="isEducationalAgency_0">No</label>
          </li>
        </ul>
      </fieldset>
    </div>
  </fieldset>
  <fieldset class="dol-form-sub-section" ng-show="vm.notInitialApp()">
    <legend><h3>Number of Workers With Disabilities</h3></legend>
    <hr />
    <div class="dol-form-question-block" ng-class="validate('employer.fiscalQuarterEndDate') ? 'usa-input-error' : ''">
      <fieldset>
        <legend class="hide"><span id="fiscalQuarterEndDateLabel">When did the Employer’s most recently completed fiscal quarter end?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">When did the Employer’s most recently completed fiscal quarter end?</span>
          <helplink aria-controls="fiscalQuarterEndDateHelp" aria-describedby="fiscalQuarterEndDateLabel"></helplink>
        </div>
        <helptext category="employerShowAllHelp" id="fiscalQuarterEndDateHelp">Provide the ending date of the employer’s most recently completed three-month fiscal quarter. For example, if the fiscal year begins on January 1, provide the date of the most recently completed quarter (March 31, June 30, September 30, or December 31).</helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.fiscalQuarterEndDate')">{{ validate('employer.fiscalQuarterEndDate') }}</span>
        <date-field date-val="formData.employer.fiscalQuarterEndDate"></date-field>
      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-class="validate('employer.numSubminimalWageWorkers.total') ? 'usa-input-error' : ''">
      <div class="dol-form-question-help">
        <label for="numSubminimalWageWorkersTotal" class="dol-form-question-text" id="numSubminimalWageWorkersTotalLabel">What is the total number of workers with disabilities employed at subminimum wages during the most recently completed fiscal quarter at all establishments and work sites?</label>
        <helplink aria-controls="numSubminimalWageWorkersTotalHelp" aria-describedby="numSubminimalWageWorkersTotalLabel"></helplink>
      </div>
      <helptext category="employerShowAllHelp" id="numSubminimalWageWorkersTotalHelp">Include workers who were employed for less than the full fiscal quarter, <i>i.e.</i> three-month period.</helptext>
      <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.numSubminimalWageWorkers.total')">{{ validate('employer.numSubminimalWageWorkers.total') }}</span>
      <input id="numSubminimalWageWorkersTotal" name="numSubminimalWageWorkersTotal" aria-describedby="numSubminimalWageWorkersTotalHelp" type="number" class="numeric7" min="0" step="1" ng-model="formData.employer.numSubminimalWageWorkers.total">
    </div>
    <div class="dol-form-question-block">
      <fieldset>
        <legend class="dol-form-question-text">Provide the number of workers with disabilities employed at subminimum wages for the most recently completed fiscal quarter in each of the following categories:</legend>
        <div ng-class="validate('employer.numSubminimalWageWorkers.workCenter') ? 'usa-input-error' : ''">
          <div class="dol-plain-label-help">
            <label for="numSubminimalWageWorkersWorkCenter" id="numSubminimalWageWorkersWorkCenterLabel">Community Rehabilitation Program (Work Center)</label>
            <helplink aria-controls="numSubminimalWageWorkersWorkCenterHelp" aria-describedby="numSubminimalWageWorkersWorkCenterLabel"></helplink>
          </div>
          <helptext category="employerShowAllHelp" id="numSubminimalWageWorkersWorkCenterHelp">A facility that primarily provides vocational rehabilitation services and employment for people with disabilities.</helptext>
          <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.numSubminimalWageWorkers.workCenter')">{{ validate('employer.numSubminimalWageWorkers.workCenter') }}</span>
          <input id="numSubminimalWageWorkersWorkCenter" name="numSubminimalWageWorkersWorkCenter" aria-describedby="numSubminimalWageWorkersWorkCenterHelp" type="number" class="numeric7 sidelabeled" min="0" step="1" ng-model="formData.employer.numSubminimalWageWorkers.workCenter"><span class="example">If no workers, enter "0"</span>

        </div>
        <div ng-class="validate('employer.numSubminimalWageWorkers.patientWorkers') ? 'usa-input-error' : ''">
          <div class="dol-plain-label-help">
            <label for="numSubminimalWageWorkersPatientWorkers" id="numSubminimalWageWorkersPatientWorkersLabel">Hospital/Residential Care Facility (Patient Workers)</label>
            <helplink aria-controls="numSubminimalWageWorkersPatientWorkersHelp" aria-describedby="numSubminimalWageWorkersPatientWorkersLabel"></helplink>
          </div>
          <helptext category="employerShowAllHelp" id="numSubminimalWageWorkersPatientWorkersHelp">A facility (public or private, non-profit or for-profit) that primarily provides residential care for individuals with disabilities, including but not limited to nursing homes, intermediate care facilities, assisted living facilities, halfway houses, and residential substance abuse treatment facilities. “Primarily” means that more than 50 percent of the facility’s income is attributable to this residential care. A patient worker is a worker with a disability who is employed by a hospital or residential care facility (as defined above) where the patient worker receives inpatient or outpatient treatment or care.</helptext>
          <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.numSubminimalWageWorkers.patientWorkers')">{{ validate('employer.numSubminimalWageWorkers.patientWorkers') }}</span>
          <input id="numSubminimalWageWorkersPatientWorkers" name="numSubminimalWageWorkersPatientWorkers" type="number" class="numeric7 sidelabeled" min="0" step="1" ng-model="formData.employer.numSubminimalWageWorkers.patientWorkers"><span class="example">If no workers, enter "0"</span>
        </div>
        <div ng-class="validate('employer.numSubminimalWageWorkers.swep') ? 'usa-input-error' : ''">
          <div class="dol-plain-label-help">
            <label for="numSubminimalWageWorkersSWEP" id="numSubminimalWageWorkersSWEPLabel">School Work Experience Program (SWEP)</label>
            <helplink aria-controls="numSubminimalWageWorkersSWEPHelp" aria-describedby="numSubminimalWageWorkersSWEPLabel"></helplink>
          </div>
          <helptext category="employerShowAllHelp" id="numSubminimalWageWorkersSWEPHelp">A school-operated program in which students with disabilities may be placed in jobs with private industry within the community. School employers are responsible for compliance with all applicable child labor laws, minimum wage standards, and certificate and recordkeeping requirements. The school may submit a group application which covers all students with disabilities and all of the business locations at which the students will be placed.</helptext>
          <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.numSubminimalWageWorkers.swep')">{{ validate('employer.numSubminimalWageWorkers.swep') }}</span>
          <input id="numSubminimalWageWorkersSWEP" name="numSubminimalWageWorkersSWEP" type="number" class="numeric7 sidelabeled" min="0" step="1" ng-model="formData.employer.numSubminimalWageWorkers.swep" class="sidelabeled"><span class="example">If no workers, enter "0"</span>
        </div>
        <div ng-class="validate('employer.numSubminimalWageWorkers.businessEstablishment') ? 'usa-input-error' : ''">
          <div class="dol-plain-label-help">
            <label for="numSubminimalWageWorkersBusinessEstablishment" id="numSubminimalWageWorkersBusinessLabel">Business Establishment</label>
            <helplink aria-controls="numSubminimalWageWorkersBusinessHelp" aria-describedby="numSubminimalWageWorkersBusinessLabel"></helplink>
          </div>
          <helptext category="employerShowAllHelp" id="numSubminimalWageWorkersBusinessHelp">Any employer other than a community rehabilitation program, hospital/residential care facility, or SWEP.</helptext>
          <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.numSubminimalWageWorkers.businessEstablishment')">{{ validate('employer.numSubminimalWageWorkers.businessEstablishment') }}</span>
          <input id="numSubminimalWageWorkersBusinessEstablishment" name="numSubminimalWageWorkersBusinessEstablishment" type="number" class="numeric7 sidelabeled" min="0" step="1" ng-model="formData.employer.numSubminimalWageWorkers.businessEstablishment" class="sidelabeled"><span class="example">If no workers, enter "0"</span>
        </div>
      </fieldset>
    </div>
  </fieldset>
  <fieldset class="dol-form-sub-section">
    <legend><h3>Government Contracts</h3></legend>
    <hr />
    <div class="dol-form-question-block" ng-class="validate('employer.pca') ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="PCALabel">Does this employer manufacture items for the Federal Government under the Walsh-Healey Public Contracts Act (PCA)?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Does this employer manufacture items for the Federal Government under the Walsh-Healey Public Contracts Act (PCA)?</span>
          <helplink aria-controls="PCAHelp" aria-describedby="PCALabel"></helplink>
        </div>
        <helptext category="employerShowAllHelp" id="PCAHelp">Make the appropriate selection if the employer has, or intends to receive, any contracts with the Federal Government subject to the Walsh-Healey Public Contracts Act (PCA). Additional information about contracts with the Federal Government can be found at <a target="_blank" href="http://www.dol.gov/whd/govcontracts/">www.dol.gov/whd/govcontracts/</a>.</helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.pca')">{{ validate('employer.pca') }}</span>
        <ul class="usa-unstyled-list">
          <li>
            <input id="PCA_1" type="radio" name="PCA" aria-describedby="PCAHelp" ng-value="true" ng-model="formData.employer.pca">
            <label for="PCA_1">Yes</label>
          </li>
          <li>
            <input id="PCA_0" type="radio" name="PCA" aria-describedby="PCAHelp" ng-value="false" ng-model="formData.employer.pca">
            <label for="PCA_0">No</label>
          </li>
        </ul>
      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-class="validate('employer.scaId') ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="SCALabel">Does this employer currently hold any contracts covered by the McNamara-O’Hara Service Contract Act (SCA)?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Does this employer currently hold any contracts covered by the McNamara-O’Hara Service Contract Act (SCA)?</span>
          <helplink aria-controls="SCAHelp" aria-describedby="SCALabel"></helplink>
        </div>
        <helptext category="employerShowAllHelp" id="SCAHelp">Make the appropriate selection if the employer has, or intends to receive, any contracts with the Federal Government subject to the McNamara-O’Hara Service Contract Act (SCA). Additional information about contracts with the Federal Government can be found at <a target="_blank" href="http://www.dol.gov/whd/govcontracts/">www.dol.gov/whd/govcontracts/</a>.</helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.scaId')">{{ validate('employer.scaId') }}</span>
        <ul class="usa-unstyled-list">
          <li ng-repeat="response in responses.SCA">
            <input id="SCA_{{ response.id }}" type="radio" name="SCA" aria-describedby="SCAHelp" ng-value="response.id" ng-model="formData.employer.scaId">
            <label for="SCA_{{ response.id }}">{{ response.display }}</label>
          </li>
        </ul>
      </fieldset>
      <div ng-show="formData.employer.scaId == 11">
        <div ng-class="validate('employer.scaCount') ? 'usa-input-error' : ''">
          <label for="scaCount">What is the total number of current SCA-covered contracts under which workers with disabilities are employed and earning subminimum wages?</label>
          <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.scaCount')">{{ validate('employer.scaCount') }}</span>
          <div class="form-question-answer">
            <input id="scaCount" name="scaCount" type="number" class="numeric7" min="0" step="1" ng-model="formData.employer.scaCount">
          </div>
        </div>
        <div ng-class="validate('employer.SCAAttachments') ? 'usa-input-error' : ''">
          <label for="fileUploadSCA">Attach copies of all current SCA Wage Determinations for those contracts on which workers with disabilities are employed and earning subminimum wages.</label>
          <span class="usa-input-error-message" role="alert" ng-show="validate('employer.SCAAttachments')">{{ validate('employer.SCAAttachments') }}</span>
          <attachments-field allow-multi-upload="true" input-id="fileUploadSCA" model-prefix="employer" attachments="formData.employer.SCAAttachments"  />
        </div>
      </div>
    </div>
    <div class="dol-form-question-block" ng-class="validate('employer.eo13658Id') ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="EO13658Label">Since January 1, 2015, has this employer entered into a contract for services or concessions with the Federal Government that may be subject to Executive Order 13658 (Establishing a Minimum Wage for Contractors)?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Since January 1, 2015, has this employer entered into a contract for services or concessions with the Federal Government that may be subject to Executive Order 13658 (Establishing a Minimum Wage for Contractors)?</span>
          <helplink aria-controls="EO13658Help" aria-describedby="EO13658Label"></helplink>
        </div>
        <helptext category="employerShowAllHelp" id="EO13658Help">Make the appropriate selection if the employer has, or intends to receive, any contracts with the Federal Government subject to the Executive Order 13658, Establishing a Minimum Wage for Contractors.  Section 14(c) workers performing on or in connection with a contract covered by Executive Order 13658 are generally entitled to be paid at least the Executive Order minimum wage. Additional information about contracts with the Federal Government can be found at <a target="_blank" href="http://www.dol.gov/whd/govcontracts/">www.dol.gov/whd/govcontracts/</a>.</helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.eo13658Id')">{{ validate('employer.eo13658Id') }}</span>
        <ul class="usa-unstyled-list">
          <li ng-repeat="response in responses.EO13658">
            <input id="EO13658_{{ response.id }}" type="radio" name="EO13658" aria-describedby="EO13658Help" ng-value="response.id" ng-model="formData.employer.eo13658Id">
            <label for="EO13658_{{ response.id }}">{{ response.display }}</label>
          </li>
        </ul>
      </fieldset>
    </div>
  </fieldset>
  <fieldset class="dol-form-sub-section">
    <legend><h3>Additional Questions</h3></legend>
    <hr />
    <div class="dol-form-question-block" ng-class="validate('employer.representativePayee') ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="representativePayeeLabel">Was the employer a representative payee for any worker with disabilities and, as such, received Social Security Benefits such as Supplemental Security Income (SSI) or Social Security Disability Insurance (SSDI) on behalf of that employee during the most recently completed fiscal quarter?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Was the employer a representative payee for any worker with disabilities and, as such, received Social Security Benefits such as Supplemental Security Income (SSI) or Social Security Disability Insurance (SSDI) on behalf of that employee during the most recently completed fiscal quarter?</span>
        </div>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.representativePayee')">{{ validate('employer.representativePayee') }}</span>
        <ul class="usa-unstyled-list">
          <li>
            <input id="representativePayee_1" type="radio" name="representativePayee" aria-describedby="representativePayeeHelp" ng-value="true" ng-model="formData.employer.representativePayee">
            <label for="representativePayee_1">Yes</label>
          </li>
          <li>
            <input id="representativePayee_0" type="radio" name="representativePayee" aria-describedby="representativePayeeHelp" ng-value="false" ng-model="formData.employer.representativePayee">
            <label for="representativePayee_0">No</label>
          </li>
        </ul>
      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-show="formData.employer.representativePayee === true" ng-class="validate('employer.totalDisabledWorkers') ? 'usa-input-error' : ''">
      <div class="dol-legend-help">
        <label for="totalDisabledWorkers" class="dol-form-question-text">Total number of workers with disabilities for whom the facility was a representative payee during the most recently completed fiscal quarter?</label>
        <helplink class="dol-help-link" aria-controls="representativePayeeHelp" aria-describedby="representativePayeeLabel"></helplink>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.totalDisabledWorkers')">{{ validate('employer.totalDisabledWorkers') }}</span>
        <helptext category="employerShowAllHelp" id="representativePayeeHelp">If the employer was a representative payee for any worker with disabilities who received Social Security benefits during the most recently completed fiscal quarter, provide the total number of employees for whom the employer was the representative payee.</helptext>
      </div>
      <input id="totalDisabledWorkers" name="totalDisabledWorkers" type="number" class="numeric3" min="0" step="1" ng-model="formData.employer.totalDisabledWorkers">
    </div>
    <div class="dol-form-question-block" ng-class="validate('employer.takeCreditForCosts') ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="takeCreditForCostsLabel">Did the employer take credit for the cost of providing facilities, such as board, lodging, and transportation, toward meeting the minimum wage or subminimum wage obligations to workers with disabilities during the most recently completed fiscal quarter?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Did the employer take credit for the cost of providing facilities, such as board, lodging, and transportation, toward meeting the minimum wage or subminimum wage obligations to workers with disabilities during the most recently completed fiscal quarter?</span>
          <helplink aria-controls="takeCreditForCostsHelp" aria-describedby="takeCreditForCostsLabel"></helplink>
        </div>
        <helptext category="employerShowAllHelp" id="takeCreditForCostsHelp">Section 3(m) of the FLSA permits employers, under certain circumstances, to count toward its minimum wage obligations the reasonable cost of furnishing facilities which are customarily furnished to employees. Indicate if the employer provided facilities such as lodging, board, and transportation to any employee, and took credit for those costs toward meeting the minimum wage or subminimum wage obligations to employees with disabilities during the most recently completed fiscal quarter. See <a target="_blank" href="https://www.ecfr.gov/cgi-bin/text-idx?c=ecfr&amp;sid=48d6ee3b99d3b3a97b1bf189e1757786&amp;rgn=div5&amp;view=text&amp;node=29:3.1.1.1.21&amp;idno=29">29 C.F.R. § 531</a> and <a target="_blank" href="https://www.ecfr.gov/cgi-bin/text-idx?c=ecfr&amp;sid=48d6ee3b99d3b3a97b1bf189e1757786&amp;rgn=div5&amp;view=text&amp;node=29:3.1.1.1.13&amp;idno=29">29 C.F.R. § 516</a>.</helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.takeCreditForCosts')">{{ validate('employer.takeCreditForCosts') }}</span>
        <ul class="usa-unstyled-list">
          <li>
            <input id="takeCreditForCosts_1" type="radio" name="takeCreditForCosts" aria-describedby="takeCreditForCostsHelp" ng-value="true" ng-model="formData.employer.takeCreditForCosts">
            <label for="takeCreditForCosts_1">Yes</label>
          </li>
          <li>
            <input id="takeCreditForCosts_0" type="radio" name="takeCreditForCosts" aria-describedby="takeCreditForCostsHelp" ng-value="false" ng-model="formData.employer.takeCreditForCosts">
            <label for="takeCreditForCosts_0">No</label>
          </li>
        </ul>
      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-show="formData.employer.takeCreditForCosts === true" ng-class="validate(['employer.providingFacilitiesDeductionTypeId', 'employer.providingFacilitiesDeductionTypeOther']) ? 'usa-input-error' : ''">
      <fieldset class="usa-fieldset-inputs">
        <legend class="dol-form-question-text">Which type of deduction(s) did the employer take?</legend>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.providingFacilitiesDeductionTypeId')">{{ validate('employer.providingFacilitiesDeductionTypeId') }}</span>
        <ul class="usa-unstyled-list">
          <li ng-repeat="response in responses.ProvidingFacilitiesDeductionType">
            <input id="deductionType_{{ response.id }}" type="checkbox" name="deductionType" ng-value="response.id" ng-checked="formData.employer.providingFacilitiesDeductionTypeId.indexOf(response.id) > -1" ng-click="vm.toggleDeductionType(response.id)">
            <label for="deductionType_{{ response.id }}">{{ response.display }}</label>
          </li>
        </ul>
      </fieldset>
    </div>
    <div class="dol-form-question-block" ng-class="validate('employer.temporaryAuthority') ? 'usa-input-error' : ''">
       <fieldset class="usa-fieldset-inputs">
        <legend class="hide"><span id="temporaryAuthorityLabel">Is this a request for Temporary Authority by a vocational rehabilitation program administered by a State agency or the U.S. Veterans Administration?</span></legend>
        <div class="dol-legend-help">
          <span class="dol-form-question-text" aria-hidden="true">Is this a request for Temporary Authority by a vocational rehabilitation program administered by a State agency or the U.S. Veterans Administration?</span>
          <helplink aria-controls="temporaryAuthorityHelp" aria-describedby="temporaryAuthorityLabel"></helplink>
        </div>
        <helptext category="employerShowAllHelp" id="temporaryAuthorityHelp">Select "Yes" if this is a request for temporary authority to employ workers with disabilities at subminimum wages pursuant to a vocational rehabilitation program of the Veterans Administration for veterans with a service-incurred disability or a vocational rehabilitation program administered by a State agency.  A copy of the signed application will constitute the temporary authority provided the application is submitted to the Department of Labor within ten days of the signing. Temporary authority will exist for 90 days from the date the application is signed and cannot be extended or renewed by the issuing agency. <a target="_blank" href="https://www.ecfr.gov/cgi-bin/retrieveECFR?gp=&SID=2c2c1e5e4f61356b4516a55834d00bfd&r=PART&n=29y3.1.1.1.17#se29.3.525_18">See 29 C.F.R. § 525.8.</a></helptext>
        <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('employer.temporaryAuthority')">{{ validate('employer.temporaryAuthority') }}</span>
        <ul class="usa-unstyled-list">
          <li>
            <input id="temporaryAuthority_1" type="radio" name="temporaryAuthority" aria-describedby="temporaryAuthorityHelp" ng-value="true" ng-model="formData.employer.temporaryAuthority">
            <label for="temporaryAuthority_1">Yes</label>
          </li>
          <li>
            <input id="temporaryAuthority_0" type="radio" name="temporaryAuthority" aria-describedby="temporaryAuthorityHelp" ng-value="false" ng-model="formData.employer.temporaryAuthority">
            <label for="temporaryAuthority_0">No</label>
          </li>
        </ul>
      </fieldset>
    </div>
  </fieldset>
</div>
