{% extends 'base.html.twig' %}
{% form_theme form 'bootstrap_5_layout.html.twig' %}

{% block title %}{{ 'lang.bankAccountInformation'|trans }}{% endblock %}

{% block styles %}
    <style xmlns="http://www.w3.org/1999/html">
        #background {
            background-image: url('{{ asset('images/upload.jpg') }}');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
    </style>
{% endblock %}

{% set block_to_render = 'body' %}
{% block body %}
    <div class="container">
        <div class="p-4 bg-white-trans border rounded-5">

            <div class="row">
                <div class="col-md-6 paymentContain">
                    <div class="p-3 bg-white-trans border rounded-5">
                        <div class="row">
                            <div class="col-md-10">
                                <h1>
                                    <i class="icofont-bank-transfer-alt icofont-2x align-middle"></i> {{ 'lang.bankAccountInformation'|trans }}
                                </h1>
                            </div>
                            <div class="col-md-2">

                            </div>
                        </div>


                        <div class="mb-3"></div>
                        {{ form_start(form) }}
                        {{ form_row(form._token) }}
                        {{ include('payment_information/_form.html.twig') }}

                        <div class="row">
                            <div class="col mt-2">
                                <button class="btn btn-primary mb-3 float-start rounded-5" type="submit"
                                        id="submitbutton">
                                    <i class="icofont-send-mail"></i> {{ 'cta_submit'|trans }}
                                </button>
                            </div>
                        </div>

                        {{ form_end(form) }}
                        <a href="{{ path('app_price') }}">back to list</a>
                    </div>
                </div>

                <div class="col">

                </div>
            </div>
            <div class="row">
                <div class="col mt-3">
                    {{ 'lang.agreePayment'|trans|raw }}
                </div>
                <div class="col">

                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('trialversion') }}
{% endblock %}