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

{% block title %}{% trans %} My dashboard | Promotip {% endtrans %}{% endblock %}

{% block dashboard %}

    {% if from %}
        {% if from =='register' %}
            <div class="alert alert-success">
                Uw account is geactiveerd!
            </div>
        {% endif %}
        <div class="alert alert-danger">
            {{ 'Please fill out this form to start your affiliate promotion today and begin earning right away!'| trans }}
        </div>
    {% endif %}
    <div class="container-fluid profile-page-container">
        <div class="row">

            <div class="col-12 col-sm-10 col-md-12 col-lg-12">
                <form action="{{ path('affiliate_profile') }}" method="post" id="combined-form"
                      novalidate="novalidate">

                    <input type="hidden" name="_csrf_token" value="{{ csrf_token }}">

                    <label class="form-label profile-page-label" for="account_holder_name"><font
                                style="vertical-align: inherit;"><font
                                    style="vertical-align: inherit;">{{ 'Profile Information'|trans }}</font></font></label>

                    <div class="row">
                        <div class="col-12 col-md-6">
                            <div class="form-group profile-page-form-group">
                                {{ form_widget(form.firstname, { 'attr': {'placeholder': 'First name'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                                {{ form_label(form.firstname, 'First name'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                                {{ form_errors(form.firstname) }}
                            </div>
                        </div>

                        <div class="col-12 col-md-6">
                            <div class="form-group profile-page-form-group">
                                {{ form_widget(form.surname, { 'attr': {'placeholder': 'Surname'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                                {{ form_label(form.surname, 'Surname'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                                {{ form_errors(form.surname) }}
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12 col-md-6">
                            <div class="form-group profile-page-form-group">
                                {{ form_widget(form.email, { 'attr': {'placeholder': 'E-mail'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                                {{ form_label(form.email, 'Email'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                                {{ form_errors(form.email) }}
                            </div>
                        </div>

                        <div class="col-12 col-md-6">
                            <div class="form-group profile-page-form-group">
                                {{ form_widget(form.plainPassword, { 'attr': {'placeholder': 'Enter New Password'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                                {{ form_label(form.plainPassword, 'Wijzig paswoord'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                                {{ form_errors(form.plainPassword) }}
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12 col-md-6">
                            <div class="form-group profile-page-form-group">
                                {{ form_widget(form.companyName, { 'attr': {'placeholder': 'Company Name'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                                {{ form_label(form.companyName, 'Company Name'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                                {{ form_errors(form.companyName) }}
                            </div>
                        </div>

                        <div class="col-12 col-md-6">
                            <div class="form-group profile-page-form-group">
                                {{ form_widget(form.vatNumber, { 'attr': {'placeholder': 'VAT number'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                                {{ form_label(form.vatNumber, 'VAT number'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                                {{ form_errors(form.vatNumber) }}
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12 col-md-6">
                            <div class="form-group profile-page-form-group">
                                {{ form_widget(form.address, { 'attr': {'placeholder': 'Address'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                                {{ form_label(form.address, 'Address'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                                {{ form_errors(form.address) }}
                            </div>
                        </div>

                        <div class="col-12 col-md-6">
                            <div class="form-group profile-page-form-group">
                                {{ form_widget(form.address2, { 'attr': {'placeholder': 'Address Line 2'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                                {{ form_label(form.address2, 'Address Line 2'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                                {{ form_errors(form.address2) }}
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12 col-md-6">
                            <div class="form-group profile-page-form-group">
                                {{ form_widget(form.postcode, { 'attr': {'placeholder': 'Postcode'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                                {{ form_label(form.postcode, 'Postcode'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                                {{ form_errors(form.postcode) }}
                            </div>
                        </div>

                        <div class="col-12 col-md-6">
                            <div class="form-group profile-page-form-group">
                                {{ form_widget(form.city, { 'attr': {'placeholder': 'City'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                                {{ form_label(form.city, 'City'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                                {{ form_errors(form.city) }}
                            </div>
                        </div>
                    </div>

                    <div class="form-group profile-page-form-group">
                        {{ form_widget(form.country, { 'attr': {'placeholder': 'Country'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                        {{ form_label(form.country, 'Country'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                        {{ form_errors(form.country) }}
                    </div>


                    <label class="form-label profile-page-label" for="account_holder_name"><font
                                style="vertical-align: inherit;"><font
                                    style="vertical-align: inherit;">{{ 'Payment Information'|trans }}</font></font></label>
                    <div class="row">
                        <!-- Account Holder Name -->
                        <div class="col-12 col-md-6">
                            {{ form_widget(paymentForm.accountHolderName, { 'attr': {'placeholder': 'Account Holder Name'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                            {{ form_label(paymentForm.accountHolderName, 'Account Holder Name'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                            {{ form_errors(paymentForm.accountHolderName) }}
                        </div>

                        <!-- Bank Name -->
                        <div class="col-12 col-md-6">
                            {{ form_widget(paymentForm.bankName, { 'attr': {'placeholder': 'Bank Name'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                            {{ form_label(paymentForm.bankName, 'Bank Name'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                            {{ form_errors(paymentForm.bankName) }}
                        </div>
                    </div>

                    <div class="row">
                        <!-- Bank Address -->
                        <div class="col-12 col-md-6">
                            {{ form_widget(paymentForm.bankAddress, { 'attr': {'placeholder': 'Bank Address'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                            {{ form_label(paymentForm.bankAddress, 'Bank Address'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                            {{ form_errors(paymentForm.bankAddress) }}
                        </div>

                        <!-- Bank City -->
                        <div class="col-12 col-md-6">
                            {{ form_widget(paymentForm.bankCity, { 'attr': {'placeholder': 'Bank City'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                            {{ form_label(paymentForm.bankCity, 'Bank City'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                            {{ form_errors(paymentForm.bankCity) }}
                        </div>
                    </div>

                    <div class="row">
                        <!-- Swift Code -->
                        <div class="col-12 col-md-6">
                            {{ form_widget(paymentForm.swiftCode, { 'attr': {'placeholder': 'Swift Code'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                            {{ form_label(paymentForm.swiftCode, 'Swift Code'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                            {{ form_errors(paymentForm.swiftCode) }}
                        </div>

                        <!-- Account Number -->
                        <div class="col-12 col-md-6">
                            {{ form_widget(paymentForm.accountNumber, { 'attr': {'placeholder': 'Account Number'|trans, 'class': 'form-control form-control-lg profile-page-input'} }) }}
                            {{ form_label(paymentForm.accountNumber, 'Account Number'|trans, {'label_attr': {'class': 'form-label profile-page-label'}}) }}
                            {{ form_errors(paymentForm.accountNumber) }}
                        </div>
                    </div>

                    <div class="alert alert-warning">
                        {{ 'bank_zone_message'| trans }}
                    </div>
                    <div class="form-group form-check profile-page-form-check">
                        <input class="form-check-input profile-page-check-input" type="checkbox"
                               name="account_notification"
                               id="account_notification" {% if user.getSendNotifications %} checked="checked" {% endif %}>
                        <label class="form-check-label profile-page-check-label" for="account_notification">
                            Ontvang een melding over de aanmelding van een nieuwe klant via uw verwijzing, uitbetaling,
                            enz...
                        </label>
                    </div>
                    <div class="col-12 col-sm-10 col-md-12 col-lg-12">
                        <button type="submit"
                                class="btn btn-lg btn-pink btn-block mt-5 mb-5 profile-page-btn">{% trans %}Save{% endtrans %}</button>
                    </div>
                </form>


                {% set delConfMsg = 'Bent u zeker dat u uw account wilt verwijderen?' %}

                <form action="{{ path('account_deletion_request') }}" method="post"
                      id="form-button-account-deletion-request" onsubmit="return confirm('{{ delConfMsg }}');"
                      class="mt-3 profile-page-delete-form">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('account_deletion_request') }}"
                           id="csrf-token"/>
                    <button type="submit" class="btn btn-danger border-0 rounded-0 text-white profile-page-delete-btn">
                        <i class="fa fa-trash"></i> Verwijder Account
                    </button>
                </form>
            </div>


        </div>
    </div>
{% endblock %}