<!-- Array
(
)
 --><!-- Array
(
    [0] => Array
        (
            [first_name] => Mark
            [last_name] => Szatsznajder
            [boat_name] => Last Penny
            [sail_number] => 143
            [phrf_rating] => 0
            [portsmouth_rating] => 0
            [length] => 32'
            [boat_class] => Benateau 323
            [club] => 
            [registration_id] => 750
            [skipper_first_name] => Mark
            [skipper_last_name] => Szatsznajder
            [rating] => 0
            [bow_number] => 
            [payment_method] => card
            [paid] => 0
            [due] => 40
            [tcf] => 
            [ora] => null
            [orrez] => null
            [orrez_tod] => null
            [boat_id] => 643
            [registered_club] => 
            [dpn_portsmouth] => 
        )

    [1] => Array
        (
            [first_name] => Big
            [last_name] => Daddy
            [boat_name] => Witchdoctor
            [sail_number] => 686
            [phrf_rating] => 0
            [portsmouth_rating] => 0
            [length] => 30
            [boat_class] => Beneteau 305
            [club] => NOYC
            [registration_id] => 756
            [skipper_first_name] => Big
            [skipper_last_name] => Daddy
            [rating] => 0
            [bow_number] => 
            [payment_method] => club_charge
            [paid] => 0
            [due] => 40
            [tcf] => 
            [ora] => null
            [orrez] => null
            [orrez_tod] => null
            [boat_id] => 646
            [registered_club] => 
            [dpn_portsmouth] => 
        )

)
 --><!-- Array
