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

{% block title %}Configuration{% endblock %}

{% block body %}

    <div class="container">
        <img class="mt-7" src="{{ logo(app.request.attributes.get('instance')) }}" height="50"
             alt="{{ app.request.attributes.get('instance') | capitalize }}">
        <div class="card mt-10">
            <div class="card-body p-5">
                {{ form_start(form) }}
                <div class="d-flex">
                    <div class="col pl-0">
                        {{ form_row(form.instance, {'attr': {'class': 'form-control-solid'}}) }}
                    </div>
                    <div class="col">
                        {{ form_row(form.redirectUrl, {'attr': {'class': 'form-control-solid'}}) }}
                    </div>
                </div>
                <div class="d-flex align-items-start justify-content-between flex-wrap">
                    <div class="card col-3">
                        <div class="card-header p-5">
                            <h4 class="m-0">Application</h4>
                        </div>
                        <div class="card-body p-5">
                            <div>
                                {{ form_widget(form.applicant) }}
                                {{ form_widget(form.applicantFirstName) }}
                                {{ form_widget(form.applicantLastName) }}
                                {{ form_widget(form.applicantUniqueIdentifier) }}
                                {{ form_widget(form.applicantBirthday) }}
                                {{ form_widget(form.applicantNationality) }}
                                {{ form_widget(form.applicantAddress) }}
                                {{ form_widget(form.applicantDocuments) }}
                                {{ form_widget(form.applicantEmail) }}
                                {{ form_widget(form.applicantPhone) }}
                                {{ form_widget(form.applicantType) }}
                                <button type="button" class="mt-5 btn btn-info btn-sm select-sub">Select All</button>
                                <button type="button" class="mt-5 btn btn-clean btn-sm unselect-sub">Unselect All</button>
                            </div>
                        </div>
                    </div>
                    <div class="card col-3">
                        <div class="card-header p-5">
                            <h4 class="m-0">CEO</h4>
                        </div>
                        <div class="card-body p-5">
                            <div>
                                {{ form_widget(form.ceo) }}
                                {{ form_widget(form.ceoFirstName) }}
                                {{ form_widget(form.ceoLastName) }}
                                {{ form_widget(form.ceoUniqueIdentifier) }}
                                {{ form_widget(form.ceoBirthday) }}
                                {{ form_widget(form.ceoNationality) }}
                                {{ form_widget(form.ceoDocuments) }}

                                <button type="button" class="mt-5 btn btn-info btn-sm select-sub">Select All</button>
                                <button type="button" class="mt-5 btn btn-clean btn-sm unselect-sub">Unselect All</button>
                            </div>
                        </div>

                        <div class="card-header p-4">
                            <h4 class="m-0">UBО</h4>
                        </div>
                        <div class="card-body p-4">
                            <div>
                                {{ form_widget(form.ubo) }}
                                {{ form_widget(form.uboFirstName) }}
                                {{ form_widget(form.uboLastName) }}
                                {{ form_widget(form.uboOwnership) }}
                                {{ form_widget(form.uboCountry) }}
                                {{ form_widget(form.uboNationality) }}
                                {{ form_widget(form.uboDocuments) }}
                                {{ form_widget(form.uboType) }}
                                {{ form_widget(form.uboAddress) }}
                                {{ form_widget(form.uboLegalName) }}
                                {{ form_widget(form.uboLegalForm) }}
                                {{ form_widget(form.uboUic) }}
                                {{ form_widget(form.uboUniqueIdentifier) }}

                                <button type="button" class="mt-5 btn btn-info btn-sm select-sub">Select All</button>
                                <button type="button" class="mt-5 btn btn-clean btn-sm unselect-sub">Unselect All</button>
                            </div>
                        </div>
                        <div class="card-header p-4">
                        <h4 class="m-0">Other</h4>
                        </div>
                        <div class="card-body p-4">
                        <div>
                            {{ form_widget(form.requireSmsValidation) }}
                            <button type="button" class="mt-5 btn btn-info btn-sm select-sub">Select All</button>
                            <button type="button" class="mt-5 btn btn-clean btn-sm unselect-sub">Unselect All</button>
                        </div>
                        </div>
                    </div>

                    <div class="card col-4">
                     <div class="card-header p-5">
                         <h4 class="m-0">Company</h4>
                     </div>
                    <div class="card-body p-5">
                        <div>
                            {{ form_widget(form.company) }}
                            {{ form_widget(form.companyLegalName) }}
                            {{ form_widget(form.companyTradeName) }}
                            {{ form_widget(form.companyUic) }}
                            {{ form_widget(form.companyLegalForm) }}
                            {{ form_widget(form.companyCountry) }}
                            {{ form_widget(form.companyIncorporationDate) }}
                            {{ form_widget(form.companyAddress) }}
                            {{ form_widget(form.companyContactEmail) }}
                            {{ form_widget(form.companyWebsite) }}
                            {{ form_widget(form.companyAddressOfShop) }}
                            {{ form_widget(form.companyPhone) }}
                            {{ form_widget(form.companyBusinessActivity) }}
                            {{ form_widget(form.companyWayOfOperation) }}
                            {{ form_widget(form.companyHasKYCProcedure) }}
                            {{ form_widget(form.companyKYCProcedureDescription) }}
                            {{ form_widget(form.companyOfferFinancialServices) }}
                            {{ form_widget(form.companyIntermediaryForFinancialServices) }}
                            {{ form_widget(form.companyMaintainsAccountsOnBehalfOfClients) }}
                            {{ form_widget(form.companyBusinessWithCountriesInSAN) }}
                            {{ form_widget(form.companyIsOffshore) }}
                            {{ form_widget(form.companyPerformTransactionsOnBehalfOfClients) }}
                            {{ form_widget(form.companyRequireLicensing) }}
                            {{ form_widget(form.companyBank) }}
                            {{ form_widget(form.companyBankAccount) }}
                            {{ form_widget(form.companyCurrency) }}
                            {{ form_widget(form.companyPayoutPeriod) }}

                            <button type="button" class="mt-5 btn btn-info btn-sm select-sub">Select All</button>
                            <button type="button" class="mt-5 btn btn-clean btn-sm unselect-sub">Unselect All</button>
                        </div>
                    </div>


                    </div>
                </div>
                <div class="mt-5">
                    <div class="col-12 col-md-7">
                        {{ form_widget(form.save, {'attr': {'class': 'btn btn-light-primary font-weight-bold'}}) }}
                        <button type="button" class="btn btn-light-info font-weight-bold select">Select All</button>
                        <button type="button" class="btn btn-light-danger font-weight-bold unselect">Unselect All</button>
                    </div>
                </div>

                {{ form_end(form) }}
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}

    <script>
        $(function () {

            $('.select').on('click', function () {
                $('input[type=checkbox]').prop('checked', true)
            })
            $('.unselect').on('click', function () {
                $('input[type=checkbox]').prop('checked', false)
            })

            $('.select-sub').on('click', function () {
                $(this).parent().find('input[type=checkbox]').prop('checked', true)
            })
            $('.unselect-sub').on('click', function () {
                $(this).parent().find('input[type=checkbox]').prop('checked', false)
            })
        })
    </script>

{% endblock %}