#band-setup.screen.secondary layout="screen" layout-id="band/setup" layout-arg="id"
  .content-head
    .content-icon
      = image_tag "content/icon_bands.png", :size => "19x19"
    h1#band-setup-title
      | my band
    = render "screen_navigation"
  .content-body
    .content-body-scroller
      form#band-setup-form
        #band-setup-step-0.band-step.content-wrapper
          h2 set up band: basics
          table.band-form-table
            tr
              td colspan="2"

            tr#name_row
              td colspan="2"
                .band-photo.hidden
                  span.field
                    a.band-avatar-profile href="#"
                      = image_tag "shared/avatar_generic_band.png", {:id => "band-avatar", :align=>"absmiddle", :height => 88, :width => 88 }
                  span.field
                    a#band-change-photo.small.ml20 href="#"
                      | Upload band photo.

                .band-name
                  .field.band-field
                    label for="band-name"
                      | Band Name:
                    input#band-name type="text" maxlength="1024" value=""

            tr
              td.band-country
                .field.band-field
                  label for="band-country"
                    | Country:
                  select#band-country
              td.band-biography rowspan="3"
                .field.band-field
                  label for="band-biography"
                    | Description / Bio:
                  textarea#band-biography rows="8"
            tr
              td.band-region
                .field.band-field
                  label for="band-region"
                    | State/Region:
                  select#band-region
            tr
              td.band-city
                .field.band-field
                  label for="band-city"
                    | City:
                  select#band-city


        #band-setup-step-1.band-step.content-wrapper
          h2 set up band: musical experience

          table.band-form-table
            tr
              td#tdBandGenres rowspan="3"
                .field
                  label for="band-genres" What genres do you play?
                  .band-setup-genres
                    table#band-genres

              td
                .field
                  label for="band-type" Type
                  select#band-type.easydropdown name="band_type"
                    option value="" Not Specified
                    option value="virtual" Virtual
                    option value="physical" Physical

            tr
              td
                .field
                  label for="band-status" Status
                  select#band-status.easydropdown name="band_status"
                    option value="" Not Specified
                    option value="amateur" Amateur
                    option value="professional" Professional

            tr
              td
                .field
                  label for="concert-count" Concert Gigs Played
                  select#concert-count.easydropdown name="concert_count"
                    option value="" Not Specified
                    option value="0" Zero
                    option value="1" Under 10
                    option value="2" 10 to 50
                    option value="3" 50 to 100
                    option value="4" Over 100

        #band-setup-step-2.band-step.content-wrapper
          h2 set up band: current interests
          table.band-form-table
            tr
              td
                label for="new-member"
                    | We want to add a new member &nbsp;
                    a.help help-topic="band-profile-add-new-member" [?]
              td.new-member-dependent
                label for="desired-experience"
                  | Desired Experience &nbsp;
                  a#choose-desired-experience select
              td.new-member-dependent
                label for="play-commitment" Play Commitment
              td.new-member-dependent
                label for="touring-option" Touring Option
            tr
              td
                .radio-field
                  input#new-member-yes.iradio-inline.dependent-master type="radio" name="add_new_members" value='yes'
                  label.radio-label for='new-member-yes' Yes
                .radio-field
                  input#new-member-no.iradio-inline.dependent-master type="radio" name="add_new_members" value='no'
                  label.radio-label for='new-member-no' No
              td.new-member-dependent
                #desired-experience-label None specified
              td.new-member-dependent
                select#play-commitment.easydropdown name="play_commitment"
                    option value="1" Infrequent
                    option value="2" Once a Week
                    option value="3" 2-3 Times Per Week
                    option value="4" 4+ Times Per Week
              td.new-member-dependent
                select#touring-option.easydropdown name="touring_option"
                    option value="yes" Yes
                    option value="no" No
            tr
              td
                label for="paid-gigs"
                    | We want to play paid gigs &nbsp;
                    a.help help-topic="band-profile-play-paid-gigs" [?]
              td.paid-gigs-dependent
                label for="hourly-rate" Hourly Rate:
              td.paid-gigs-dependent
                label for="gig-minimum" Gig Minimum:
            tr
              td
                .radio-field
                  input#paid-gigs-yes.iradio-inline.dependent-master type="radio" name="paid_gigs" value='yes'
                  label.radio-label for="paid-gigs-yes" Yes
                .radio-field
                  input#paid-gigs-no.iradio-inline.dependent-master type="radio" name="paid_gigs" value='no'
                  label.radio-label for="paid-gigs-no" No
              td.paid-gigs-dependent
                input#hourly-rate name="hourly_rate"
              td.paid-gigs-dependent
                input#gig-minimum name="gig_minimum"
            tr
              td
                label for="free-gigs"
                    | We want to play free gigs &nbsp;
                    a.help help-topic="band-profile-play-free-gigs" [?]
            tr
              td
                .radio-field
                  input#free-gigs-yes.iradio-inline type="radio" name="free_gigs" value='yes'
                  label.radio-label for="free-gigs-yes" Yes
                .radio-field
                  input#free-gigs-no.iradio-inline type="radio" name="free_gigs" value='no'
                  label.radio-label for="free-gigs-no" No

        #band-setup-step-3.band-step.content-wrapper
          h2 set up band: online presence & performance samples
          = render "clients/profile_edit_presence_controls"

        #band-setup-step-4.band-step.content-wrapper
          h2 set up band: invite members
          br
          #band-setup-invite-musicians
          br
          br
          |  If your bandmates are not on JamKazam yet, use any of the options below to invite them to join the service.
          br
          br
          .left.mr20
            .left
              a.btn-email-invitation
                = image_tag("content/icon_gmail.png", :size => "24x24", :align => "absmiddle")
            .right.mt5.ml5
              | E-mail
          .left.mr20
            .left
              a.btn-facebook-invitation
                = image_tag("content/icon_facebook.png", :size => "24x24", :align => "absmiddle")
            .right.mt5.ml5
              | Facebook
          .left.left
            .left
              a.btn-gmail-invitation
                = image_tag("content/icon_google.png", :size => "24x24", :align => "absmiddle")
            .right.mt5.ml5
              | Google+

        br clear="all"
        .actions
          a#btn-band-setup-cancel.nav-button.button-grey
            | CANCEL              
          a#btn-band-setup-back.nav-button.button-grey.hidden
            | BACK
          a#btn-band-setup-next.nav-button.button-orange
            | SAVE &amp; NEXT
        .clearall
        br clear="all"


script#template-band-setup-genres type="text/template"
  tr.band-setup-genre
    tr
      td
        <input id="{id}" value="{id}" {checked} type="checkbox" />{description}


script#template-band-invitation type="text/template"
  .invitation user-id="{{userId}}"
    | {{userName}}
    a
      img src="shared/icon_delete_sm.png" width="13" height="13"


