
{% set categories = __SELF__.categories %}
{% set countries = __SELF__.countries %}
{% set productForEditing = __SELF__.productForEditing %}

<!-- Add post ============================================================= -->
<section class="post">
    <div class="auto_container">
        {% if user.is_activated  %}
        <div class="post_wrap" id="form-steps">
            <div class="contact_title">
                {{'account.fill_up_balance'|_}}
            </div>
            <div class="post_in">
                <label for="good-count">{{'account.payment_type'|_}}<span>*</span> </label>
                <div class="balance_tabs">
                    <h3 class="balance_link open_link active" data-tab="#balance-1">{{'account.online_payment'|_}}</h3>
                    <h3 class="balance_link open_link" data-tab="#balance-2">{{'account.bank_transfer'|_}}</h3>
                </div>
            </div>

            <div class="balance_box">
                <div class="balance_source open_info active" id="balance-1">
                    <form action="#"
                    data-request="onSend"
                    data-request-validate
                    data-request-flash
                    class="post_form-3 first-step-form">

                        <input type="hidden" name="payment_type" value="online">

                        <div class="post_input">
                            <label for="good-count">{{'account.amount'|_}} (TMT)<span>*</span> </label>
                            <input type="number" step="0.01" name="amount" placeholder="100" id="good-count" required>
                            <span class="error_txt" data-validate-for="amount"></span>
                        </div>

                        <!-- todo select box with banks -->
                        <div class="post_input p-b">
                            <label>Bank <span>*</span>  </label>
                            <div class="my-select">
                                <select class="category-select" name="card_type">
                                    <option value="halkbank">{{'account.halkbank_card_name'|_}}</option>
                                    <option value="halkbank">{{'account.halkbank_card_name'|_}}</option>
                                    <option value="rysgal">{{'account.rysgal_card_name'|_}}</option>
                                    <option value="senagat">{{'account.senagat_card_name'|_}}</option>
                                </select>
                            </div>
                        </div>
                        <!-- end select box -->

                        <button type="submit" class="pay_btn">
                            {{'account.pay'|_}}
                        </button>
                        
                    </form>
                </div>
                <div class="balance_source open_info" id="balance-2">
                    <form class="post_form-3 bank_form" enctype="multipart/form-data"

                    method="post"

                    data-request="onPayByBankTransfer"
                    data-request-validate
                    data-request-flash
                    data-request-files>

                    <input type="hidden" name="payment_type" value="bank">

                    <div class="add_post-box bank_transfer">
                        <div class="add_post_box-item">
                            <div class="add_post_box-item-row">
                                <h4 class="add_post-box-title">
                                    {{ 'account.bank_tax_code'|_ }}:
                                </h4>
                            </div>
                            <div class="add_post_box-item-row">
                                <p class="add_post-box-text">
                                    {{ tax_code }}
                                </p>
                            </div>
                        </div>
                        <div class="add_post_box-item">
                            <div class="add_post_box-item-row">
                                <h4 class="add_post-box-title">
                                    {{ 'account.bank_manat_account'|_}}:
                                </h4>
                            </div>
                            <div class="add_post_box-item-row">
                                <p class="add_post-box-text">
                                    {{ manat_account }}
                                </p>
                            </div>
                        </div>
                        <div class="add_post_box-item">
                            <div class="add_post_box-item-row">
                                <h4 class="add_post-box-title">
                                    {{ 'account.bank_correspondent_account'|_ }}:
                                </h4>
                            </div>
                            <div class="add_post_box-item-row">
                                <p class="add_post-box-text">
                                    {{ correspondent_account }}
                                </p>
                            </div>
                        </div>
                        <div class="add_post_box-item">
                            <div class="add_post_box-item-row">
                                <h4 class="add_post-box-title">
                                    {{'account.bank_address'|_}}:
                                </h4>
                            </div>
                            <div class="add_post_box-item-row">
                                <p class="add_post-box-text">
                                    {{'account.bank_1'|_}}
                                </p>
                            </div>
                        </div>
                        <div class="add_post_box-item">
                            <div class="add_post_box-item-row">
                                <h4 class="add_post-box-title">
                                    {{ 'account.bank_bab'|_ }}:
                                </h4>
                            </div>
                            <div class="add_post_box-item-row">
                                <p class="add_post-box-text">
                                    {{ bab }}
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="post_upload_box">
                        <div class="post_upload_item">
                            <label class="upload_label" >{{'account.upload_file'|_}}<span>*</span></label>
                            <div class="upload_group">
                                <label for="file-1">{{'account.upload_file'|_}}</label>
                                <div class="form_group">
                                    <label class="additional">
                                        <span>{{'account.nothing_chosen'|_}}</span>
                                    </label>
                                    <input type="file" name="bank_file" id="file-1" class="inputfile inputfile-1"
                                        data-multiple-caption="{count} files selected" />
                                </div>
                            </div>
                        </div>
                    </div>

                    <button class="pay_btn" type="submit">
                        {{'account.send'|_}}
                    </button>

                    <p class="post_footer-text"><span class="error_txt" data-validate-for="bank_file"></span></p>
                    
                    <p class="post_footer-text">
                        <span>*</span> {{ 'account.balance_warning'|_ }}
                    </p>
                </form>

                </div>
            </div>
        </div>
        {% else %}
        <div class="post_wrap">
            <div class="contact_title">
                Activation is required
            </div>
        </div>
        {% endif %}
    </div>
</section>
<!-- Add post end ========================================================= -->

<script src="{{ 'assets/js/custom-file-input.js'|theme }}"></script>