(
    [0] => Array
        (
            [first_name] => Jerry
            [last_name] => Berndsen
            [boat_name] => Wave Monkey
            [sail_number] => 249
            [phrf_rating] => 0
            [portsmouth_rating] => 0
            [length] => 
            [boat_class] => Viper 640
            [club] => TYC
            [registration_id] => 755
            [skipper_first_name] => 
            [skipper_last_name] => 
            [rating] => -1000
            [bow_number] => 
            [payment_method] => club_charge
            [paid] => 0
            [due] => 40
            [tcf] => 
            [ora] => null
            [orrez] => null
            [orrez_tod] => null
            [boat_id] => 24
            [registered_club] => 
            [dpn_portsmouth] => 
        )

    [1] => Array
        (
            [first_name] => Wayne
            [last_name] => Jablonowski
            [boat_name] => Crazy Diamond
            [sail_number] => 472
            [phrf_rating] => 51
            [portsmouth_rating] => 0
            [length] => 40
            [boat_class] => Beneteau 40.7
            [club] => TYC
            [registration_id] => 742
            [skipper_first_name] => 
            [skipper_last_name] => 
            [rating] => -1000
            [bow_number] => 
            [payment_method] => club_charge
            [paid] => 0
            [due] => 40
            [tcf] => 
            [ora] => null
            [orrez] => null
            [orrez_tod] => null
            [boat_id] => 27
            [registered_club] => 
            [dpn_portsmouth] => 
        )

    [2] => Array
        (
            [first_name] => Kyle
            [last_name] => Bowser
            [boat_name] => Chatté Aimânt
            [sail_number] => 97
            [phrf_rating] => 0
            [portsmouth_rating] => 0
            [length] => 36
            [boat_class] => Beneteau 36.7 
            [club] => TYC
            [registration_id] => 748
            [skipper_first_name] => Kyle
            [skipper_last_name] => Bowser
            [rating] => 0
            [bow_number] => 
            [payment_method] => club_charge
            [paid] => 0
            [due] => 40
            [tcf] => 
            [ora] => null
            [orrez] => null
            [orrez_tod] => null
            [boat_id] => 642
            [registered_club] => 
            [dpn_portsmouth] => 
        )

    [3] => Array
        (
            [first_name] => Sandy
            [last_name] => Stone
            [boat_name] => Nightshift
            [sail_number] => 73084
            [phrf_rating] => 0
            [portsmouth_rating] => 0
            [length] => 37
            [boat_class] => Beneteau First 375 SD
            [club] => TYC
            [registration_id] => 747
            [skipper_first_name] => Sandy
            [skipper_last_name] => Stone
            [rating] => 0
            [bow_number] => 
            [payment_method] => club_charge
            [paid] => 0
            [due] => 40
            [tcf] => 
            [ora] => null
            [orrez] => null
            [orrez_tod] => null
            [boat_id] => 641
            [registered_club] => 
            [dpn_portsmouth] => 
        )

)
 --><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Single-Handed Against the Lake, Tammany Yacht Club - nextSailor</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Single-Handed Against the Lake, Tammany Yacht Club">
    <meta name="author" content="">
    <meta property="og:title" content="Single-Handed Against the Lake, Tammany Yacht Club - nextSailor.com" />
    <meta property="og:description" content="Register Today! Single-Handed Against the Lake, Tammany Yacht Club - Registration provided by nextSailor.com" />
    <meta property="og:url" content="http://www.nextsailor.com/app/page/regatta/63" />
        <meta property="og:image" content="https://nextsailor.com/docs/images/1/logoNoText1.jpg" />
        <meta property="og:type" content="website" />
    
    <!-- Styles -->
    <link href="https://nextsailor.com/app/bootstrap/fontSansation/stylesheet.css" rel="stylesheet">
    <link href="https://nextsailor.com/app/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="https://nextsailor.com/app/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="https://nextsailor.com/app/bootstrap/css/nextsailor.css" rel="stylesheet">
    <link href="https://nextsailor.com/app/bootstrap/css/nextsailor-page.css" rel="stylesheet">

    <script src="https://nextsailor.com/app/bootstrap/js/jquery.js"></script>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://nextsailor.com/app/images/android-chrome-144x144.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://nextsailor.com/app/images/android-chrome-114x114.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://nextsailor.com/app/images/android-chrome-72x72.png">
                    <link rel="apple-touch-icon-precomposed" href="https://nextsailor.com/app/images/android-chrome-57x57.png">
                                   <link rel="shortcut icon" href="https://nextsailor.com/app/favicon.ico">
   
  </head>

  <body>
      
              <div style=" background-image: url('https://nextsailor.com/app/images/background_headerCarbon.jpg'); background-repeat: repeat-x; background-color: #121212">
            <div class="container" name="headerNavigation">
                <div class="navbar navbar-inverse">
    <div class="container">
      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
     
      <div class="dropdown" style="width:100%;">
            <a class="btn btn-navbar" class="pull-right" data-toggle="dropdown" class="dropdown-toggle">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </a>
            <div class="dropdown-menu" style="left:auto !important;background-color:#111;right:0px !important;width:200px;margin-top:38px;padding:4px;">
                <ul class="nav hidden-desktop" >
                    <li><a href="https://nextsailor.com/app/page/reg_start/63">Registration</a></li><br/>
                                        <li><a href="https://nextsailor.com/app/page/regatta/63/notices">Notice Board</a></li><br/>
                    <li><a href="https://nextsailor.com/app/page/regatta/63/entries">Current Entries</a></li><br/>
                    <li><a href="https://nextsailor.com/app/page/crew_board/63">Crew Board</a></li><br/>
                    <li><a href="https://nextsailor.com/app/page/regatta/63/contact">Contact</a></li><br/>
                    <li><a href="https://nextsailor.com/app/page/regatta/63">Regatta Home</a></li>
              </ul>
              <ul class="nav">
                                        <li><a href="https://nextsailor.com/app/page/reg_start/63" style="color: #f37021; font-weight: bold;">Login</a></li>
                                </ul>
            </div>
        </div>
      
      
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse" style="background-color:none;background-images:none;">
        <!-- .nav, .navbar-search, .navbar-form, etc -->
        <ul class="nav hidden-desktop" >
              <li><a href="https://nextsailor.com/app/page/reg_start/63">Registration</a></li>
              <li class="divider-vertical"></li>
                            <li><a href="https://nextsailor.com/app/page/regatta/63/notices">Notice Board</a></li>
              <li class="divider-vertical"></li>
              <li><a href="https://nextsailor.com/app/page/regatta/63/entries">Current Entries</a></li>
              <li class="divider-vertical"></li>
              <li><a href="https://nextsailor.com/app/page/crew_board/63">Crew Board</a></li>
              <li class="divider-vertical"></li>
              <li><a href="https://nextsailor.com/app/page/regatta/63/contact">Contact</a></li>
              <li class="divider-vertical"></li>
              <li><a href="https://nextsailor.com/app/page/regatta/63">Regatta Home</a></li>
        </ul>
        <ul class="nav pull-right">
                            <li><a href="https://nextsailor.com/app/page/reg_start/63" style="color: #f37021; font-weight: bold;">Login</a></li>
                    </ul>
      </div>
    </div>
