<% provide(:title, 'Signup Confirmation') %>
<%=  javascript_include_tag "landing/landing" %>

<% if @user.nil? %>
    <h1>Signup Confirmation Failure</h1>

    <div class="row">
      <div class="span6 offset3">
        Unable to confirm registration email
      </div>
    </div>
<% else %>
    <%  # Seth: I'm commenting out all non-required fields for now, because I think we currently have too much %>

    <div class="signin-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">
              <div id="errors"></div>
              <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, :disabled => true %></td>

                  <td>Country:<br />
                    <select id="jam_ruby_user_country" name="jam_ruby_user_country"><option value="US">United States</option></select>
                  </td>

                </tr>
                <tr>
                  <td>State/Province:<br />
                    <select id="jam_ruby_user_state" name="jam_ruby_user_state"><option>Select State/Province</option></select></td>
                  <td>City:<br />
                    <select id="jam_ruby_user_city" name="jam_ruby_user_city"><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">
                    <%= f.label :birth_date %>
                    <%= f.date_select :birth_date,
                                      :start_year => 1900,
                                      :prompt => { :day => 'Select day', :month => 'Select month', :year => 'Select year' },
                                      :order => [:month, :day, :year]%></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">
                <%=  render :partial => "instrument_selector"%>
              </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", id: "completion_submit_button" %><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>

      <% end %>

<script type="text/javascript">
    // register for submit attempts
    window.signup.handle_completion_submit()
</script>
