<div class="landing-overlay">

  <!-- ftue header -->
  <div class="content-head">
    <h1>create a jamkazam account</h1>
  </div>

  <!-- inner wrapper -->
  <div class="ftue-inner">
    <%= form_for(user) do |f| %>

        <!-- register left column -->
        <div class="ftue-left">
          <% if (defined? suppress_errors) && !suppress_errors %>
            <%= render 'shared/error_messages', object: f.object %>
          <% end %>
          <table height="330" cellpadding="0" cellspacing="10">
            <tr>
              <td><%= f.label :first_name, "First Name" %><br />
                <%= f.text_field :first_name %></td>
              <td><%= f.label :last_name, "Last Name" %><br />
                <%= f.text_field :last_name %></td>
            </tr>
            <tr>
              <td><%= f.label :email %><br />
                <%= f.text_field :email %></td>
              <!--
              <td>Country:<br />
                <select><option>Select Country</option></select></td>
                -->
            </tr>
            <!--
            <tr>
              <td>State/Province:<br />
                <select><option>Select State/Province</option></select></td>
              <td>City:<br />
                <select><option>Select City</option></select></td>
            </tr>
            -->

            <tr>
              <td><%= f.label :password %><br/>
                <%= f.password_field :password %></td>
              <td><%= f.label :password_confirmation, "Verify Password" %><br/>
                <%= f.password_field :password_confirmation %></td>
            </tr>

            <tr>
              <td colspan=2><small><input type="checkbox" /> I will accept email from JamKazam about this service.<br />
                <br />
                <input type="checkbox" /> I have read and agree to the JamKazam <%= link_to "terms of service", corp_terms_path , :rel=>"external" %>.</small>

          </table>


        </div><!-- end left column -->

        <!-- sign in right column -->
        <div class="ftue-right"><br />

          What instruments can you play?

          <div class="ftue-instrumentlist">
            <table width="100%" cellpadding="0" cellspacing="6">
              <tr>
                <td><input type="checkbox" checked="checked" /> Acoustic Guitar</td>
                <td align="right" width="50%"><select><option>Beginner</option><option>Intermediate</option><option>Expert</option></select></td>
              </tr>
              <tr>
                <td><input type="checkbox" /> Bass Guitar</td>
                <td align="right" width="50%"><select disabled="disabled"><option>Beginner</option><option>Intermediate</option><option>Expert</option></select></td>
              </tr>
              <tr>
                <td><input type="checkbox" checked="checked" /> Electric Guitar</td>
                <td align="right" width="50%"><select><option>Beginner</option><option selected="selected">Intermediate</option><option>Expert</option></select></td>
              </tr>
              <tr>
                <td><input type="checkbox" /> Drums/Percussion</td>
                <td align="right" width="50%"><select disabled="disabled"><option>Beginner</option><option>Intermediate</option><option>Expert</option></select></td>
              </tr>
              <tr>
                <td><input type="checkbox" /> Computer</td>
                <td align="right" width="50%"><select disabled="disabled"><option>Beginner</option><option>Intermediate</option><option>Expert</option></select></td>
              </tr>
              <tr>
                <td><input type="checkbox" checked="checked" /> Keyboard/Piano</td>
                <td align="right" width="50%"><select><option>Beginner</option><option>Intermediate</option><option selected="selected">Expert</option></select></td>
              </tr>
              <tr>
                <td><input type="checkbox" /> Violin</td>
                <td align="right" width="50%"><select disabled="disabled"><option>Beginner</option><option>Intermediate</option><option>Expert</option></select></td>
              </tr>
            </table>
          </div>
          <br />
          <% if Rails.application.config.recaptcha_enable %>
              <%= recaptcha_tags %>
          <% end %>

          <!--
        <img src="images/content/captcha.png" width="152" height="50" align="left" class="mr10" /><small>Enter the characters from the box to the left:<br />
            <input type="text" /> <br clear="all" /><br />
            -->

          <%= f.submit "CREATE ACCOUNT", class: "right button-orange" %><br style="clear:both;"/><br/>
              <a href="/auth/facebook" class="right"><img src="/fb-signup-button.png"></a>

              </div>

              </div>
              <!-- end right column -->

          <% end %>
          </div>
          <!-- end inner -->

          </div>
