<% content_for :page_specific_css do %>
  <%= stylesheet_link_tag "lib/main-forms" %>
  <%= stylesheet_link_tag "lib/fileupload" %>
  <%= stylesheet_link_tag "lib/main-list" %>
<% end %>
<% content_for :page_specific_javascript do %>
  <%= javascript_include_tag "lib/bootstrap-fileupload" %>
  <%= javascript_include_tag "lib/bootstrap-datetimepicker" %>
  <%= javascript_include_tag "lib/datetimepicker/datetimepicker.js" %>
  <%= javascript_include_tag "lib/module-area" %>
<% end %>

<%= f.error_messages %>

<%= @period.errors.full_messages.join ', ' %>

<!-- Input Area -->
<div class="input-area">

  <!-- Module Tabs -->
  <div class="nav-name"><strong><%= t(:module) %></strong></div>
  <ul class="nav nav-pills module-nav">
    <li class="active">
      <a href="#basic" data-toggle="tab"><%= t(:basic) %></a>
    </li>
  </ul>

  <!-- Module -->
  <div class="tab-content module-area">

    <!-- Basic Module -->
    <div class="tab-pane fade in active" id="basic">

      <!-- title -->
      <div class="control-group">
        <label class="control-label muted"><%= t("survey_b.period_title") %></label>
        <div class="controls">
          <%= f.text_field :title %>
        </div>
      </div>

      <!-- Date Time Picker -->
      <div class="control-group">
        <label class="control-label muted"><%= t("survey.postdate") %></label>
        <div class="controls">
          <%= f.datetime_picker  :start_date, :no_label => true  %>
        </div>
      </div>

      <div class="control-group">
        <label class="control-label muted"><%= t("survey.deadline") %></label>
        <div class="controls">
          <%= f.datetime_picker :end_date, :no_label => true %>
        </div>
      </div>

    </div>

  </div>
</div>


<!-- Form Actions -->
<div class="form-actions">
  <%= hidden_field_tag 'page', params[:page] if !params[:page].blank? %>
  <%= f.submit t('submit'), class: 'btn btn-primary' %>
  <%= link_to t('cancel'), get_go_back, :class=>"btn" %>  
</div>
