{% extends "main/main_base.html.twig" %}

{% set bankAccounts = getBankAccounts() %}

{% set page_title = "account.sidebar.payment_notification"|trans %}
{% block title %}{{ page_title }}{% endblock %}

{% block body %}

    {% set fields = [{'name':page_title}] %}
    {% include 'main/common/_header.html.twig' %}






    <div class="page-content mb-4">
        <div class="container">
            <div class="row">
                <aside class="col-lg-3 col-12 ">
                   {% include "main/Account/_account_sidebar.html.twig" %}
                </aside><!-- End .col-lg-3 -->

                <div class="col-md-8 col-lg-9">

                    <div class="icon-box icon-box-circle text-center">
                                <span class="icon-box-icon">
                                    <i class="icon-info-circle"></i>
                                </span>
                        <div class="icon-box-content">
                            <h3 class="icon-box-title">{{page_title}}</h3><!-- End .icon-box-title -->
                            <p> {{ "account.payment_notification.description"|trans }}</p>
                        </div><!-- End .icon-box-content -->
                    </div>

                    {% if orders|length > 0  %}

                    <div class="row">
                        <div class="col-12 col-lg-12">
                            <h5>{{ "account.payment_notification.form.title"|trans }}</h5>

                            <form action="" method="post">
                                <div class="form-group custom ">
                                    <label class="">{{ "account.payment_notification.form.order"|trans }}</label>

                                    <select name="order" class="form-control" required >
                                        <option value="">{{ "account.payment_notification.form.order_placeholder"|trans }}</option>
                                        {% for order in orders %}
                                        <option value="{{ order.orderNumber }}">#{{ order.orderNumber }} - {{ order.createdAt|date('d.m-Y') }} ({{ money_format(order.globalTotal)}} TL)</option>
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="form-group custom ">
                                    <label class="">{{ "account.payment_notification.form.bank"|trans }}</label>
                                    <select name="bank" class="form-control" required >
                                        <option value="">{{ "account.payment_notification.form.bank_placeholder"|trans }}</option>
                                        {% for bankAccount in bankAccounts %}
                                        <option value="{{ bankAccount.id }}">{{ bankAccount.name }} - {{ bankAccount.ibanNo }}</option>
                                        {% endfor %}
                                    </select>
                                </div>

                                <div class="form-group custom">
                                    <input type="text" name="full_name" class="form-control"  required placeholder="&nbsp;" >
                                    <label class="form-label">{{ "common.form.name_surname"|trans }} *</label>
                                </div>
                                <div class="form-group custom">
                                    <input type="text" name="phone_number" class="form-control" data-mask="phone"  required placeholder="&nbsp;" >
                                    <label class="form-label">{{ "common.form.phone_number"|trans }} *</label>
                                </div>
                                <div class="form-group custom">
                                    <input type="datetime-local" name="payment_date" class="form-control" placeholder="&nbsp;" required >
                                    <label class="form-label">{{ "account.payment_notification.form.payment_date"|trans }} </label>
                                </div>
                                <div class="form-group custom">
                                    <input type="text" name="payment_amount" class="form-control price-format"  placeholder="&nbsp;" required >
                                    <label class="form-label">{{ "account.payment_notification.form.payment_amount"|trans }} </label>
                                </div>


                                <div class="pull-right">
                                    <button type="submit" class="btn btn-primary mw-0 btn-round">
                                        <span>{{ "buttons.send"|trans }}</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </button>
                                </div>

                            </form>



                        </div>

                    </div>

                    {% else %}
                        <div class="alert alert-warning mt-2">
                           {{ "account.payment_notification.order_not_found"|trans }}
                        </div>
                    {% endif %}





                </div><!-- End .col-lg-9 -->
            </div><!-- End .row -->
        </div><!-- End .container -->
    </div><!-- End .page-content -->

{% endblock %}
{% block javascripts %}

    <script src="{{ asset('assets/admin/app-assets/vendors/js/extensions/inputmask/jquery.inputmask.bundle.min.js') }}"></script>
    <script>
        $().ready(function () {
            // Input Mask
            Site.maskAll();
            Site.priceFormat();
        });
    </script>
{% endblock %}