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

{% block title %}{{ bank_account.label }} — Édition — VIIZIA{% endblock %}

{% block body %}
{% from 'admin/organization/_form.html.twig' import field, select_field %}
{% set organization = bank_account.organization %}

<nav class="breadcrumb is-small" aria-label="breadcrumbs">
    <ul>
        <li><a href="{{ path('admin_organizations_index') }}">Organisations</a></li>
        <li><a href="{{ path('admin_organizations_edit', {'id': organization.id, '_fragment': 'comptes'}) }}">{{ organization.name }}</a></li>
        <li class="is-active"><a href="#" aria-current="page">{{ bank_account.label }}</a></li>
    </ul>
</nav>

<div class="level">
    <div class="level-left">
        <div>
            <p class="title is-4">
                <span class="icon-text">
                    <span class="icon"><i class="ti {{ bank_account.accountType.icon }}"></i></span>
                    <span>{{ bank_account.label }}</span>
                </span>
            </p>
            <p class="subtitle is-6 has-text-grey">
                {{ bank_account.bankName }}
                {% if bank_account.maskedIban %}· <code>{{ bank_account.maskedIban }}</code>{% endif %}
                · solde courant <strong>{{ bank_account.currentBalance|money(bank_account.currency, bank_account.currencyMinorUnits) }}</strong>
            </p>
        </div>
    </div>
</div>

{{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}

        {% if form.vars.errors|length > 0 %}
            <div class="notification is-danger is-light">
                <span class="icon"><i class="ti ti-alert-circle"></i></span>
                <strong>Le formulaire contient des erreurs :</strong>
                <ul class="mt-2">
                    {% for error in form.vars.errors %}<li>{{ error.message }}</li>{% endfor %}
                </ul>
            </div>
        {% endif %}

        <div class="box">
            <h3 class="title is-5">
                <span class="icon-text">
                    <span class="icon"><i class="ti ti-info-circle"></i></span>
                    <span>Identification</span>
                </span>
            </h3>

            {{ field(form.label) }}
            {{ select_field(form.accountType) }}
            {{ field(form.bankName) }}
            {{ field(form.bankCode) }}
        </div>

        <div class="box">
            <h3 class="title is-5">
                <span class="icon-text">
                    <span class="icon"><i class="ti ti-coins"></i></span>
                    <span>Coordonnées et solde</span>
                </span>
            </h3>

            {{ field(form.iban) }}
            {{ field(form.initialBalance) }}

            <div class="notification is-info is-light is-size-7 mt-4">
                <span class="icon"><i class="ti ti-info-circle"></i></span>
                Le solde courant est automatiquement recalculé après chaque
                ajout, modification ou suppression d'une transaction
                (initial + somme des transactions actives).
            </div>
        </div>

        <div class="field is-grouped">
            <div class="control">
                <button type="submit" class="button is-primary">
                    <span class="icon"><i class="ti ti-device-floppy"></i></span>
                    <span>Enregistrer</span>
                </button>
            </div>
            <div class="control">
                <a href="{{ path('admin_organizations_edit', {'id': organization.id, '_fragment': 'comptes'}) }}"
                   class="button is-light">Annuler</a>
            </div>
        </div>

    {{ form_end(form) }}
{% endblock %}