<div id="sidebar" v-bind:class="{in : meta_visible}" v-if="active_view=='folders' && active_folder" class="folder-sidebar">

  <button class="btn btn-md btn-transparent btn-icon round pull-right" v-on:click="toggle_meta()" style="margin-top:15px;margin-right:20px">
    <span class="icon icon-menu"></span>
  </button>

  <div class="sidebar-section" v-if="active_folder.creator">
    <h4>{{active_folder.name}}</h4>

    <div style="margin-bottom: 15px; margin-top: 8px" >
      <small>
        [[__("created_by")]] <b>{{active_folder.creator.nickname||active_folder.creator.slug}}.</b>
        <br/>[[__("last_updated")]] <b>{{active_folder.updated_at | date 'MMMM Do YYYY, HH:mm'}}.</b>
      </small>
    </div>

    <div v-if="logged_in && user.home_folder_id!=active_folder._id">
      <button class="btn btn-sm btn-round btn-primary m-r-5" v-on:click="activate_access()">
        <span class="icon-label">[[__("share")]]</span>
      </button>
    </div>
  </div>

  <div class="sidebar-section" v-if="is_pro(user)">
    <h5>[[__("history_recently_updated")]]</h5>

    <div v-if="active_folder_history_items.length == 0">
      [[__("history_recently_empty")]]
    </div>

    <ul id="updates">
      <li v-for="item in active_folder_history_items">
        <a v-bind:href="'/spaces/' +  item.space._id">{{item.space.name}}</a>

        <small>
        [[__("by")]]
          <span v-for="u in item.users">{{u}}<span v-if="$index < (item.users.length-1)">, </span></span>
        </small>
      </li>
    </ul>
  </div>

  <div class="sidebar-section" v-if="!is_pro(user)">
    <h5>[[__("history_recently_updated")]]</h5>
    
    <p>
      [[__("pro_ad_history_headline")]]
    </p>

    <p>
      <button class="btn btn-round btn-primary btn-md" v-on:click="show_upgrade_modal()">Upgrade</button>
    </p>
   
  </div>
</div>