</div>            </div>
        </div>
            
      
                  <div class="header-background header-gray" style="height:200px;">
          <div class="container">
            
        <!-- HEADER CONTENT -->
        <div class="row" >
                                    <div class="span5 hidden-phone">
                <!-- LOGO -->
                <div id="spanLogo" align="center">
                    <a href="https://nextsailor.com/app/page/regatta/63" >
                        <!-- <img class="img-rounded" src="https://nextsailor.com/app/js/holder.js/200x200" alt="Single-Handed Against the Lake" height="200" border="0"> -->
                                                            <img class="img-polaroid" src="https://nextsailor.com/docs/images/1/logoNoText1.jpg" alt="Single-Handed Against the Lake" height="170" border="0">
                                                </a>
                </div>
                
            </div><!--/span-->
            <div class="span6 offset1" id="spanRegattaName">
                <div align="right" >
                <h1>Single-Handed Against the Lake</h1>
                                <h4>10/03/2015</h4>
                                <h4>Tammany Yacht Club</h4>
                </div>
            </div>
                    </div>
      </div>
      </div>
                    <!-- END HEADER CONTENT -->
    

          <div class="container">
        
        <div class="row" style="margin-top: 24px; margin-bottom: 24px; min-height: 440px;">
            <!-- PAGE CONTENT -->
                            <div class="span3 hidden-phone">
                    <div class="well ">
                        <style>
    .sidenav li{
        font-weight: bold;
    }
</style>
<ul class="nav nav-pills nav-stacked sidenav">
    <li >
        <a href="https://nextsailor.com/app/page/reg_start/63">Registration</a></li>
    
    <li >
        <a href="https://nextsailor.com/app/page/regatta/63/notices">Notice Board</a>
    <ul class="nav nav-pills nav-stacked" style="font-size:13px;font-weight:normal;margin-left: 14px;">
    <li>
                <a href="https://nextsailor.com/docs/files/1/SHR_NOR_2015.pdf" target="_blank">Notice of Race <i class="icon-download"></i></a>
        </li>
    <li>
                <a href="https://nextsailor.com/docs/files/1/SingleHandedInstructions2015.pdf" target="_blank">Sailing Instructions <i class="icon-download"></i></a>
        </li>
            <li><a href="https://nextsailor.com/app/page/regatta/63/notices">View All Notices</a></li>
    </ul>
    </li>


    <li class="active">
        <a href="https://nextsailor.com/app/page/regatta/63/entries">Current Entries</a></li>
    <li >
        <a href="https://nextsailor.com/app/page/crew_board/63">Crew Board</a></li>
        </ul>
<!-- 
<a href="#">Results</a>
Need to drop in each class results, series results, etc.
-->
<hr/>
<ul class="nav nav-pills nav-stacked">
    <li><a href="https://nextsailor.com/app/page/regatta/63">Regatta Home <i class="icon-home"></i></a></li>
</ul>


                    </div>
                    
                    <div id="adsSideNavigation">
                                            </div>
                </div>
            
            
            <div class="span9">
                
                                                <h2>Current Entries</h2>


<legend>Spinnaker <small>(0 entries)</small> <a class="btn" href="https://nextsailor.com/app/page/entriespdf/63">Print / PDF</a></legend>

<table class="table">
    <tr>
        <th>Sail Number</th>
        <th>Boat Name</th>
        <th>Skipper</th>
        <th>Club</th>
        <th>Boat</th>
        <th>Length</th>
        <th>Rating</th>
    </tr>    
    </table>
<div style="font-size:10px;color:#914848;float:right;">
    </div>

<legend>Non-spinnaker <small>(2 entries)</small> <a class="btn" href="https://nextsailor.com/app/page/entriespdf/63">Print / PDF</a></legend>

<table class="table">
    <tr>
        <th>Sail Number</th>
        <th>Boat Name</th>
        <th>Skipper</th>
        <th>Club</th>
        <th>Boat</th>
        <th>Length</th>
        <th>Rating</th>
    </tr>    
                <tr>
                <td>143</td>
                <td>Last Penny</td>
                <td>Mark Szatsznajder</td>
                <td></td>
                <td>Benateau 323</td>
                <td>32'</td>
                <td>
                0                </td>
            </tr>
                <tr>
                <td>686</td>
                <td>Witchdoctor</td>
                <td>Big Daddy</td>
                <td>NOYC</td>
                <td>Beneteau 305</td>
                <td>30</td>
                <td>
                0                </td>
            </tr>
    </table>
