<h1 class="h3 mb-1 text-gray-800"><%= t('course.title') %></h1>
<p class="mb-4"><%= t('course.title_desc') %></p>
<p id="notice"><%= notice %></p>
<div class="row">
  <div class="col">
    <!-- Basic Card Example -->
    <div class="card shadow mb-4">
      <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
        <h6 class="m-0 font-weight-bold text-primary"><%= t('course.list') %></h6>
        <%= link_to raw("<i class=\"fa fa-plus\"></i> #{ t('course.add_new') }"), new_admin_course_path, { remote: true, class: 'btn btn-sm btn-primary float-right' } %>
      </div>
      <div class="card-body">
        <div id="ajax_form"></div>
        <div id="ajax_list">
          <%= render partial: '/admin/courses/partials/courses' %>
        </div>
      </div>

    </div>

  </div>
</div>
