view of settings

<div class="container">
    <div class="row-fluid">
        <!-- <div id="jobmargintop"></div> --><div id="topmarginjob"></div>
    <div class="span12 text-center">    <h3>Profile Settings and Company Info</h3>  </div>
    <hr>
        <div class="span12 text-center">


<%= form_for @company, :url => company_profile_path, :html => {:method => "PUT", :class => "form-stacked", :multipart => true, :validate => false} do |f| %>
<div class= "well">
    <label for="Status">Your Account Type: <span id="joined_on"></span></label>
    <!-- Basic -->
    <% if @company.companypro? %>
     Pro <p>
      <%= link_to "Cancel Pro Subscription", remove_subscription_company_profile_path, :class => "btn btn-small" %>
   <% else %>
   Basic

     <h3>
        <button data-amount="1000"
                              data-description="Upgrading to SortBox Pro gives you the Custom Applications and Talent Management System"
                              id="sortboxprobutton"
                              class="btn btn-warning"> Upgrade to Pro for $19.95/month!</button></h3>
                Upgrade to Pro
                Do you have a Coupon? <p> Enter that below: --><br>
                <%= text_field_tag :stripe_coupon %><p>
                  <div class="span1 offset5">
                <input value="upgrade" id="entercoupon" class="btn btn-success pull-right" type="submit"></div>
                <%# end %>

    <% end %> <!-- end if company.pro -->
<%# end %> <!-- end form -->

         <%# if @company.companypro? %>
         <%# else %>



        <%# end %>
           <br>
      </div> <!-- end well-->

<br></br>
<%# end -%>
</div>
<%# end -%>
<%= form_for @company, :url => company_profile_path, :html => {:method => "PUT", :class => "form-stacked", :multipart => true, :validate => true} do |f| %>
<span style="color: #333; margin: 10px 0 5px; font-size: 24px;"> Company Name and Username </span>

<div class="well">
    <label for="company_name">Real Company Name: <span id="joined_on"></span></label>
    <%= f.text_field :company_name %>
    <input value="Save" class="btn btn-success pull-right" type="submit">
</div> <!-- end well-->
<%# end %>
<div class="well">
Your Current Username is:
  <h4>
<%= @company.username %> </h4> <p>Your username will also be your careers site ex: username "JerrysCafe" will be sortbox.co/jerryscafe <br></br>
    <div> <a href="#usernamemodal" role="button" class="btn btn-info" data-toggle="modal">Update Username</a>
    </div>


   <div id="usernamemodal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="usernamemodal"    aria-hidden="true">
     <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
       <h4 id="usernamemodal">Are you sure?</h4>
     </div>
    <div class="modal-body">
      <div id="updateusername">
Are you absolutely sure you want to change your username?
      </div>
    </div>
    <div class="modal-footer">
      <%= f.text_field :username, :class => "span4", 'data-autocheck-url' => "/api/company/check/username.json" %>
      <%= f.submit "Save", :class => 'btn btn-success', :disable_with => "saving", :style => "display:inline;" %>
        <button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Cancel</button>
    </div>
  </div> <!--end >
  <input value="Save" class="btn btn-success pull-right" type="submit">
  <br>

</div>

<! end well-->
    <span style="color: #333; margin: 10px 0 5px; font-size: 24px;"> Company Location </span>
<div class="well">
   <label for"location">City: <span></span></label>
    <%= f.text_field :location %>

    <label for="zipcode">Zipcode: <span></span></label>
    <%= f.text_field :zipcode %><p>
    <input value="Save" class="btn btn-success pull-right" type="submit">
    <br>
    </div> <!-- end >
    <span style="color: #333; margin: 10px 0 5px; font-size: 24px;"> About Your Company </span>
    <div class= "well">
      <!<label for="company_description">Company Description: <span></span></label> -->
      <%= f.text_area :company_description, :class => "tinymce", :placeholder => "Tell us a little something about your company..." %>


