<h3>Activity History</h3>

<hr>

<div class="tabs-container">
  <ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#tab-1">All</a></li>
    <li class=""><a data-toggle="tab" href="#tab-2">Calls</a></li>
    <li class=""><a data-toggle="tab" href="#tab-4">Notes</a></li>
  </ul>

  <div class="tab-content">
    <div id="tab-1" class="tab-pane active all-activities-tab">
      <div class="panel-body">
        <div>
          <%= form_with(model: @activity, local: false, data: { 'activity-form' => true }) do |form| %>
            <div class="form-group">
              <%= form.text_area :content, class: "form-control", disabled: true %>
            </div>

            <div class="row">
              <div class="">
                <%= form.hidden_field :kind, value: 'note'  %>
              </div>

              <div class="col-sm-12">
                <div class="actions text-right">
                  <%= form.submit 'Save', class: 'btn btn-primary', disabled: true %>
                </div>
              </div>
            </div>
          <% end %>
        </div>

        <button type="button" class="btn btn-block btn-primary margin-top-20 hide" disabled>Show more</button>
      </div>
    </div>

    <div id="tab-2" class="tab-pane activity-tab-for-calls">
      <div class="panel-body">

        <button type="button" class="btn btn-block btn-primary margin-top-20" disabled>Show more</button>
      </div>
    </div>

    <div id="tab-4" class="tab-pane activity-tab-for-notes">
      <div class="panel-body">

        <button type="button" class="btn btn-block btn-primary margin-top-20" disabled>Show more</button>
      </div>
    </div>
  </div>
</div>
