
<div class="row">
  <div class="col-md-2">
    <%= render 'filter_form' %>
  </div>
  <div class="col-md-8">
    <div class="card">
      <div class="card-header">
        <h3 class="card-title"><i class="fas fa-bullhorn"></i> Informacje</h3>
      </div>
      <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-outline-success" 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="callout callout-info">
          <div class="row">
            <div class="col-md-6"><h5>Znalezionych dotacji: <span class="badge badge-pill badge-info"><%= @dotations.count %></span></h5></div>
            <div class="col-md-6">
              <button type="button" class="btn btn-block btn-outline-success" data-toggle="modal" data-target="#modal-lg">
                <i class="fas fa-bullhorn"></i> Powiadom mnie gdy pojawią się nowe dotacje
              </button>
            </div>
          </div>
        </div>
        <% end %>
      </div>
    </div>
    <% unless @dotations.blank? %>
      <% @dotations.each do |dotation| %>
        <%= render 'dotation_card', dotation: dotation %>
      <% end %>
    <% end %>
  </div>
  <div class="col-md-2">

  </div>
</div>
