{% extends "./layout/default.twig" %}

{% block breadcrumbs %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-lg-12 col-sm-12 col-md-12">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">Currencies</h3>
                </div>
                <div class="box-body">
                    <p class="text-info">
                        Firefly III supports various currencies which you can set and enable here.
                    </p>
                    {% if currencies|length > 0 %}
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th>&nbsp;</th>
                                <th colspan="2">Currency</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for currency in currencies %}
                                <tr>
                                    <td>
                                        <div class="btn-group btn-group-xs">
                                            <a class="btn btn-default" href="{{ route('currency.edit',currency.id) }}"><i class="fa fa-fw fa-pencil"></i></a>
                                            <a class="btn btn-danger" href="{{ route('currency.delete',currency.id) }}"><i class="fa fa-fw fa-trash"></i></a>
                                        </div>
                                    </td>
                                    <td>{{ currency.name }} ({{ currency.code }}) ({{ currency.symbol|raw }})</td>
                                    <td>
                                        {% if currency.id == defaultCurrency.id %}
                                            <span class="label label-success">default</span>
                                        {% else %}
                                            <a class="btn btn-info btn-xs" href="{{ route('currency.default',currency.id) }}">make default</a>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    {% endif %}
                </div>
                <div class="box-footer">
                    <a class="btn btn-success pull-right" href="{{ route('currency.create') }}">Add another currency</a>
                </div>
            </div>
        </div>
    </div>
{% endblock %}