<div style="font-size:10px;color:#914848;float:right;">
    </div>

<legend>Auto-pilot <small>(4 entries)</small> <a class="btn" href="https://nextsailor.com/app/page/entriespdf/63">Print / PDF</a></legend>

<table class="table">
    <tr>
        <th>Sail Number</th>
        <th>Boat Name</th>
        <th>Skipper</th>
        <th>Club</th>
        <th>Boat</th>
        <th>Length</th>
        <th>Rating</th>
    </tr>    
                <tr>
                <td>249</td>
                <td>Wave Monkey</td>
                <td>Jerry Berndsen</td>
                <td>TYC</td>
                <td>Viper 640</td>
                <td></td>
                <td>
                0                </td>
            </tr>
                <tr>
                <td>472</td>
                <td>Crazy Diamond</td>
                <td>Wayne Jablonowski</td>
                <td>TYC</td>
                <td>Beneteau 40.7</td>
                <td>40</td>
                <td>
                51                </td>
            </tr>
                <tr>
                <td>97</td>
                <td>Chatté Aimânt</td>
                <td>Kyle Bowser</td>
                <td>TYC</td>
                <td>Beneteau 36.7 </td>
                <td>36</td>
                <td>
                0                </td>
            </tr>
                <tr>
                <td>73084</td>
                <td>Nightshift</td>
                <td>Sandy Stone</td>
                <td>TYC</td>
                <td>Beneteau First 375 SD</td>
                <td>37</td>
                <td>
                0                </td>
            </tr>
    </table>
<div style="font-size:10px;color:#914848;float:right;">
    </div>
                
                <br/><br/>
                
                
                <!-- Advertisers -->
                                <div class="ad_units">
                                    </div>
                
            </div>
            <!-- PAGE CONTENT -->
        </div>
          
      </div>

    </div><!--/.fluid-container-->
    <div  style="margin-bottom: -41px;">
        <div class="container" name="footer" style="min-height:140px;">
        
        </div>
    </div>
    <div id="forgotPassModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Forgot Password</h3>
  </div>
  <div class="modal-body">

                <fieldset>

                                    Enter your email below.  Your password will be reset and sent to your email address.
                                    <div id="result" class="alert hidden"></div>
                  <hr/>
                  <label>Email Address:</label>
                  <input type="email" placeholder="someone@something.com" name="email" id="email">
                  <br/>
                  
                  <button type="button" id="sendReset" class="btn btn-primary btn-large">Reset Password</button>
                </fieldset>

  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true" id="closeButton">Close</button>
  </div>
</div>
<script src="https://nextsailor.com/app/bootstrap/js/jquery.js"></script>
<script>
    $('#sendReset').click(function(){
       resetPassword();
    });
    
    function resetPassword(){
        $.ajax({
                type: "POST",
                url: "https://nextsailor.com/app/account/forgotpassajax",
                cache: false,
                data: { email: $('#email').val() }
              }).done(function( data ) {
                  $('#result').removeClass('hidden');
                  $('#result').html(data);
              });
    }
    $('#closeButton').click(function(){
        $('#result').addClass('hidden');
        $('#email').val('');
      })
