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

{% block title %}Financeiro
{% endblock %}

{% block body %}
	{{ encore_entry_link_tags('cute-alert-css') }}
	{{ encore_entry_link_tags('cute-alert-js') }}
    <div class="container-fluid box-no-bkg-color">
		<nav aria-label="breadcrumb" class="hide-on-mobile">
			<ol class="breadcrumb">
				<li class="page-directory-previous breadcrumb-item">
					<a href="{{ path('initiative_panel') }}">Minhas iniciativas</a>
				</li>
				<li aria-current="page" class="page-directory breadcrumb-item active">Financeiro</li>
			</ol>
		</nav>
		<ul class="nav nav-pills">
			<li class="nav-item">
				<a class="nav-link" href="/initiatives/{{financial.initiative_id}}/edit">Cadastro</a>
			</li>
			<li class="nav-item">
				<a class="nav-link active" href="/financial/{{financial.id}}/edit">Financeiro</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" href="/doi/{{doi_id}}/edit">DOI</a>
			</li>
		</ul>
        <div class="box">
            <div class="title no-padding-bottom">
                <div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-title">Financeiro</h1>
                    </div>
                </div>
            </div>
            <div class="box-body py-4">
                <script>
                    window.props = {
                        financial: {{financial|json_encode|raw}},
						current_user: {{app.user.id}}
                    }
                </script>
                <div class="react-component"></div>
                {{ encore_entry_script_tags('financial_form') }}
            </div>
        </div>
    </div>

{% endblock %}