<input value="Save" class="btn btn-success pull-right" type="submit">
<br>
</div> <!-- end well-->
<div>
    <span style="color: #333; margin: 10px 0 5px; font-size: 24px;"> Your Company Images </span><br>
   <div class="well">

            <label> Company Website:<span class="help"> (optional) </span></label>
                <%= f.text_field :link, :class => "span5", :placeholder => "http://www.yourcompany.com" %>
            </p>

    <% if !@company.logo? %>
          <p>
            <label>Logo/Profile Photo<span class="help"> (optional) </span><span class="help"> (This will be resized to max height 200px)</span>
            <%= f.file_field :logo, :class => "span6" %>
            <%= f.label :remote_logo_url, "or image URL" %>
            <%= f.text_field :remote_logo_url %>
         <%#<%= f.hidden_field :sortboximage_cache %>
</label>
          </p>
    <% else %>
<p>
        <label>Logo/Profile Photo<span class="help"> (optional) </span><span class="help"> (This will be resized to max height 200px)</span>
        <p>
          <%= image_tag(@company.logo_url(:small)) if @company.logo? %>
          <% if @company.logo? %>
        <p>
          <h6>  <%= f.check_box :remove_logo %>
            Remove Logo Image and Save if you wish to upload new image </h6>
          <% end %>
        </label>

  <% end %>

  <% if !@company.hero? %>
          <p>
          <label>Background Photo/Hero Photo<span class="help"> (optional) </span><span class="help">(1252px wide by 626px tall recommended)</span><br>
            <%= f.file_field :hero, :class => "btn" %>
            <%= f.label :remote_hero_url, "or image URL" %>
            <%= f.text_field :remote_hero_url %>
            </label>
          </p>
  <% else %>
          <p>
            <label>Background Photo/Hero Photo<span class="help"> (optional) </span><span class="help"><h4>(1252px wide by 626px tall recommended)</h4></span>
          <p>
              <%= image_tag @company.hero_url(:small).to_s %>
              <h6><%= f.check_box :remove_hero %>
              Remove Background Image and Save if you wish to upload new image </h6>
  <% end %>
</label>
<input value="Save" class="btn btn-success pull-right" type="submit">
<br>
    </div> <!-- end row fluid-->
</div>
<hr>
<br/>
<span style="color: #333; margin: 10px 0 5px; font-size: 24px;"> Your Information </span>
<div class="well">
    <label for="first_name">First Name: <span id="joined_on"></span></label>
    <%= f.text_field :first_name %>


    <label for="last_name">Last Name: <span id="joined_on"></span></label>
    <%= f.text_field :last_name %>

    <label for="email">Email: <span></span></label>


    <%= f.email_field :email %> <p>

   <input value="Save" class="btn btn-success pull-right" type="submit">
   <br>
</div> <!-- end well-->

<span style="color: #333; margin: 10px 0 5px; font-size: 24px;"> Reply Email for Applicants </span>
<div class="well">
    <label for="reply_email">Email: <span></span></label>

    <%= f.email_field :reply_email %> <p>

    <input value="Save" class="btn btn-success pull-right" type="submit">
    <br>
    </div>

    <br>
    <span style="color: #333; margin: 10px 0 5px; font-size: 24px;"> Notifications </span>
<div class="well">
<h5> Email Notifications of new People in your Sortbox</h5>
      <label>
        <%= f.check_box :send_notifications %>
        Please send me email notifications.
      </label>
    </div> <!-- end well-->
    <span style="color: #333; margin: 10px 0 5px; font-size: 24px;"> Security </span>
    <div class="well">
            <h5>To change your current password please enter a new password below.</h5>


              <label for="password">Password: <span>Leave blank to keep current</span></label>
              <%= f.password_field :password %>

              <label for="confirm_password">Confirm Password:</label>
              <%= f.password_field :password_confirmation %>
              <p>
              <input value="Save" class="btn btn-success pull-right" type="submit">
              <br>
    </div> <!-- end well-->

           <br>
</div>




        </div>
     <!-- end span7 offset3 -->

<% end %>
<%# end %>
<% end %>
 </p>
    <script src="/assets/tinymce/preinit.js?body=1" type="text/javascript"></script>
    <script src="/assets/tinymce/tiny_mce_jquery_src.js?body=1" type="text/javascript"></script>
    <script src="/assets/tinymce/jquery.tinymce.js?body=1" type="text/javascript"></script>
    <script src="/assets/tinymce-jquery.js?body=1" type="text/javascript"></script>
 <p>

<%= tinymce %>
</p>


</div>

</div>
</div>
</div>