path: root/views/index.erb

<%#
  # Band registration form for Norsk Urskog Metal Sampler
  # Copyright (C) 2015-2018  Harald Eilersen <haraldei@anduin.net>
  #
  # This program is free software: you can redistribute it and/or modify
  # it under the terms of the GNU Affero General Public License as published by
  # the Free Software Foundation, either version 3 of the License, or
  # (at your option) any later version.
  #
  # This program is distributed in the hope that it will be useful,
  # but WITHOUT ANY WARRANTY; without even the implied warranty of
  # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  # GNU Affero General Public License for more details.
  #
  # You should have received a copy of the GNU Affero General Public License
  # along with this program.  If not, see <http://www.gnu.org/licenses/>.
%>
<h1>Norsk Urskog Underground Metal Sampler</h1>

<%=asciidoc :_form_heading, attributes: { "contact_email" => settings.contact_email } %>

<h2>Påmelding:</h2>

<p>Felter merket med <span class="required"></span> er obligatoriske og må fylles ut.</p>
<form id="registration-form" action="<%= url('submit') %>" method="POST" >
    <div id="form-general-info" class="fieldgroup">
        <h3>Generell info:</h3>

        <div class="field text required">
            <label for="band_name">Bandnavn:</label>
            <input type="text" id="band_name" name="band[name]" value="<%= @band.name %>">
        </div>

        <div class="field text optional">
            <label for="band_city">Hjemsted:</label>
            <input type="text" id="band_city" name="band[city]" value="<%= @band.city %>">
        </div>

        <div class="field text optional">
            <label for="band_website">Webside:</label>
            <input type="text" id="band_website" name="band[website]" value="<%= @band.website %>">
        </div>

        <div class="field text optional">
            <label for="band_label">Plateselskap:</label>
            <input type="text" id="band_label" name="band[label]" value="<%= @band.label %>">
        </div>

        <div class="field textarea required">
            <label for="band_shortbio">Kort bio:</label>
            <textarea id="band_shortbio" name="band[shortbio]"><%= @band.short_bio %></textarea>
            <div class="help">
              Kort bio på én til tre linjer til bruk som promo på våre websider om evt andre media.
            </div>
        </div>

        <div class="field textarea">
          <label for="band_members">Medlemmer:</label>
          <textarea id="band_members" name="band[members]"><%= @band.members %></textarea>
          <div class="help">
            Oppgi gjerne alder og hvilke instrument hvert medlem slipper (frivillig.)
          </div>
        </div>
    </div>

    <div id="form-contact-info" class="fieldgroup">
        <h3>Kontaktperson</h3>
        <p>Vi trenger én kontaktperson, som er den vi vil kommunisere med ang alt som har med deres
        deltagelse på Norsk Urskog Metal Sampler å gjøre.</p>
        <div class="field text required">
            <label for="band-contact-name">Navn:</label>
            <input type="text" id="band-contact-name" name="band[contact][name]" value="<%= @band.contact.name %>">
        </div>

        <div class="field text">
            <label for="band-contact-street">Adresse:</label>
            <input type="text" id="band-contact-street"
              name="band[contact][street]"
              value="<%= @band.contact.street %>">
        </div>

        <div class="field text required postcode">
            <label for="band-contact-postcode">Postnr:</label>
            <input type="text" id="band-contact-postcode"
              pattern="\d{4}" maxlength="4"
              name="band[contact][postcode]"
              value="<%= @band.contact.postcode %>">
        </div>

        <div class="field text required city">
            <label for="band-contact-city">Sted:</label>
            <input type="text" id="band-contact-city"
              name="band[contact][city]"
              value="<%= @band.contact.city %>">
        </div>

        <div class="field text required">
            <label for="band-contact-phone">Tlf:</label>
            <input type="text" id="band-contact-phone" name="band[contact][phone]" value="<%= @band.contact.phone %>">
        </div>

        <div class="field text required">
            <label for="band-contact-email">E-post:</label>
            <input type="text" id="band-contact-email" name="band[contact][email]" value="<%= @band.contact.email %>">
        </div>
    </div>

    <div id="form-songs" class="fieldgroup">
        <h3>Låter</h3>

        <p>Dere kan registrere intill tre låter. Dersom dere vil registrere færre enn
          tre låter, så er det bare å ikke fylle ut de resterene skjemaene. Klikk på
          knappene nedenfor for å legge til informasjon om låtene dere vil ha med.</p>

        <% @band.songs.each_index do |i| %>
          <%= erb :song, layout: false, locals: { song_number: i + 1, song: @band.songs[i] } %>
        <% end %>
    </div>

    <div class="fieldgroup">
      <h3>Innsending</h3>

      <p>Ved å sende inn skjemaet, vil dere bli registrert for deltagelse på Norsk Urskog
        Metal Sampler 2019.  Vi vil sende utfylt skjema og kontrakt som må underskrives og
        sendes tilbake før vi kan ta med låten(e) på selve CDen.</p>
    </div>

    <div id="form-action" class="action">
        <button type="submit">Send skjema</button>
    </div>
</form>