<div class="row">
  <div class="col-md-2">
    <%= render 'filter_form' %>
  </div>
  <div class="col-md-8 order-first order-md-2">
    <div class="card">
      <div class="card-body">
        <% if @dotations.blank? %>
        <div class="alert alert-info">
          <h5><i class="icon fas fa-info"></i> Brak dotacji do wyświetlenia</h5>
        </div>
        <div class="row">
          <div class="col-md-2"></div>
          <div class="col-md-8">
            <button type="button" class="btn btn-block btn-navy" data-toggle="modal" data-target="#modal-lg">
              <i class="fas fa-bullhorn"></i> Powiadom mnie, gdy pojawią się nowe dotacje
            </button>
          </div>
          <div class="col-md-2"></div>
        </div>
        <% else %>
          <div class="row">
            <div class="col-md-12"><h5>Znalezionych aktywnych dotacji: <%= @dotations_size %></h5></div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <button type="button" class="btn btn-block btn-navy" data-toggle="modal" data-target="#modal-lg">
                <i class="fas fa-bullhorn"></i> Powiadom mnie, gdy pojawią się nowe dotacje
              </button>
            </div>
          </div>
        <% end %>
      </div>
    </div>
    <% unless @dotations.blank? %>
      <% @dotations.each do |dotation| %>
        <%= render 'dotation_card', dotation: dotation %>
      <% end %>
    <% end %>
    <%= paginate @dotations, params: {controller: :home, action: :index}, theme: 'twitter-bootstrap-4' %>
  </div>
  <div class="col-md-2 order-last">

  </div>
</div>
