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

{% block breadcrumbs %}
    {{ Breadcrumbs.render }}
{% endblock %}
{% block content %}
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">{{ trans('firefly.import_index_title') }}</h3>
                </div>
                <div class="box-body">
                    <p>
                        {{ trans('import.general_index_intro') }}
                    </p>
                    <div class="row">
                        {% for name, provider in providers %}
                            {# button for each import thing: #}
                            <div class="col-lg-1 col-md-4 col-sm-6 text-center">
                                {% if not provider.allowed_for_demo and isDemoUser %}
                                    <img src="images/logos/{{ name }}.png" alt="{{ trans(('import.button_'~name)) }}"/><br/>
                                    {{ trans(('import.button_'~name)) }}<br>
                                    ({{ trans('import.disabled_for_demo_user') }})
                                {% else %}
                                <a href="{{ route('import.create', [name]) }}">
                                    <img src="images/logos/{{ name }}.png" alt="{{ trans(('import.button_'~name)) }}"/><br/>
                                    {{ trans(('import.button_'~name)) }}
                                </a>
                                    {% endif %}
                            </div>

                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        {#
        <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">{{ trans('import.global_config_title') }}</h3>
                </div>
                <div class="box-body">
                    <p>
                        {{ trans('import.global_config_text') }}
                    </p>
                </div>
            </div>
        </div>
        #}
        <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
            <div class="box box-default">
                <div class="box-header with-border">
                        <h3 class="box-title">{{ trans('import.need_prereq_title') }}</h3>
                </div>
                <div class="box-body">
                    <p>
                        {{ trans('import.need_prereq_intro') }}
                    </p>
                    <ul>
                        {% for name, provider in providers %}
                            {% if provider.has_prereq %}
                                <li>
                                    {% if provider.prereq_complete %}
                                        <i class="fa fa-fw fa-check text-success"></i>
                                    {% else %}
                                        <i class="fa fa-fw fa-warning text-danger"></i>
                                    {% endif %}
                                    <a href="{{ route('import.prerequisites.index', [name]) }}">{{ trans('import.do_prereq_'~name) }}</a>
                                </li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
        {#
        <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">{{ trans('import.can_config_title') }}</h3>
                </div>
                <div class="box-body">
                    <p>
                        {{ trans('import.can_config_title') }}
                    </p>
                    <ul>
                        {% for name, provider in providers %}
                            {% if provider.has_config %}
                                <li><i class="fa fa-fw fa-wrench"></i> <a href="#">{{ trans('import.do_config_'~name) }}</a></li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
        #}
    </div>
    <!--
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">{{ 'reset_import_settings_title'|_ }}</h3>
                </div>
                <div class="box-body">
                    <p>
                        {{ 'reset_import_settings_text'|_ }}
                    </p>
                    <ul>
                        {# bunq import #}
                        {% if routines.bunq == true %}
                            <li><a href="{{ route('import.reset', ['bunq']) }}">{{ 'reset_settings_bunq'|_ }}</a></li>
                        {% endif %}

                        {# import from Spectre #}
                        {% if routines.spectre == true %}
                            <li><a href="{{ route('import.reset', ['spectre']) }}">{{ 'reset_settings_spectre'|_ }}</a></li>
                        {% endif %}

                        {# import from Plaid #}
                        {% if routines.plaid == true %}
                            <li><a href="{{ route('import.reset', ['plaid']) }}">{{ 'reset_settings_plaid'|_ }}</a></li>
                        {% endif %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    -->
{% endblock %}
{% block scripts %}
{% endblock %}
{% block styles %}
{% endblock %}