<% if @projects.any? %>
  <section class="container mt-5">
    <h1 class="h3"><%= t(".heading") %> (<%= @projects.size %>)</h1>
    <ul class="list-unstyled mt-2 row">
      <% if policy(Project).new? %>
        <div class="col-sm-6 col-md-4 col-lg-3 mt-4">
          <li class="card h-100 shadow-sm">
            <div class="card-body d-flex flex-column justify-content-center align-items-center">
              <%= fa_icon("plus-circle", class: "text-success", style: "font-size:4rem") %>
              <%= link_to t(".actions.new"), [:new, :project], class: "mt-4 text-reset text-decoration-none stretched-link" %>
            </div>
          </li>
        </div>
      <% end %>
      <%= render @projects %>
    </ul>
  </section>
<% else %>
  <%= render "empty_projects" %>
<% end %>
