{% extends 'dashboard/layout.html' %}
{% load currency_filters %}
{% load i18n %}

{% block title %}
    {{ title }} | {% trans "Juristic persons" %} | {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
    <ul class="breadcrumb">
        <li>
            <a href="{% url 'dashboard:index' %}">{% trans "Dashboard" %}</a>
            <span class="divider">/</span>
        </li>
        <li>
            <a href="{% url 'oscar_ficta_dashboard:persons-list' %}">{% trans "Juristic persons" %}</a>
            <span class="divider">/</span>
        </li>
        {% if person %}
            <li>
                <a href="{% url 'oscar_ficta_dashboard:persons-detail' person.id %}">{{ person }}</a>
                <span class="divider">/</span>
            </li>
            <li class="active">{% trans "Update" %}</li>
        {% else %}
            <li class="active">{% trans "Create" %}</li>
        {% endif %}
    </ul>
{% endblock %}

{% block headertext %}{{ title }}{% endblock %}

{% block dashboard_content %}

    {% if person %}
        {% include 'oscar_ficta/dashboard/partials/person_detail.html' %}
        <h2>{% trans "Edit this Juristic Person" %}</h2>
    {% endif %}

    <form class="form-stacked" action="." method="post">
        {% csrf_token %}
        <span class="help-block">{{ form.non_field_errors }}</span>
        {% include 'partials/form_fields.html' with form=form %}
        
    <div class="table-header">
        <h3>{% trans "Legal Address" %}</h3>
    </div>
    <div class="well">
    	{{ address_formset.management_form }}
            {% for address_form in address_formset %}
                {% if address_form.non_field_errors %}
                    {% for error in address_form.non_field_errors %}
                        <div class="alert alert-error control-group error">
                            <span class="help-inline"><i class="icon-exclamation-sign"></i> {{ error }}</span>
                        </div>
                    {% endfor %}
                {% endif %}
					
                {% for field in address_form %}
                    {% include "partials/form_field.html" %}
                {% endfor %}
              {% endfor %}
    </div>
    


    
        <div class="table-header">
        <h3>{% trans "Bank Accounts" %}</h3>
    </div>
    <div class="well">
            {{ account_formset.management_form }}
            {% for account_form in account_formset %}
                {% if account_form.non_field_errors %}
                    {% for error in account_form.non_field_errors %}
                        <div class="alert alert-error control-group error">
                            <span class="help-inline"><i class="icon-exclamation-sign"></i> {{ error }}</span>
                        </div>
                    {% endfor %}
                {% endif %}

                {% for field in account_form %}
                    {% include "partials/form_field.html" %}
                {% endfor %}
            	{% if forloop.last %}
            	<a data-toggle="collapse" data-target="#bankform" title="Add new bank" class="btn">{% trans "Add a Bank" %}</a>
            	    <div id="bankform" class="{% if not bank_form.errors %}collapse {% endif %}">
            	    <div class="table-header">
        				<h3>{% trans "New Bank" %}</h3>
    				</div>    
            	<div class="form-actions">
                {% if bank_form.non_field_errors %}
                    {% for error in bank_form.non_field_errors %}
                        <div class="alert alert-error control-group error">
                            <span class="help-inline"><i class="icon-exclamation-sign"></i> {{ error }}</span>
                        </div>
                    {% endfor %}
                {% endif %}
                {% for field in bank_form %}
                    {% include "partials/form_field.html" %}
                {% endfor %}
    			</div>
    			</div>
            	{% endif %}    
            {% endfor %}
    </div>    
        <div class="form-actions">
            <button class="btn btn-primary btn-large" type="submit">{% trans "Save" %}</button>
            {% trans "or" %}
            <a href="{% url 'oscar_ficta_dashboard:persons-list' %}">{% trans "cancel" %}</a>
        </div>
    </form>
	
{% endblock dashboard_content %}

{% block onbodyload %}
    {{ block.super }}
    $('a.form-toggle').click(function(){
        $($(this)[0].parentNode.nextElementSibling).toggle();
        // Bind datepicker
        oscar.dashboard.init();
        return false;
    });
{% endblock %}