<div id="display_box">
  <div class="container" id="active_recurring_todos_container">
    <h2><%= t('todos.recurring_todos') %></h2>
    <div id="recurring_todos_container">
      <div id="recurring-todos-empty-nd" style="<%= @no_recurring_todos ? 'display:block' : 'display:none'%>">
        <div class="message"><p><%= t('todos.no_recurring_todos') %></p></div>
      </div>
      <%= render :partial => @recurring_todos %>
    </div>
  </div>
  
  <div class="container" id="completed_recurring_todos_container">
    <div class=add_note_link><%= link_to "Show all", done_recurring_todos_path%></div>
    <h2><%= t('common.last') %> <%= t('todos.completed_recurring') %></h2>
    <div id="completed_recurring_todos_container">
      <div id="completed-empty-nd" style="<%= @no_completed_recurring_todos ? 'display:block' : 'display:none'%>">
        <div class="message"><p><%= t('todos.no_completed_recurring') %></p></div>
      </div>
      <%= render :partial => @completed_recurring_todos %>
    </div>
  </div>
</div>
<div id="input_box">
  <div id="recurring_new_container">
    <a href='#' id="add-new-recurring-todo"><%= image_tag("add.png", {:alt => "[ADD]"})-%><%= t('todos.add_new_recurring') %></a>
  </div>
</div>

<div id="overlay">
  <div id="new-recurring-todo" class="new-form">
    <label><%= t('todos.add_new_recurring') %></label><br/>
    <%= render :partial => "recurring_todo_form" %>
  </div>
  <div id="edit-recurring-todo" class="edit-form"  style="display:none">
    <div class='placeholder'>This should not be visible</div>
  </div>
</div>