{% extends 'base.html.twig' %}

{% block body %}

    <div class="container">

        <!--Doodle-->
        <div class="center">
            <img src="{{ asset ('bundles/app/img/cloudheart.svg') }}" width="100"/>
        </div>

        <!-- Titles -->
        <h2 class="center">{{charity.name}}</h2>
        <h4 class="center">{{charity.description}}</h4>
        <h1 class="center" style="margin:50px 0">${{charity.balance}}</h1>
        <a href="{{ path('charity_qr',{'id':charity.id}) }}"></a>
        <!--Doodle-->
        <div class="center">
            <img src="{{ asset ('bundles/app/img/gift.svg') }}" width="100"/>
        </div>




        <!-- Chart -->
        {#<div class="qr center spacer">#}
            {#<img src="{{ asset('bu') }}images/chart2.PNG">#}
        {#</div>#}

        <!--Button-->
        <!--
                <div class="center spacer">
                    <a class="waves-effect waves-light btn-large"><i class="material-icons right">print</i>PRINT</a>
                </div>
        -->

    </div>
    {#<h1>Charity</h1>#}

    {#<table>#}
        {#<tbody>#}
            {#<tr>#}
                {#<th>Id</th>#}
                {#<td>{{ charity.id }}</td>#}
            {#</tr>#}
            {#<tr>#}
                {#<th>Name</th>#}
                {#<td>{{ charity.name }}</td>#}
            {#</tr>#}
            {#<tr>#}
                {#<th>Description</th>#}
                {#<td>{{ charity.description }}</td>#}
            {#</tr>#}
        {#</tbody>#}
    {#</table>#}

    {#<ul>#}
        {#<li>#}
            {#<a href="{{ path('charity_index') }}">Back to the list</a>#}
        {#</li>#}
        {#<li>#}
            {#<a href="{{ path('charity_edit', { 'id': charity.id }) }}">Edit</a>#}
        {#</li>#}
        {#<li>#}
            {#{{ form_start(delete_form) }}#}
                {#<input type="submit" value="Delete">#}
            {#{{ form_end(delete_form) }}#}
        {#</li>#}
    {#</ul>#}
{% endblock %}