</script>    <style>
    .modal-container{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .modal-col{
        flex-grow: 1;
        margin-inline: 1em;
    }
    .modal-col input, .modal-col select{
        width: 95%;
    }
    .m-c-50{
        max-width:50%;
    }
    .m-c-75{
        max-width:75%;
    }
    .m-d-25{
        max-width:25%;
    }
</style>
<div id="addBoatModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="position:absolute;">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Add New Boat</h3>
  </div>
  <div class="modal-body">
        <div id="searchBoatForm">
            <fieldset>
                <div class="modal-container" >
                        <div class="modal-col m-c-50">
                            <select id="certType" name="certType">
                                <option value="">Any Rating/Hadicap</option>
                                                                <option value="handicap_orrez">ORR-Ez</option>
                                                                <option value="handicap_ora">GYA ORA PHRF</option>
                                                                <option value="handicap_gyaphrf">GYA PHRF</option>
                                                                <option value="orc">ORC</option>
                            </select>
                        </div>
                        <div class="modal-col m-c-50">
                            <input type="text" id="certKeyword" name="certKeyword" placeholder="Enter cert/sail number/boat name"/>
                        </div>
                </div>
                <div class="modal-container">
                        <div class="modal-col">
                            <table class="table table-condensed" id="searchResults"></table>
                            <div style="height: 50px;text-align:center;">
                                <small>If your boat or rating system is not listed, you can add it to the database.</small><br/>
                                <button class="btn btn-small " id="switchAddView">Add a new boat</button>
                            </div>
                            
                        </div>
                </div>
                <input type="hidden" id="certBoatId" />
            </fieldset>
        </div>
        <div id="blankBoatForm"  style="display:none;">
            <div class="modal-half-div">
                <fieldset>
                <label>Boat Name: <small class="text-error">* Required</small></label>
                <input type="text" name="addboat_name" id="addboat_name">
                <label>Sail Number: <small class="text-error">* Required</small></label>
                <input type="text" name="addsail_number" id="addsail_number">
                <label>Make/Model: <small class="text-error">* Required</small></label>
                <input type="text" name="addclass" id="addclass" autocomplete="off">
                <input type="hidden" name="addclass_id" id="addclass_id" value="0"/>
                <label>Year:</label>
                <input type="number" name="addyear" id="addyear">
                <label>Length:</label>
                <input type="text" name="addlength" id="addlength">
                    
                </fieldset>
            </div>
            <div class="modal-half-div">
                <div class="hidden" id="suggestedBoats"><h5>Did you mean?</h5></div>
                <!-- <div style="position:absolute;right:4px;top:4px;padding:6px;width:50%;" class="hidden" id="suggestedBoats"><h5>Did you mean?</h5></div> -->
                <fieldset>
                    <label>Skipper First Name:</label>
                    <input type="text" name="addskipper_first_name" id="addskipper_first_name">
                    <label>Skipper Last Name:</label>
                    <input type="text" name="addskipper_last_name" id="addskipper_last_name">
                    <label>Bow Number:</label>
                    <input type="text" name="addbow_number" id="addbow_number">  
                    <hr />
                    <small>TCF ratings and other systems will be handled by the scorer</small>
                    <label>PHRF Rating:</label>
                    <input type="number" name="addphrf_rating" id="addphrf_rating">
                    <label>Portsmouth Rating:</label>
                    <input type="text" name="addportsmouth_rating" id="addportsmouth_rating">

                    
                </fieldset>
            </div>
        </div>
        
  </div>
  <div class="modal-footer">
      <div class="alert pull-left hidden" id="errorDisplay">
          <strong>Sail Number</strong> and <strong>Class</strong> are required.
      </div>
      <button type="submit" class="btn btn-primary" name="add" id="add" style="display:none;">Add Boat</button>
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
</div>
<script src="https://nextsailor.com/app/bootstrap/js/jquery.js"></script>

<script>
    $(document).ready(function() {
        $("#addclass").typeahead({
            minLength: 1,
            source: function(query, process) {
                $.post('https://nextsailor.com/app/boat_class/ajax_class_search', { q: query, limit: 12 }, function(data) {
                    process(data);
                });
            },
            updater: function(item){
              $("#addclass").val(item);
              getBoatClassId();
              return item;
            }
        });

        $('#switchAddView').on('click',function(){
            $('#searchBoatForm').hide();
            $('#blankBoatForm').show();
            $('#add').show();
        });

        var debounce;
        $('#certKeyword').keyup(function(e){
            clearTimeout(debounce);
            debounce = setTimeout(function(){
                loadCerts($('#certType').val(), $('#certKeyword').val());
            }, 250);   
        })
        $('#certType').change(function(e){
            if($('#certType').val() === 'orc'){
                $('#searchBoatForm').hide();
                $('#blankBoatForm').show();
                $('#add').show();
            }
            else{
                if($('#certType').val().length > 0){
                    loadCerts($('#certType').val(), $('#certKeyword').val());
                }
            }
            
        });
    });

    function addCertToBoat(boatdata, boatId){
        $.ajax({
            type: "POST",
            url: "https://nextsailor.com/app/boat_class/ajax_get_class_id",
            cache: false,
            data: { q: boatdata.boatType }
            }).done(function( data ) {
                const thisBoatClassId = data;

                // Add the boat
                var dataToSend = {account_id: ,
                            sail_number: boatdata.sailNumber,
                            boatclass: boatdata.boatType,
                            class_id: thisBoatClassId,
                            boat_name: boatdata.boatName};
                $.ajax({
                        type: "POST",
                        url: "https://nextsailor.com/app/profile/ajax_add_boat",
                        cache: false,
                        async: false,
                        data: dataToSend
                    }).done(function( data ) {
                        if(data == "error"){
                            // do something error like here
                            $('#errorDisplay').removeClass('hidden');
                        }
                        if(parseInt(data) >= 1){

                            var certdataToSend = {
                                certType: boatdata.extSource, certNumber: boatdata.extRef, boatId: data
                            };
                            $.ajax({
                                    type: "POST",
                                    url: "https://nextsailor.com/app/cert/ajax_add_cert",
                                    cache: false,
                                    async: false,
                                    data: certdataToSend
                                    }).done(function( data ) {

                                        
                                });

                            // Update the boat table
                            var rowContent = '<tr><td><input name="reg_boat_id" type="radio" value="'+data;
                            rowContent += '" checked/></td><td>Sail Num: ';
                            rowContent += boatdata.sailNumber+' '+boatdata.boatType+' ';
                            
                            var boatName = boatdata.boatName;
                            if(boatName.length > 0){
                                rowContent += ' - '+boatName;
                            } 
                            rowContent += '</td></tr>';
                            $('#boat_table').append(rowContent);
                          
                            // Close this modal
                            $('#addBoatModal').modal('hide');
                            clearFields();
                            location.reload();
                        }
                    });

        });


    }

    function loadCerts(certType, certKeyword){
        // load boat ajax function
        var dataToSend = {
            certKeyword,
            certType
        };
        $.ajax({
                type: "POST",
                url: "https://nextsailor.com/app/cert/ajax_cert_search",
                cache: false,
                async: false,
                data: dataToSend
                }).done(function( data ) {
                
                $('#searchResults').html('');
                $("#searchResults").append(`<tr>
                    <th>Cert</th>
                    <th>Name</th>
                    <th>Sail Number</th>
                    <th></th>
                </tr>`);
                for(const boat of data){
                    if(boat.ext_ref){
                        let boatRow = `<tr>
                            <td>${boat.ext_ref}</td>
                            <td>${boat.boat_name}</td>
                            <td>${boat.sail_number}</td>
                            <td><button class="certAdd btn btn-mini btn-info" 
                                data-ext-ref="${boat.ext_ref}" 
                                data-ext-source="${boat.type}"
                                data-boat-name="${boat.boat_name}"
                                data-sail-number="${boat.sail_number}"
                                data-boat-type="${boat.boat_type}">Select</button></td>
                        </tr>`;
                        $("#searchResults").append(boatRow);
                    }
                    
                }
            });
        
        $('.certAdd').on( "click", function(e) {
                addCertToBoat(e.target.dataset);
            
        });
    }

    /*
    $('#addclass').keyup(function(){
        if($('#addclass').val().length >= 1){
            find_boat();
        }
    });
    */

    function find_boat(){
        var dataToSend = {q: $('#addclass').val(),
                            limit: 12};
                            
        var suggestedBoatsDiv = $('#suggestedBoats');
        //alert('making ajax call');
        $.ajax({
                type: "POST",
                url: "https://nextsailor.com/app/boat_class/ajax_class_search",
                cache: false,
                async: false,
                data: dataToSend
              }).done(function( data ) {
             
                if(data.length >= 1){
                    var innerHTML = '<h5>Did you mean?</h5>';
                    for(i=0;i<data.length;i++){
                        innerHTML += "<li><a href=\"#\" class=\"addBoatClass\" ";
                        innerHTML += "data-boatclass=\""+data[i]+"\" >";
                        innerHTML += data[i];
                        innerHTML += "</a></li>";
                    }
                    
                    suggestedBoatsDiv.html(innerHTML);
                    suggestedBoatsDiv.removeClass('hidden');
                    suggestedBoatsDiv.addClass('show');
                }
                else{
                    suggestedBoatsDiv.removeClass('show');
                    suggestedBoatsDiv.addClass('hidden');
                }
              });
    }
    
    $('.addBoatClass').live('click', function(){
        var thisBoatClass = $(this).data('boatclass');
        var suggestedBoatsDiv = $('#suggestedBoats');
        $('#addclass').val(thisBoatClass);
        suggestedBoatsDiv.html('');
        suggestedBoatsDiv.removeClass('show');
        suggestedBoatsDiv.addClass('hidden');
        $('#addyear').focus();
        getBoatClassId()
    });
    
    /*
    $('#addclass').change(function() {
        getBoatClassId();
    });
    $('#addclass').blur(function() {
        getBoatClassId()
    });
    */

    function getBoatClassId(){
        $.ajax({
            type: "POST",
            url: "https://nextsailor.com/app/boat_class/ajax_get_class_id",
            cache: false,
            data: { q: $('#addclass').val() }
            }).done(function( data ) {
                if(parseInt(data) == 0){
                    $('#addclass_id').val(0);
                }
                if(parseInt(data) >= 1){
                    $('#addclass_id').val(parseInt(data));
                }
        });
    }
    
    function clearFields(){
        $('#addclass_id').val(0);
        $('#addboat_name').val('');
        $('#addsail_number').val('');
        $('#addclass').val('');
        $('#addyear').val('');
        $('#addlength').val('');
        $('#addphrf_rating').val('');
        $('#addportsmouth_rating').val('');
        $('#addskipper_first_name').val('');
        $('#addskipper_last_name').val('');
        $('#addbow_number').val('');
        $('#searchBoatForm').show();
        $('#blankBoatForm').hide();
        $('#add').hide();
    }
    
      $('#add').click(function(){
         
          var dataToSend = {account_id: ,
                            sail_number: $('#addsail_number').val(),
                            boatclass: $('#addclass').val(),
                            class_id: $('#addclass_id').val(),
                            boat_name: $('#addboat_name').val(),
                            year: $('#addyear').val(),
                            phrf_rating: $('#addphrf_rating').val(),
                            portmouth_rating: $('#addportsmouth_rating').val(),
                            length: $('#addlength').val()};
          
          
          $.ajax({
                type: "POST",
                url: "https://nextsailor.com/app/profile/ajax_add_boat",
                cache: false,
                async: false,
                data: dataToSend
              }).done(function( data ) {
                  if(data == "error"){
                      // do something error like here
                      $('#errorDisplay').removeClass('hidden');
                  }
                  if(parseInt(data) >= 1){
                      // Update the boat table
                      var rowContent = '<tr><td><input name="reg_boat_id" type="radio" value="'+data;
                      rowContent += '" checked/></td><td>';
                      rowContent += $('#addsail_number').val()+' '+$('#addclass').val()+' ';
                      
                      var boatName = $('#addboat_name').val();
                      if(boatName.length > 0){
                          rowContent += ' - '+$('#addboat_name').val();
                      } 
                      rowContent += '</td></tr>';
                      $('#boat_table').append(rowContent);

                      $('#skipper_first_name').val($('#addskipper_first_name').val());
                      $('#skipper_last_name').val($('#addskipper_last_name').val());
                      $('#bow_number').val($('#addbow_number').val());
                      
                      // Close this modal
                      $('#addBoatModal').modal('hide');
                      clearFields();
                  }
              });
      });
</script>    <div id="editBoatModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="position:absolute;">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Edit Registration</h3>
  </div>
  <div class="modal-body">
      <div style="width:49%;display:inline-block;vertical-align: text-top;">
        <fieldset>
          <label>Boat Name:</label>
          <input type="text" name="editboat_name" id="editboat_name" disabled="">
          <label>Sail Number:</label>
          <input type="text" name="editsail_number" id="editsail_number" disabled="disabled">
          <label>Make/Model:</label>
          <input type="text" name="editclass" id="editclass" autocomplete="off" disabled="disabled">
          <label>Year:</label>
          <input type="number" name="edityear" id="edityear" disabled="disabled">
          <label>Length:</label>
          <input type="text" name="editlength" id="editlength" disabled="disabled">
          <br/>
          <span class="muted small">If you need to make adjust the base settings for your boat, 
          please <a href="/profile/boats" target="_blank">log in to your nextSailor account</a></span>
        </fieldset>
      </div>
      <div style="width:49%;display:inline-block;vertical-align: text-top;">
        <div class="hidden" id="suggestedBoats"><h5>Did you mean?</h5></div>
        <!-- <div style="position:absolute;right:4px;top:4px;padding:6px;width:50%;" class="hidden" id="suggestedBoats"><h5>Did you mean?</h5></div> -->
        <fieldset>
          <label>PHRF Rating:</label>
          <input type="number" name="editphrf_rating" id="editphrf_rating" disabled="disabled">
          <label>Portsmouth Rating:</label>
          <input type="text" name="editportsmouth_rating" id="editportsmouth_rating" disabled="disabled">
          <hr/>
          <label>Skipper First Name:</label>
          <input type="text" name="editskipper_first_name" id="editskipper_first_name">
          <label>Skipper Last Name:</label>
          <input type="text" name="editskipper_last_name" id="editskipper_last_name">
          <label>Bow Number:</label>
          <input type="text" name="editbow_number" id="editbow_number">  
        </fieldset>
      </div>
      
        
  </div>
  <div class="modal-footer">
      <input type="hidden" name="editboat_id" id="editboat_id" />
      <input type="hidden" name="regatta_id" id="regatta_id" />
      <button type="submit" class="btn btn-primary" name="edit" id="edit">Edit Registration</button>
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
</div>
<script src="https://nextsailor.com/app/bootstrap/js/jquery.js"></script>

<script>    
    function editClearFields(){
        $('#editboat_name').val('');
        $('#editsail_number').val('');
        $('#editclass').val('');
        $('#edityear').val('');
        $('#editlength').val('');
        $('#editphrf_rating').val('');
        $('#editportsmouth_rating').val('');
        $('#editskipper_first_name').val('');
        $('#editskipper_last_name').val('');
        $('#editbow_number').val('');
        $('#editboat_id').val('');
    }
    
      $('#edit').click(function(){
         
          
                      var dataToSend = {regatta_id: $('#regatta_id').val(),
                            boat_id: $('#editboat_id').val(),
                            skipper_first_name: $('#editskipper_first_name').val(),
                            skipper_last_name: $('#editskipper_last_name').val(),
                            bow_number: $('#editbow_number').val()};
                    
          $.ajax({
                type: "POST",
                url: "https://nextsailor.com/app/regatta/ajax_update_registration",
                cache: false,
                async: false,
                data: dataToSend
              }).done(function( data ) {
                  if(data == "error"){
                      // do something error like here
                      $('#errorDisplay').removeClass('hidden');
                  }
                  if(parseInt(data) >= 1){
                      // Do something
                      
                      // Close this modal
                      $('#editBoatModal').modal('hide');
                      clearFields();
                      location.reload();
                  }
              });
      });
</script>    <!-- Javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://nextsailor.com/app/bootstrap/js/bootstrap.js"></script>
    <script src="https://nextsailor.com/app/js/holder.js"></script>

    <script>
     $('.edit-boat').click(function(){
        var thisBoatId = $(this).data('boat-id');

        // Get info from ajax request in form of object
        var url = 'https://nextsailor.com/app/regatta/ajax_pull_registration';
                var dataToSend = {'boat_id':thisBoatId, 'regatta_id':63};
                $.post(url,dataToSend,function(data){
            var boat = JSON.parse(data);
            console.log(boat);
            // Populate data in to fields
            $('#editboat_name').val(boat.boat_name);
            $('#editsail_number').val(boat.sail_number);
            $('#editclass').val(boat.boat_class);
            $('#edityear').val(boat.year);
            $('#editlength').val(boat.boat_length);
            $('#editphrf_rating').val(boat.phrf_rating);
            $('#editportsmouth_rating').val(boat.portsmouth_rating);
            $('#editskipper_first_name').val(boat.skipper_first_name);
            $('#editskipper_last_name').val(boat.skipper_last_name);
            $('#editbow_number').val(boat.bow_number);
            $('#editboat_id').val(thisBoatId);
            $('#regatta_id').val(63);
        });      
     });

     $('#add-boat').click(function(){
        clearFields();

        var regatta_class_id = $('input[name=reg_class]:checked').val();
        $.post('https://nextsailor.com/app/page/ajax_get_boat_class',{'regatta_class_id':regatta_class_id},
            function(data){
                var datavar = JSON.parse(data);
                if(parseInt(datavar[0].class_id) > 0){ // If we find a class, let's preset the value on the add_boat modal
                    //alert(datavar[0].class_id);
                    $('#addclass').val(datavar[0].name);
                    $('#addclass_id').val(datavar[0].class_id);
                }
            });
    });
    </script>

    <script>
        $(function() {
            FastClick.attach(document.body);
        });
    </script>
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-42531046-1', 'nextsailor.com');
        ga('send', 'pageview');

      </script>
  </body>
</html>