gistfile1.txt

<div class="well-large pop">
  <div data-ng-init="fetchUSAGGymnastRecordsForCurrentGym()"></div>
  <h4 class="lead">GreaterNY Invitational {{year}} Registration System <small>({{version}})</small> <a class="pull-right-sm" href="/logout" target="_self">Logout</a></h4>
  <div ng-show="currentView === 'listRegistrations'">
    <div>
    <h4 class="lead">Registration in three simple steps.</br><strong>Step 1:</strong> Check any gymnasts that are attending.</br>To edit Compete At Level or T-Shirt Size, click on the USAG No.</br><strong>Step 2:</strong> Click <i>Save and Go-to Coaches</i>. (shows up after you click on at least 1 gymnast). </br>Enter your coaches</br><strong>Step 3:</strong> Review and submit registration</h4>
    </div>
  </div>
  <div ng-show="currentView === 'listRegistrations'">
     <h4 class="lead"><strong>{{currentGym.gymName}}</strong></h4>
     <h4 class="lead"><strong>Step 1</strong></h4>
  </div> 
  <div ng-show="currentView === 'listRegistrations' && boyregistrations.length>0 && boyRegistrationsOn===1">
    <form>
    <div class="input-append" width="30">
    <h4>Men Registrations ({{totalCheckedBoyGymnasts}}) ${{costCheckedBoyGymnasts}}</h4>
    </div>
    <table class="wt-responsive-table table-striped">
    <thead>
      <tr>
        <th class="text-center span1"><input type="checkbox" ng-click="selectAllBoyForRegistrations()"></th>
        <th class="text-center span1">USAG Number</th>
        <th class="text-center span1">First Name</th>
        <th class="text-center span1">Last Name</th>
        <th class="text-center span1">Birthday</th>
        <th class="text-center span3">Comp. Lvl</th>
        <th class="text-center span3">Sz</th>
        <th class="text-center span1">Price</th>
      </tr>
     </thead>
     <tbody>
      <tr onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'" ng-repeat="registration in boyregistrations = (boyregistrations | filter:{gymnastLevel: boyssearch.level, gymName: boyssearch.gymName, gymnastLastName: boyssearch.gymnastLastName, gymnastShirtsize: boyssearch.gymnastShirtsize}) | orderBy:['gymnastCompeteAtLevel','gymnastLastName']">
        <td><input type="checkbox" ng-checked="registration.checked" ng-click="checkBoyForRegistration(registration.gymnastSanctionID)"></td>
        <td class="text-center"><a ng-click="showBoyGymnast(registration.gymnastSanctionID)">{{registration.gymnastSanctionID}}</a></td>
        <td class="text-center">{{registration.gymnastFirstName}}</td>
        <td class="text-center">{{registration.gymnastLastName}}</td>
        <td class="text-center">{{registration.gymnastBirthday}}</td>
        <td class="text-center">{{registration.gymnastCompeteAtLevel}}</td>
        <td class="text-center">{{registration.gymnastShirtsize}}</td>
        <td class="text-center">{{registration.price | currency : $ : 0}}</td>
      </tr>
     </tbody>
    </table>
  </form>
  </div>
  <div ng-show="currentView === 'listRegistrations' && girlregistrations.length>0 && girlRegistrationsOn===1">
    <form>
    <div class="input-append" width="30">
      <h4>Women Registrations ({{totalCheckedGirlGymnasts}}) ${{costCheckedGirlGymnasts}}</h4>
    </div>
    <table class="wt-responsive-table table-striped">
    <thead>
      <tr>
        <th class="text-center span1"><input type="checkbox" ng-click="selectAllGirlForRegistrations()"></th>
        <th class="text-center span1">USAG Number</th>
        <th class="text-center span1">First Name</th>
        <th class="text-center span1">Last Name</th>
        <th class="text-center span1">Birthday</th>
        <th class="text-center span3">Comp. Lvl</th>
        <th class="text-center span3">Sz</th>
        <th class="text-center span1">Price</th>
      </tr>
    </thead>
    <tbody>
      <tr onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'" ng-repeat="registration in girlregistrations = (girlregistrations | filter:{gymnastLevel: girlssearch.level, gymName: girlssearch.gymName, gymnastLastName: girlssearch.gymnastLastName, gymnastShirtsize: girlssearch.gymnastShirtsize}) | orderBy:['gymnastCompeteAtLevel','gymnastLastName']">
        <td><input type="checkbox" ng-checked="registration.checked" ng-click="checkGirlForRegistration(registration.gymnastSanctionID)"></td>
        <td class="text-center"><a ng-click="showGirlGymnast(registration.gymnastSanctionID)">{{registration.gymnastSanctionID}}</a></td>
        <td class="text-center">{{registration.gymnastFirstName}}</td>
        <td class="text-center">{{registration.gymnastLastName}}</td>
        <td class="text-center">{{registration.gymnastBirthday}}</td>
        <td class="text-center">{{registration.gymnastCompeteAtLevel}}</td>
        <td class="text-center">{{registration.gymnastShirtsize}}</td>
        <td class="text-center">{{registration.price | currency : $ : 0}}</td>
      </tr>
    </tbody>
  </table>
  </form>  
  </div>
  <div id="gotoCoachesDiv" style="display: none" ng-show="currentView === 'listRegistrations'">
    <br></br>
    <button id="saveGotoCoachesButton" class="btn" ng-click="fromGymnastsGotoCoaches()">Save and go-to Coaches</button>
    <br></br>
  </div>
  <div ng-show="currentView === 'showGymnast' && currentGymnastType === 'boy'">
  <a ng-click="returnToRegistrationsList()">&laquo Back</a>
  <br></br>
  <h4 class="text-align:center">Men(s) Registration</h4>
  <dl class="dl-horizontal">
    <dt>Gym Name</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentBoyRegistration.gymName" class="span300" placeholder="currentBoyRegistration.gymName"></dd>
    <dt>USAG Number</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentBoyRegistration.gymnastSanctionID" class="span2" placeholder="currentBoyRegistration.gymnastSanctionID"></dd>
    <dt>First Name</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentBoyRegistration.gymnastFirstName" class="span2" placeholder="currentBoyRegistration.gymnastFirstName"></dd>
    <dt>Last Name</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentBoyRegistration.gymnastLastName" class="span2" placeholder="currentBoyRegistration.gymnastLastName"></dd>
    <dt>Birthday</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentBoyRegistration.gymnastBirthday" class="span2" placeholder="currentBoyRegistration.gymnastBirthday"></dd>
    <dt>Level</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentBoyRegistration.gymnastLevel" class="span1" placeholder="currentBoyRegistration.gymnastLevel"></dd> 
    <dt>Compete At Level</dt>
    <dd><select
            ng-model="currentBoyRegistration.gymnastCompeteAtLevel"
            ng-change="updateBoyRegistrationPriceForShownGymnast()"
            ng-options="level.name as level.value for level in boyLevels"></select></dd>    
    <dt>Shirt Size</dt>
    <dd><select
            ng-model="currentBoyRegistration.gymnastShirtsize"
            ng-options="shirtSize.name as shirtSize.value for shirtSize in shirtSizeList"></select></dd>   
  </dl>
  </div>
  <div ng-show="currentView === 'showGymnast' && currentGymnastType === 'girl'">
   <a ng-click="returnToRegistrationsList()">&laquo Back</a>
   <br></br>
   <h4 class="text-align:center">Women(s) Registration</h4>
   <dl class="dl-horizontal">
    <dt>Gym Name</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentGirlRegistration.gymName" class="span300" placeholder="currentGirlRegistration.gymName"></dd>
    <dt>USAG Number</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentGirlRegistration.gymnastSanctionID" class="span2" placeholder="currentGirlRegistration.gymnastSanctionID"></dd>
    <dt>First Name</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentGirlRegistration.gymnastFirstName" class="span2" placeholder="currentGirlRegistration.gymnastFirstName"></dd>
    <dt>Last Name</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentGirlRegistration.gymnastLastName" class="span2" placeholder="currentGirlRegistration.gymnastLastName"></dd>
    <dt>Birthday</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentGirlRegistration.gymnastBirthday" class="span2" placeholder="currentGirlRegistration.gymnastBirthday"></dd>
    <dt>Level</dt>
    <dd><input type="text" ng-readonly="true" ng-model="currentGirlRegistration.gymnastLevel" class="span1" placeholder="currentGirlRegistration.gymnastLevel"></dd>
    <dt>Compete At Level</dt>
    <dd><select
            ng-model="currentGirlRegistration.gymnastCompeteAtLevel"
            ng-change="updateGirlRegistrationPriceForShownGymnast()"
            ng-options="level.name as level.value for level in girlLevels"></select></dd>   
    <dt>Shirt Size</dt>
    <dd><select
            ng-model="currentGirlRegistration.gymnastShirtsize"
            ng-options="shirtSize.name as shirtSize.value for shirtSize in shirtSizeList"></select></dd>      
   </dl>
  </div>
  <div ng-show="currentView === 'listCoaches'">
    <h4 class="lead"><strong>{{currentGym.gymName}}</strong></h4>
    <h4 class="lead"><strong>Step 2</strong></h4>
    <a ng-click="showRegistrationsListAfterBackingOutFromCoaches()">&laquo Back</a>
    <div ng-show="boyRegistrationsOn===1">
    <h4 class="text-align:center">Men Coach(s)</h4>
    <dl class="dl-horizontal">
    <dt>Enter Coach ID</dt><dd><input id="menCoachInput" type="number" min="10000" ng-readonly="false" ng-model="currentBoyCoach.coachSanctionID" ng-change="" class="span2"><button class="btn" ng-click="fetchBoyCoachRecord(currentBoyCoach.coachSanctionID)">Fetch Coach Info.</button></dd>
    </dl>
    <div ng-show="boycoaches.length>0">
    <table class="wt-responsive-table table-striped">
    <thead>
      <tr>
        <th class="span0"></th>
        <th class="text-center span1">USAG Num</th>
        <th class="text-center span1">F. Name</th>
        <th class="text-center span1">L. Name</th>
        <th class="text-center span1">Pro. Dt</th>
        <th class="text-center span1">Saf. Dt</th>
        <th class="text-center span1">Bkgd. Dt</th>
        <th class="text-center span1">U100</th>
      </tr>
    </thead>
    <tbody>
      <tr onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'" ng-repeat="coach in boycoaches track by $index">
        <td><input type="checkbox" ng-model="coach.checked" ng-click="checkBoyCoach(coach.coachSanctionID)"></td>
        <td class="text-center">{{coach.coachSanctionID}}</td>
        <td class="text-center">{{coach.firstName}}</td>
        <td class="text-center">{{coach.lastName}}</td>
        <td class="text-center">{{coach.proExpirationDate}}</td>
        <td class="text-center">{{coach.safetyExpirationDate}}</td>
        <td class="text-center">{{coach.backgroundCheckDate}}</td>
        <td class="text-center">{{coach.u100Active}}</td>
      </tr>
    </tbody>
    </table>
    </div>
    </div>
    <br></br>
    <div ng-show="girlRegistrationsOn===1">
    <h4 class="text-align:center">Women Coach(s)</h4>
    <dl class="dl-horizontal">
    <dt>Enter Coach ID</dt><dd><input id="womenCoachInput" type="number" min="10000" ng-readonly="false" ng-model="currentGirlCoach.coachSanctionID" ng-change="" class="span2"><button class="btn" ng-click="fetchGirlCoachRecord(currentGirlCoach.coachSanctionID)">Fetch Coach Info.</button></dd>
    </dl>
    <div ng-show="girlcoaches.length>0">
    <table class="wt-responsive-table table-striped">
    <thead>
      <tr>
        <th class="span0"></th>
        <th class="text-center span1">USAG Num</th>
        <th class="text-center span1">F. Name</th>
        <th class="text-center span1">L. Name</th>
        <th class="text-center span1">Pro. Dt</th>
        <th class="text-center span1">Saf. Dt</th>
        <th class="text-center span1">Bkgd. Dt</th>
        <th class="text-center span1">U100</th>
      </tr>
    </thead>
    <tbody>
      <tr onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'" ng-repeat="coach in girlcoaches track by $index">
        <td><input type="checkbox" ng-model="coach.checked" ng-click="checkGirlCoach(coach.coachSanctionID)"></td>
        <td class="text-center">{{coach.coachSanctionID}}</td>
        <td class="text-center">{{coach.firstName}}</td>
        <td class="text-center">{{coach.lastName}}</td>
        <td class="text-center">{{coach.proExpirationDate}}</td>
        <td class="text-center">{{coach.safetyExpirationDate}}</td>
        <td class="text-center">{{coach.backgroundCheckDate}}</td>
        <td class="text-center">{{coach.u100Active}}</td>
      </tr>
    </tbody>
    </table>
    </div>
    </div>
    <div id="gotoCheckoutDiv" style="display: none">
        <br></br>
        <button id="gotoCheckoutButton" class="btn" display="none" visible="hidden" disabled="true" ng-click="fromCoachesGotoCheckout()">Go-to Checkout</button>
        <br></br>
    </div>
  </div> 
  <div ng-show="currentView === 'checkout'">
    <h4 class="lead"><strong>{{currentGym.gymName}}</strong></h4>
    <h4 class="lead"><strong>Step 3</strong></h4>
    <a ng-click="returnToCoachesListForCurrentGym()">&laquo Back</a>
    <br></br>
    <h4 class="text-align:center">Checkout</h4>
    <div ng-show="boyRegistrationsOn===1">
    <h4>Men Registration(s)</h4>
    <script type="text/ng-template" id="group-template.html">
      <div class="span1 panel {{panelClass || 'panel-default'}}">
        <div class="panel-heading">
          <h4 class="panel-title" style="color:#fa39c3">
            <a href tabindex="0" class="accordion-toggle" ng-click="toggleOpen()" uib-accordion-transclude="heading"><span
              ng-class="{'text-muted': isDisabled}">{{heading}}</span></a>
          </h4>
        </div>
        <div class="panel-collapse collapse" uib-collapse="!isOpen">
          <div class="panel-body" style="text-align: right" ng-transclude></div>
        </div>
      </div>
    </script>
   <uib-accordion close-others="true">
      <uib-accordion-group is-open="isCheckoutBoyFirstPanelOpen">
        <uib-accordion-heading>
          Number of Men {{totalCheckedBoyGymnasts}} <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': !isCheckoutBoyFirstPanelOpen, 'glyphicon-chevron-up': isCheckoutBoyFirstPanelOpen}"></i>
        </uib-accordion-heading>
          <div ng-show="boyregistrations.length>0">
            <form>
            <table class="wt-responsive-table table-striped">
            <thead>
              <tr>
                <th class="text-center span1">USAG Number</th>
                <th class="text-center span1">First Name</th>
                <th class="text-center span1">Last Name</th>
                <th class="text-center span1">Birthday</th>
                <th class="text-center span1">Comp. Lvl</th>
                <th class="text-center span1">Sz</th>
                <th class="text-center span1">Price</th>
              </tr>
             </thead>
             <tbody>
              <tr onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'" ng-repeat="registration in boyregistrations | filter:{checked: true} | orderBy:['gymnastCompeteAtLevel','gymnastLastName']">
                <td class="text-center">{{registration.gymnastSanctionID}}</td>
                <td class="text-center">{{registration.gymnastFirstName}}</td>
                <td class="text-center">{{registration.gymnastLastName}}</td>
                <td class="text-center">{{registration.gymnastBirthday}}</td>
                <td class="text-center">{{registration.gymnastCompeteAtLevel}}</td>
                <td class="text-center">{{registration.gymnastShirtsize}}</td>
                <td class="text-center">{{registration.price | currency : $ : 0}}</td>
              </tr>
             </tbody>
            </table>
            </form>
          </div>
        </uib-accordion-group>
        <uib-accordion-group is-open="false" heading="Registration Cost ${{costCheckedBoyGymnasts}}">
        </uib-accordion-group>      
        <uib-accordion-group is-open="isCheckoutBoyThirdPanelOpen">
          <uib-accordion-heading>
            Number of coaches {{totalBoyCoaches}} <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': !isCheckoutBoyThirdPanelOpen, 'glyphicon-chevron-up': isCheckoutBoyThirdPanelOpen}"></i>
          </uib-accordion-heading>
          <div ng-show="boycoaches.length>0">
            <form>
            <table class="wt-responsive-table table-striped">
            <thead>
              <tr>
                <th class="text-center span1">USAG Num</th>
                <th class="text-center span1">F. Name</th>
                <th class="text-center span1">L. Name</th>
                <th class="text-center span1">Pro. Dt</th>
                <th class="text-center span1">Saf. Dt</th>
                <th class="text-center span1">Bkgrd. Dt</th>
                <th class="text-center span1">U100</th>
              </tr>
            </thead>
            <tbody>
              <tr onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'" ng-repeat="coach in boycoaches | filter:{checked: true}">
                <td class="text-center">{{coach.coachSanctionID}}</td>
                <td class="text-center">{{coach.firstName}}</td>
                <td class="text-center">{{coach.lastName}}</td>
                <td class="text-center">{{coach.proExpirationDate}}</td>
                <td class="text-center">{{coach.safetyExpirationDate}}</td>
                <td class="text-center">{{coach.backgroundCheckDate}}</td>
                <td class="text-center">{{coach.u100Active}}</td>
              </tr>
            </tbody>
            </table>
            </form>
          </div>
      </uib-accordion-group>
      <uib-accordion-group is-open="isCheckoutBoyFourthPanelOpen">
          <uib-accordion-heading>
            Team Fee(s) ${{totalBoyTeamFees}} <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': !isCheckoutBoyFourthPanelOpen, 'glyphicon-chevron-up': isCheckoutBoyFourthPanelOpen}"></i>
          </uib-accordion-heading>
          <div ng-show="boyteamfees.length>0">
            <form>
            <table class="wt-responsive-table table-striped">
            <thead>
              <tr>
                <th class="span0"></th>
                <th class="text-center span1">Level</th>
                <th class="text-center span1">Fee</th>
                <th class="text-center span1">Count</th>
              </tr>
            </thead>
            <tbody>
              <tr onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'" ng-repeat="teamfee in boyteamfees | orderBy:'gymnastLevel'">
                <td class="text-center">{{teamfee.gymnastLevel}}</td>
                <td class="text-center">${{teamfee.costTeamFee}}</td>
                <td class="text-center">{{teamfee.gymnastCount}}</td>
              </tr>
            </tbody>
            </table>
            </form>
          </div>
      </uib-accordion-group>
      <uib-accordion-group is-open="false" heading="Total Men(s) Cost ${{totalBoyRegistrationCost}}">
      </uib-accordion-group>  
    </uib-accordion>
  </div>
  <div ng-show="girlRegistrationsOn===1">
    <h4>Women Registration(s)</h4>
   <uib-accordion close-others="true">
      <uib-accordion-group is-open="isCheckoutGirlFirstPanelOpen">
        <uib-accordion-heading>
          Number of Women {{totalCheckedGirlGymnasts}} <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': !isCheckoutGirlFirstPanelOpen, 'glyphicon-chevron-up': isCheckoutGirlFirstPanelOpen}"></i>
        </uib-accordion-heading>
          <div ng-show="girlregistrations.length>0">
            <form>
            <table class="wt-responsive-table table-striped">
            <thead>
              <tr>
                <th class="text-center span1">USAG Number</th>
                <th class="text-center span1">First Name</th>
                <th class="text-center span1">Last Name</th>
                <th class="text-center span1">Birthday</th>
                <th class="text-center span1">Comp. Lvl</th>
                <th class="text-center span1">Sz</th>
                <th class="text-center span1">Price</th>
              </tr>
             </thead>
             <tbody>
              <tr onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'" ng-repeat="registration in girlregistrations | filter:{checked: true} | orderBy:['gymnastCompeteAtLevel','gymnastLastName']">
                <td class="text-center">{{registration.gymnastSanctionID}}</td>
                <td class="text-center">{{registration.gymnastFirstName}}</td>
                <td class="text-center">{{registration.gymnastLastName}}</td>
                <td class="text-center">{{registration.gymnastBirthday}}</td>
                <td class="text-center">{{registration.gymnastCompeteAtLevel}}</td>
                <td class="text-center">{{registration.gymnastShirtsize}}</td>
                <td class="text-center">{{registration.price | currency : $ : 0}}</td>
              </tr>
             </tbody>
            </table>
            </form>
          </div>
        </uib-accordion-group>
        <uib-accordion-group is-open="false" heading="Registration Cost ${{costCheckedGirlGymnasts}}">
        </uib-accordion-group>      
        <uib-accordion-group is-open="isCheckoutGirlThirdPanelOpen">
          <uib-accordion-heading>
            Number of coaches {{totalGirlCoaches}} <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': !isCheckoutGirlThirdPanelOpen, 'glyphicon-chevron-up': isCheckoutGirlThirdPanelOpen}"></i>
          </uib-accordion-heading>
          <div ng-show="girlcoaches.length>0">
            <form>
            <table class="wt-responsive-table table-striped">
            <thead>
              <tr>
                <th class="text-center span1">USAG Num</th>
                <th class="text-center span1">F. Name</th>
                <th class="text-center span1">L. Name</th>
                <th class="text-center span1">Pro. Dt</th>
                <th class="text-center span1">Saf. Dt</th>
                <th class="text-center span1">Bkgrd. Dt</th>
                <th class="text-center span1">U100</th>
              </tr>
            </thead>
            <tbody>
              <tr onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'" ng-repeat="coach in girlcoaches | filter:{checked: true}">
                <td class="text-center">{{coach.coachSanctionID}}</td>
                <td class="text-center">{{coach.firstName}}</td>
                <td class="text-center">{{coach.lastName}}</td>
                <td class="text-center">{{coach.proExpirationDate}}</td>
                <td class="text-center">{{coach.safetyExpirationDate}}</td>
                <td class="text-center">{{coach.backgroundCheckDate}}</td>
                <td class="text-center">{{coach.u100Active}}</td>
              </tr>
            </tbody>
            </table>
            </form>
          </div>
      </uib-accordion-group>
      <uib-accordion-group is-open="isCheckoutGirlFourthPanelOpen">
          <uib-accordion-heading>
            Team Fee(s) ${{totalGirlTeamFees}} <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': !isCheckoutGirlFourthPanelOpen, 'glyphicon-chevron-up': isCheckoutGirlFourthPanelOpen}"></i>
          </uib-accordion-heading>
          <div ng-show="girlteamfees.length>0">
            <form>
            <table class="wt-responsive-table table-striped">
            <thead>
              <tr>
                <th class="span0"></th>
                <th class="text-center span1">Level</th>
                <th class="text-center span1">Fee</th>
                <th class="text-center span1">Count</th>
              </tr>
            </thead>
            <tbody>
              <tr onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'" ng-repeat="teamfee in girlteamfees | orderBy:'gymnastLevel'">
                <td class="text-center">{{teamfee.gymnastLevel}}</td>
                <td class="text-center">${{teamfee.costTeamFee}}</td>
                <td class="text-center">{{teamfee.gymnastCount}}</td>
              </tr>
            </tbody>
            </table>
            </form>
          </div>
      </uib-accordion-group>
      <uib-accordion-group is-open="false" heading="Total Women(s) Cost ${{totalGirlRegistrationCost}}">
      </uib-accordion-group>  
    </uib-accordion>
  </div>
    <h4>Total Cost ${{totalRegistrationCost}}</h4>
    <button id="submitRegistrationBtn" class="btn" ng-click="submitRegistration()">Submit Registration</button>
  </div>
  <div ng-show="currentView === 'thankyouRegistrations'">
     <br></br>
     <br></br>
     <br></br>
     <br></br>
     <br></br>
     <div>
     <h4 class="lead">Thank you for reserving your spot(s) with the Greater NY Invitational.</br>Your registration number is: <strong>{{currentCheckout.checkoutID}}</strong></br>Please include your registration number in the memo of your check.</br>Make check payable to: <strong>Greater NY Invitational</strong></br>Send payment to: <strong>Greater NY Invitational PO BOX 476 Wyckoff, NJ 07481</strong></br>To make changes to your registration click <a href="/registrationchanges">here</a>.</h4>
     </div>
  </div>  
</div>