{% block title %}
    Charity Profiles: Round {{ player.round_number }}
{% endblock %}

{% block content %}

{{ if session.config.development }}
    <button class="btn btn-danger otree-btn-next" style="float: right;">Skip</button>
<br><br>
{{ endif }}

<div class="row row-cols-1 row-cols-md-3 g-4">
      <div class="col">
    <div class="card h-100">
      <div class="card-body">
        <h5 class="card-title">Charity 1</h5>
        <p class="card-text"><strong>Area of work:</strong> {{ category1 }} <br>
          <strong>Location:</strong> {{ location1 }} <br>
            <strong>Program Expense Ratio:</strong> {{ expense_ratio1 }} <br>
          <strong>Administrative Expenses:</strong> {{ admin_expenses1 }}<br>
            <strong>Fundraising Expenses:</strong> {{ fund_expenses1 }} <br>
          <strong>Fundraising Efficiency:</strong> {{ efficiency1 }}<br>
          <strong>Working Capital Ratio:</strong> {{ working_capital1 }}<br>
          <strong>Program Expense Growth:</strong> {{ expense_growth1 }}<br>
          <strong>Liabilities to Assets:</strong> {{ liabilities1 }}
            </p>
          </div>
        <div class="card-footer">
        <div class="text-center">
            <button class="btn btn-primary">Choose Charity</button>
          </div>
              </div>
      </div>
    </div>
      <div class="col">
    <div class="card h-100">
      <div class="card-body">
        <h5 class="card-title">Charity 2</h5>
        <p class="card-text"><strong>Area of work:</strong> {{ category2 }} <br>
          <strong>Location:</strong> {{ location2 }} <br>
            <strong>Program Expense Ratio:</strong> {{ expense_ratio2 }} <br>
          <strong>Administrative Expenses:</strong> {{ admin_expenses2 }}<br>
            <strong>Fundraising Expenses:</strong> {{ fund_expenses2 }} <br>
          <strong>Fundraising Efficiency:</strong> {{ efficiency2 }}<br>
          <strong>Working Capital Ratio:</strong> {{ working_capital2 }}<br>
          <strong>Program Expense Growth:</strong> {{ expense_growth2 }}<br>
          <strong>Liabilities to Assets:</strong> {{ liabilities2 }}
            </p>
          </div>
        <div class="card-footer">
        <div class="text-center">
            <button class="btn btn-primary">Choose Charity</button>
          </div>
              </div>
      </div>
    </div>
  <div class="col">
    <div class="card h-100">
      <div class="card-body">
        <h5 class="card-title">Charity 3</h5>
        <p class="card-text"><strong>Area of work:</strong> {{ category3 }} <br>
          <strong>Location:</strong> {{ location3 }} <br>
            <strong>Program Expense Ratio:</strong> {{ expense_ratio3 }} <br>
          <strong>Administrative Expenses:</strong> {{ admin_expenses3 }}<br>
            <strong>Fundraising Expenses:</strong> {{ fund_expenses3 }} <br>
          <strong>Fundraising Efficiency:</strong> {{ efficiency3 }}<br>
          <strong>Working Capital Ratio:</strong> {{ working_capital3 }}<br>
          <strong>Program Expense Growth:</strong> {{ expense_growth3 }}<br>
          <strong>Liabilities to Assets:</strong> {{ liabilities3 }}
            </p>
          </div>
              <div class="card-footer">
        <div class="text-center">
            <button class="btn btn-primary">Choose Charity</button>
          </div>
              </div>
      </div>
    </div>
  <div class="col">
    <div class="card h-100">
      <div class="card-body">
        <h5 class="card-title">Charity 4</h5>
        <p class="card-text"><strong>Area of work:</strong> {{ category4 }} <br>
          <strong>Location:</strong> {{ location4 }} <br>
            <strong>Program Expense Ratio:</strong> {{ expense_ratio4 }} <br>
          <strong>Administrative Expenses:</strong> {{ admin_expenses4 }}<br>
            <strong>Fundraising Expenses:</strong> {{ fund_expenses4 }} <br>
          <strong>Fundraising Efficiency:</strong> {{ efficiency4 }}<br>
          <strong>Working Capital Ratio:</strong> {{ working_capital4 }}<br>
          <strong>Program Expense Growth:</strong> {{ expense_growth4 }}<br>
          <strong>Liabilities to Assets:</strong> {{ liabilities4 }}
            </p>
          </div>
        <div class="card-footer">
        <div class="text-center">
            <button class="btn btn-primary">Choose Charity</button>
          </div>
              </div>
      </div>
    </div>
  <div class="col">
    <div class="card h-100">
      <div class="card-body">
        <h5 class="card-title">Charity 5</h5>
        <p class="card-text"><strong>Area of work:</strong> {{ category5 }} <br>
          <strong>Location:</strong> {{ location5 }} <br>
            <strong>Program Expense Ratio:</strong> {{ expense_ratio5 }} <br>
          <strong>Administrative Expenses:</strong> {{ admin_expenses5 }}<br>
            <strong>Fundraising Expenses:</strong> {{ fund_expenses5 }} <br>
          <strong>Fundraising Efficiency:</strong> {{ efficiency5 }}<br>
          <strong>Working Capital Ratio:</strong> {{ working_capital5 }}<br>
          <strong>Program Expense Growth:</strong> {{ expense_growth5 }}<br>
          <strong>Liabilities to Assets:</strong> {{ liabilities5 }}
            </p>
                </div>
        <div class="card-footer">
        <div class="text-center">
            <button class="btn btn-primary">Choose Charity</button>
          </div>
              </div>
      </div>
    </div>
  <div class="col">
    <div class="card h-100">
      <div class="card-body">
        <h5 class="card-title">Charity 6</h5>
        <p class="card-text"><strong>Area of work:</strong> {{ category6 }} <br>
          <strong>Location:</strong> {{ location6 }} <br>
            <strong>Program Expense Ratio:</strong> {{ expense_ratio6 }} <br>
          <strong>Administrative Expenses:</strong> {{ admin_expenses6 }}<br>
            <strong>Fundraising Expenses:</strong> {{ fund_expenses6 }} <br>
          <strong>Fundraising Efficiency:</strong> {{ efficiency6 }}<br>
          <strong>Working Capital Ratio:</strong> {{ working_capital6 }}<br>
          <strong>Program Expense Growth:</strong> {{ expense_growth6 }}<br>
          <strong>Liabilities to Assets:</strong> {{ liabilities6 }}
            </p>
                </div>
        <div class="card-footer">
        <div class="text-center">
            <button class="btn btn-primary">Choose Charity</button>
          </div>
              </div>
      </div>
    </div>
</div>

<!--<br>-->
<!--<button style="float: right" class="btn btn-primary btn-large">Next</button>-->

{% endblock %}

{% block styles %}
<style>
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
</style>
{% endblock %}

{% block scripts %}

{% endblock %}