andela/eventx

<!-- Square card -->
<div class="row">
        <div class="col s6 offset-s2">
          <div class="card large">
            <div class="card-info">
<!--               <img src="images/sample-1.jpg"> -->
   <%= render 'categories/form' %>
    <%= form_for @event, html: {class: "col s12", multipart: true} do |f| %>
    <div class="col s12" id="test1">
      <div class="container margin-down">
        <div class="row">
          <%= show_form_errors(@event) %>
          <div class="row">
            <div class="input-field col s10">
              <i class="fa fa-pencil prefix icon-setting"></i>
              <label>EVENT TITLE
                <span>*</span>
              </label>
              <%= f.text_field :title, class: "validate", placeholder: "Give it a short distinct name", required: true %>
            </div>
          </div>
          <div class="row">
            <div class="input-field col l5 m5 s10">
              <i class="fa fa-map-marker prefix icon-setting"></i>
              <label>Location
                <span>*</span>
              </label>
              <%= f.text_field :location, class: "validate", placeholder: "Enter Location where it will be held", required: true %>
              <%= f.hidden_field :map_url, placeholder: "Enter Location where it will be held" %>
            </div>
            <div class="input-field col l5 m5 s10">
              <i class="fa fa-street-view prefix icon-setting"></i>
              <label>Venue
              </label>
              <%= f.text_field :venue, class: "validate", placeholder: "Enter Venue where it will be held", min: Date.today %>
            </div>
          </div>
          <div class="row">
            <div class="col s10 hide-on-med-and-down our-map">
              <div class="map-area" id="map-canvas">
                Load Maps Here
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col s12">
              <div class="row">
                <div class="input-field col l7">
                  <i class="fa fa-th-large prefix icon-setting remove-lappings"></i>
                  <%= f.collection_select :category_id, Category.list, :id, :name, { prompt: "Choose a category"} , class: "browser-default", blank_option: true, required: true%>
                </div>

                <div class="input-field col l3">
                  <button data-target="custom_category" class="btn modal-trigger input-field btn-large" id="btn_add_category"><i class="fa fa-plus-circle"></i> Add custom</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="input-field col s5">
            <i class="fa fa-calendar prefix icon-setting"></i>
            <%= f.date_field :start_date, class: "datepicker", placeholder: "Start Date", value: @event.start_date, required: true %>
          </div>
          <div class="input-field col s5">
            <i class="fa fa-calendar prefix icon-setting"></i>
            <%= f.date_field :end_date, class: "datepicker", placeholder: "End Date", value: @event.end_date %>
          </div>
        </div>
        <div class="row col s10">
          <div id="file-uploader" class="col l6 m6 s8 offset-l3 offset-m3 offset-s2 file-uploader">
            <div class="inner-file-upload center">
              <span class="events_pic_name">
                <i class="fa fa-camera"></i>
                <br/>
                Upload Event Photo</span>

            </div>
          </div>
        </div>
        <%= f.file_field :image,  id: "event_photo_upload" %>
        <div class="row">
          <div class="input-field col s10">
            <i class="fa fa-newspaper-o prefix icon-setting"></i>
            <%= f.text_area :description, rows: 6, placeholder: "Enter description of event", required: true, class: "materialize-textarea" %>
          </div>
        </div>


          <div class="col s3 offset-s4 center">
        <%= link_to "Next <i class='fa fa-hand-o-right'></i>".html_safe, "#", class: "col s12 btn-large waves-effect waves-light home_button center more-info z-depth-0", id:'next' %>
      </div>
      </div>
    </div>
              <span class="card-title">Card Title</span>
            </div>
            <div class="card-content">
             <!--  <p>I am a very simple card. I am good at containing small bits of information.
              I am convenient because I require little markup to use effectively.</p> -->
            </div>
            <div class="card-action">
              <a href="#">This is a link</a>
            </div>
          </div>
        </div>
      </div>
      <% end %>





      <div class="footer-copyright">
            <div class="container">
            create events
            <!-- <a class="grey-text text-lighten-4 right" href="#!">Next</a> -->
                <i class=" small fa fa-hand-o-right right ">Next</i>

            </div>
          </div>