{% extends 'layout-epay.server.view.html' %} {% block cssFile %} {% endblock %} {% block content %}
<style>
    .m-t-10 {
        margin-top: 10px;
    }

    .full-width {
        width: 100% !important;
    }
</style>
<div class="row full-width">
    <div class="col-sm-9 offset-2">
        <input type="hidden" id="agentCode" name="agentCode" value="{{agentCode}}" />
        <input type="hidden" id="createdBy" name="createdBy" value="{{createdBy}}" />
        <input type="hidden" id="types" name="types" value="{{types}}" />
        <input type="hidden" id="branchId" name="branchId" value="{{branchId}}" />
        <input type="hidden" id="types" name="types" value="{{types}}" />
        <form id="megapayForm" name="megapayForm" method="POST">
            <input type="hidden" name="invoiceNo" value="OrdNo" />
            <input type="hidden" name="description" value="Thanh toán đơn hàng" />
            <input type="hidden" name="goodsNm" value="Sản phẩm giáo dục" />
            <input type="hidden" name="currency" value="VND">
            <input type="hidden" name="buyerPhone" value="">
            <input type="hidden" name="buyerAddr" value="">
            <input type="hidden" name="buyerCity" value="">
            <input type="hidden" name="buyerState" value="" />
            <input type="hidden" name="buyerPostCd" value="" />
            <input type="hidden" name="buyerCountry" value="vn" />
            <input type="hidden" name="fee" value="" />

            <!-- Delivery Info -->
            <input type="hidden" name="receiverFirstNm" value="">
            <input type="hidden" name="receiverLastNm" value="">
            <input type="hidden" name="receiverPhone" value="">
            <input type="hidden" name="receiverAddr" value="">
            <input type="hidden" name="receiverCity" value="">
            <input type="hidden" name="receiverState" value="" />
            <input type="hidden" name="receiverPostCd" value="" />
            <input type="hidden" name="receiverCountry" value="VN" />

            <!------------------------------- Main Value ------------------------------>
            <input type="hidden" name="callBackUrl" value="" />
            <!-- Notify URL -->
            <input type="hidden" name="notiUrl" value="" />
            <!-- Merchant ID -->
            <input type="hidden" name="merId" value='' />
            <!-- Encode Key -->

            <!-- Loai thanh toan -->
            <input type="hidden" name="payOption" id="payOption" value="{{payOpt}}" id="payOption" />
            <!-- <input type="hidden" name="payOption" id="payOption" value="PAY_CREATE_TOKEN" id="payOption" /> -->
            <!-- <input type="hidden" name="payOption" id="payOption" value="PAY_WITH_TOKEN" id="payOption" /> -->

            <input type="hidden" name="reqDomain" value="" />
            <input type="hidden" name="mer_temp01" value="" />
            <input type="hidden" name="mer_temp02" value="" />
            <input type="hidden" name="userLanguage" value="VN" />
            <input type="hidden" name="merchantToken" value="" />
            <input type="hidden" name="payToken" id="payToken" value="" />
            <input type="hidden" name="timeStamp" value="" />
            <input type="hidden" name="merTrxId" />
            <input type="hidden" name="windowType" value="1" />
            <input type='hidden' name='windowColor' value='#0B3B39' />
            <input type="hidden" name="vaCondition" value="03" />
            <input type="hidden" name="subappid" id="subappid" value="" />
            <input type="hidden" name="userId" id="userId" value="{{userId}}" />

            <div class="row full-width">
                <div class="col-md-12" style="display: none;">
                    <label class="col-form-label">Phương thức thanh toán</label>
                    <br>
                    <div class="row full-width">
                        <div class="col-md-3">
                            <input type="radio" name="payType" id="payType" value="{{payType}}" checked/>
                            Visa/Master/JBC
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <label class="col-form-label">Số tiền thanh toán</label>
                    <br>
                    <input type="text" name="amount" id="amount" value="{{amount}}" />
                </div>
                <div class="col-md-12">
                    <label class="col-form-label">Tên</label>
                    <br>
                    <input type="text" name="buyerLastNm" id="buyerLastNm" value="{{buyerLastNm}}" />
                </div>
                <div class="col-md-12">
                    <label class="col-form-label">Họ</label>
                    <br>
                    <input type="text" name="buyerFirstNm" id="buyerFirstNm" value="{{buyerFirstNm}}" />
                </div>
                <div class="col-md-12">
                    <label class="col-form-label">Email</label>
                    <br>
                    <input type="text" name="buyerEmail" id="buyerEmail" value="nguyenvanc@gmail.com" />
                </div>
            </div>
        </form>
        <div class="col-md-12" style="margin-top: 15px;">
            <input class="btn btn-primary" type="submit" value="Thanh toán" onclick="validateForm();">
        </div>
    </div>
</div>
<!-- <div class="col-12" id="omipay-iframe"></div> -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="{{epayDomain}}/pg_was/js/payment/layer/paymentClient.js"></script>
<script type="text/javascript" src="/js/epay/payment.js">

</script>
{% endblock %}
{% block jsFile %}

{% endblock %}