{% extends 'admin/layouts/base.html.twig' %}
{% set active = 'app_admin_payment_settings' %}
{% set blockValue = 1 %}
{% set banifitesValue = 1 %}
{% set breadcrumbs = [
    {
        'link': path('app_admin_dashboard'), 'title': 'Home'
    },
    {
        'title':'Payment Management',
    },
    {
        'title': 'Payment Setting',
    }
]%}

{% block stylesheets %}
<link href="{{ asset('assets/css/admin/payment_setting.css') }}" rel="stylesheet" type="text/css">
{% endblock %}
{% block content %}
    <div class="row">
        <div class="card col-lg-12">
            <div class="card-body">
                <div>
                    <div class="tab-pane fade show active" id="payment_setting">
                        <div class="row">
                            <div class="col-lg-12">
                                <ul class="nav nav-tabs mb-3 rounded">
                                    <li class="nav-item">
                                        <a href="#strip-payment" class="nav-link {% if active_tab is defined and  active_tab == "stripe_payment_setting" %} active {% endif %}" data-bs-toggle="tab">
                                            <span style="font-weight: bold;">Stripe Payment Setting</span>
                                        </a>
                                    </li>

                                    <li class="nav-item ">
                                        <a href="#payple-payment" class="nav-link {% if active_tab is defined and  active_tab == "payple_payment_setting" %} active {% endif %}" data-bs-toggle="tab">
                                            <span style="font-weight: bold;">Paypal Payment Setting</span>
                                        </a>
                                    </li>

                                    <li class="nav-item">
                                        <a href="#coin-payment" class="nav-link {% if active_tab is defined and  active_tab == "coin_payment_setting" %} active {% endif %} " data-bs-toggle="tab">
                                            <span style="font-weight: bold;">Coin Payment Setting</span>
                                        </a>
                                    </li> 
                                </ul>

                                <div class="tab-content">
                                    <div class="tab-pane fade {% if active_tab is defined and  active_tab == "stripe_payment_setting" %} show active {% endif %}" id="strip-payment">
                                        <div class="raw">
                                           <div class="card">
                                                <div class="card-body">
                                                    <form action="{{ path('app_admin_payment_setting_save') }}" method="POST" id="stripe_payment_setting">
                                                        <input type="hidden" name="payment_type" value="stripe"/>
                                                        <input type="hidden" name="payment_type_name" value="Stripe"/>
                                                        <input type="hidden" name="active_tab" value="stripe_payment_setting"/>
                                                        <div class="row mb-3">
                                                            <label class="col-lg-2 col-form-label"><h6>Payment Mode<span class="text-danger">*</span> :</h6></label>
                                                            <div class="col-lg-6">
                                                                {% set paymentMode = payment_setting_data.stripe.getPaymentMode ?? '' %}
                                                                <select name="stripe_payment_mode" mulitiselect data-placeholder="Enter tags" class="form-control multiselect" id="stripe_payment_mode">
                                                                    <option value="">Select Payment Mode</option>
                                                                    <option value="test" {% if paymentMode is defined and paymentMode == "test" %} selected {% endif %}>Test Mode</option>
                                                                    <option value="live" {% if paymentMode is defined and paymentMode == "live" %} selected {% endif %}>Live Mode</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="row" id="stripe_live_cred">
                                                            <div class="row mb-3">
                                                                <label class="col-lg-2 col-form-label"><h6>Live Public Key<span class="text-danger">*</span> :</h6></label>
                                                                <div class="col-lg-6">
                                                                    <input type="text" id="stripe_live_public_key" name="stripe_live_public_key" value="{{ payment_setting_data.stripe.getLivePublicKey ?? '' }}" class="form-control">
                                                                </div>
                                                            </div>
                                                            <div class="row mb-3">
                                                                <label class="col-lg-2 col-form-label"><h6>Live Secret Key<span class="text-danger">*</span> :</h6></label>
                                                                <div class="col-lg-6">
                                                                    <input type="text" id="stripe_live_secret_key" name="stripe_live_secret_key" value="{{ payment_setting_data.stripe.getLiveSectretKey ?? '' }}" class="form-control">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row" id="stripe_test_cred">
                                                            <div class="row mb-3">
                                                                <label class="col-lg-2 col-form-label"><h6>Test Public Key<span class="text-danger">*</span> :</h6></label>
                                                                <div class="col-lg-6">
                                                                    <input type="text" id="stripe_test_public_key" name="stripe_test_public_key" value="{{ payment_setting_data.stripe.getTestPublicKey ?? '' }}" class="form-control">
                                                                </div>
                                                            </div>
                                                            <div class="row mb-3">
                                                                <label class="col-lg-2 col-form-label"><h6>Test Secret Key<span class="text-danger">*</span> :</h6></label>
                                                                <div class="col-lg-6">
                                                                    <input type="text" id="stripe_test_secret_key" name="stripe_test_secret_key" value="{{ payment_setting_data.stripe.getTestSecretKey ?? '' }}" class="form-control">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <label class="col-lg-2 col-form-label"><h6>Payment Method<span class="text-danger">*</span> :</h6></label>
                                                            <div class="col-lg-6">
                                                                <select name="stripe_payment_method multiselect[]" multiple="multiple" data-placeholder="Enter tags" class="form-control multiselect" id="stripe_payment_method" data-include-select-all-option="true">

                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <label class="col-lg-2 col-form-label"><h6>Status<span class="text-danger">*</span> :</h6></label>
                                                            <div class="col-lg-6">
                                                                <select name="stripe_status_mode" mulitiselect data-placeholder="Enter tags" class="form-control multiselect" id="stripe_status_mode">
                                                                    <option value="">Select Status</option>
                                                                    <option value="active" {% if payment_setting_data.stripe.getStatus is defined and  payment_setting_data.stripe.status == "active" %} selected {% endif %}>Active</option>
                                                                    <option value="deactive" {% if payment_setting_data.stripe.getStatus is defined and  payment_setting_data.stripe.status == "deactive" %} selected {% endif %}>Deactive</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                         <div class="raw mb-3">
                                                            <button type="submit" class="btn btn-md btn-info my-1 me-2 mt-2">Save Changes</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="tab-pane fade {% if active_tab is defined and  active_tab == "payple_payment_setting" %} show active {% endif %}" id="payple-payment">
                                        <div class="raw">
                                            <div class="raw">
                                                <div class="card">
                                                    <div class="card-body">
                                                         <form action="{{ path('app_admin_payment_setting_save') }}" method="post" id="payple_payment_setting">
                                                            <input type="hidden" name="payment_type" value="payple"/>
                                                            <input type="hidden" name="payment_type_name" value="PayPal"/>
                                                            <input type="hidden" name="active_tab" value="payple_payment_setting"/>
                                                            <div class="row mb-3">
                                                                <label class="col-lg-2 col-form-label"><h6>Payment Mode<span class="text-danger">*</span> :</h6></label>
                                                                <div class="col-lg-6">
                                                                {% set paymentMode = payment_setting_data.payple.getPaymentMode ?? '' %}
                                                                    <select name="payple_payment_mode" mulitiselect data-placeholder="Enter tags" class="form-control multiselect" id="payple_payment_mode">
                                                                        <option value="">Select Payment Mode</option>
                                                                        <option value="test" {% if paymentMode is defined and paymentMode == "test" %} selected {% endif %}>Test Mode</option>
                                                                        <option value="live" {% if paymentMode is defined and paymentMode == "live" %} selected {% endif %}>Live Mode</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="row" id="payple_live_cred">
                                                                <div class="row mb-3">
                                                                    <label class="col-lg-2 col-form-label"><h6>Live Client Id<span class="text-danger">*</span> :</h6></label>
                                                                    <div class="col-lg-6">
                                                                        <input type="text" id="payple_live_client_id" name="payple_live_client_id" value="{{ payment_setting_data.payple.getLiveClientId ?? '' }}" class="form-control">
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <label class="col-lg-2 col-form-label"><h6>Live Secret Key<span class="text-danger">*</span> :</h6></label>
                                                                    <div class="col-lg-6">
                                                                        <input type="text" id="payple_live_secret_key" name="payple_live_secret_key" value=" {{ payment_setting_data.payple.getLiveSectretKey ?? '' }} " class="form-control">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row" id="payple_test_cred">
                                                                <div class="row mb-3">
                                                                    <label class="col-lg-2 col-form-label"><h6>Test Client Id<span class="text-danger">*</span> :</h6></label>
                                                                    <div class="col-lg-6">
                                                                        <input type="text" id="payple_test_client_id" name="payple_test_client_id" value="{{ payment_setting_data.payple.getTestClientId ?? '' }}" class="form-control">
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <label class="col-lg-2 col-form-label"><h6>Test Secret Key<span class="text-danger">*</span> :</h6></label>
                                                                    <div class="col-lg-6">
                                                                        <input type="text" id="payple_test_secret_key" name="payple_test_secret_key" value="{{ payment_setting_data.payple.getTestSecretKey ?? '' }}" class="form-control">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row mb-3">
                                                                <label class="col-lg-2 col-form-label"><h6>Status<span class="text-danger">*</span> :</h6></label>
                                                                <div class="col-lg-6">
                                                                    <select name="payple_status_mode" mulitiselect data-placeholder="Enter tags" class="form-control multiselect" id="payple_status_mode">
                                                                        <option value="">Select Status</option>
                                                                        <option value="active" {% if payment_setting_data.payple.getStatus is defined and payment_setting_data.payple.getStatus == "active" %} selected {% endif %}>Active</option>
                                                                        <option value="deactive" {% if payment_setting_data.payple.getStatus is defined and payment_setting_data.payple.getStatus == "deactive"%} selected {% endif %}>Deactive</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="raw mb-3">
                                                                <button type="submit" class="btn btn-md btn-info my-1 me-2 mt-2">Save Changes</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="tab-pane fade {% if active_tab is defined and  active_tab == "coin_payment_setting" %} show active {% endif %}" id="coin-payment">
                                        <div class="card">
                                            <div class="card-body">
                                                <form action="{{ path('app_admin_payment_setting_save') }}" method="post" id="coin_payment_setting">
                                                    <input type="hidden" name="payment_type" value="coinpayment"/>
                                                    <input type="hidden" name="payment_type_name" value="CoinPayments"/>
                                                    <input type="hidden" name="active_tab" value="coin_payment_setting"/>
                                                    <div class="row" id="coin_cred">
                                                        <div class="row mb-3">
                                                            <label class="col-lg-2 col-form-label"><h6>Public Key<span class="text-danger">*</span> :</h6></label>
                                                            <div class="col-lg-6">
                                                                <input type="text" id="coin_live_public_key" name="coin_live_public_key" value="{{payment_setting_data.coinpayment.getLivePublicKey ?? ''}}" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <label class="col-lg-2 col-form-label"><h6>Private Key<span class="text-danger">*</span> :</h6></label>
                                                            <div class="col-lg-6">
                                                                <input type="text" id="coin_live_private_key" name="coin_live_private_key" value="{{payment_setting_data.coinpayment.getLiveSectretKey ?? '' }}" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <label class="col-lg-2 col-form-label"><h6>Merchant ID<span class="text-danger">*</span> :</h6></label>
                                                        <div class="col-lg-6">
                                                            <input type="text" id="coin_merchant_key" name="coin_merchant_key" value="{{payment_setting_data.coinpayment.getMerchantKey ?? ''}}" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <label class="col-lg-2 col-form-label"><h6>IPN Secret<span class="text-danger">*</span> :</h6></label>
                                                        <div class="col-lg-6">
                                                            <input type="text" id="coin_ipn_secret" name="coin_ipn_secret" value="{{payment_setting_data.coinpayment.getIpnKey ?? ''}}" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <label class="col-lg-2 col-form-label"><h6>Coin for withdrawal Request<span class="text-danger">*</span> :</h6></label>
                                                        <div class="col-lg-6">
                                                            <select name="coin" multiselect data-placeholder="Enter tags" class="form-control multiselect" id="coin">
                                                                <option value="" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == ""%} selected {% endif %}>Select Coins</option>
                                                                <option value="BTC" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BTC"%} selected {% endif %}>Bitcoin</option>
                                                                <option value="BTC.LN" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BTC.LN"%} selected {% endif %}>Bitcoin (Lightning Network)</option>
                                                                <option value="BCH" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BCH"%} selected {% endif %}>Bitcoin Cash</option>
                                                                <option value="Litecoin" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "Litecoin"%} selected {% endif %}>LTC</option>
                                                                <option value="VLX" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "VLX"%} selected {% endif %}>Velas (EVM)</option>
                                                                <option value="VLX.Native" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "VLX.Native"%} selected {% endif %}>Velas (Native)</option>
                                                                <option value="APL" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "APL"%} selected {% endif %}>Apollo</option>
                                                                <option value="ASK" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "ASK"%} selected {% endif %}>Permission (Old Chain, Swap To New Chain ASAP)</option>
                                                                <option value="BCN" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BCN"%} selected {% endif %}>Bytecoin</option>
                                                                <option value="BEAM" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BEAM"%} selected {% endif %}>Beam</option>
                                                                <option value="BIZZ.TRC20" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BIZZ.TRC20"%} selected {% endif %}>BizzCoin (Tron/TRC20)</option>
                                                                <option value="BNB" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BNB"%} selected {% endif %}>BNB Coin (Mainnet)</option>
                                                                <option value="BNB.BSC" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BNB.BSC"%} selected {% endif %}>BNB Coin (BSC Chain)</option>
                                                                <option value="BTCV" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BTCV"%} selected {% endif %}>Bitcoin Vault</option>
                                                                <option value="BTG" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BTG"%} selected {% endif %}>Bitcoin Gold</option>
                                                                <option value="BTT.OLD" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BTT.OLD"%} selected {% endif %}>BitTorrent (Old Tron/TRC10)</option>
                                                                <option value="BTT.TRC20" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BTT.TRC20"%} selected {% endif %}>BitTorrent (Tron/TRC20)</option>
                                                                <option value="BUSD.TRC20" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "BUSD.TRC20"%} selected {% endif %}>Binance USD (Tron/TRC20)</option>
                                                                <option value="CNHT.TRC20" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "CNHT.TRC20"%} selected {% endif %}>Tether CNH (Tron/TRC20)</option>
                                                                <option value="CRW" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "CRW"%} selected {% endif %}>Crown</option>
                                                                <option value="CURE" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "CURE"%} selected {% endif %}>CureCoin</option>
                                                                <option value="DASH" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "DASH"%} selected {% endif %}>Dash</option>
                                                                <option value="DigiByte" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "DigiByte"%} selected {% endif %}>DGB</option>
                                                                <option value="DIVI" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "DIVI"%} selected {% endif %}>Divi</option>
                                                                <option value="DOGE" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "DOGE"%} selected {% endif %}>Dogecoin</option>
                                                                <option value="ETC" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "ETC"%} selected {% endif %}>Ether Classic</option>
                                                                <option value="ETH" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "ETH"%} selected {% endif %}>Ether</option>
                                                                <option value="ETN" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == ""%} selected {% endif %}>Electroneum</option>
                                                                <option value="FIRO" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "FIRO"%} selected {% endif %}>Firo</option>
                                                                <option value="FTN.BAHAMUT" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "FTN.BAHAMUT"%} selected {% endif %}>Fasttoken (Bahamut)</option>
                                                                <option value="GRS" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "GRS"%} selected {% endif %}>Groestlcoin</option>
                                                                <option value="GUAP" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "GUAP"%} selected {% endif %}>Guapcoin</option>
                                                                <option value="ISLM.EVM" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "ISLM.EVM"%} selected {% endif %}>Islamic Coin (Haqq) EVM</option>
                                                                <option value="JST.TRC20" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "JST.TRC20"%} selected {% endif %}>JUST GOV v1.0 (Tron/TRC20)</option>
                                                                <option value="KMD" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "KMD"%} selected {% endif %}>Komodo</option>
                                                                <option value="MAD" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "MAD"%} selected {% endif %}>Moroccan Dirham</option>
                                                                <option value="MAID" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "MAID"%} selected {% endif %}>MaidSafeCoin</option>
                                                                <option value="MATIC.POLY" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "MATIC.POLY"%} selected {% endif %}>MATIC (Polygon Chain)</option>
                                                                <option value="MSOL.SOL" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "MSOL.SOL"%} selected {% endif %}>Marinade Staked SOL (Solana)</option>
                                                                <option value="OMNI" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "OMNI"%} selected {% endif %}>Omni</option>
                                                                <option value="OXEN" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "OXEN"%} selected {% endif %}>Oxen</option>
                                                                <option value="PIVX" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "PIVX"%} selected {% endif %}>PIVX</option>
                                                                <option value="QTUM" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "QTUM"%} selected {% endif %}>Qtum</option>
                                                                <option value="RVN" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "RVN"%} selected {% endif %}>Ravencoin</option>
                                                                <option value="SMART" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "SMART"%} selected {% endif %}>SmartCash</option>
                                                                <option value="SOL" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "SOL"%} selected {% endif %}>Solana</option>
                                                                <option value="Syscoin" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "Syscoin"%} selected {% endif %}>SYS</option>
                                                                <option value="SYS" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "SYS"%} selected {% endif %}>Syscoin</option>
                                                                <option value="SYS" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == ""%} selected {% endif %}>Syscoin</option>
                                                                <option value="TRX" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "TRX"%} selected {% endif %}>TRON</option>
                                                                <option value="TUSD.TRC20" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "TUSD.TRC20"%} selected {% endif %}>TrueUSD (Tron/TRC20)</option>
                                                                <option value="USDC.SOL" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "USDC.SOL"%} selected {% endif %}>USD Coin (Solana)</option>
                                                                <option value="USDC.TRC20" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "USDC.TRC20"%} selected {% endif %}>USD Coin (Tron/TRC20)</option>
                                                                <option value="USDC.BEP20" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "USDC.BEP20"%} selected {% endif %}>USD Coin (BSC Chain)</option>
                                                                <option value="USDT" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "USDT"%} selected {% endif %}>Tether USD (Omni Layer)</option>
                                                                <option value="USDT.SOL" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "USDT.SOL"%} selected {% endif %}>Tether USD (Solana)</option>
                                                                <option value="USDT.TRC20" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "USDT.TRC20"%} selected {% endif %}>Tether USD (Tron/TRC20)</option>
                                                                <option value="VTC" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "VTC"%} selected {% endif %}>Vertcoin</option>
                                                                <option value="XEM" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "XEM"%} selected {% endif %}>NEM</option>
                                                                <option value="XMR" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "XMR"%} selected {% endif %}>Monero</option>
                                                                <option value="XVG" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "XVG"%} selected {% endif %}>VERGE</option>
                                                                <option value="ZEC" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "ZEC"%} selected {% endif %}>ZCash</option>
                                                                <option value="ZEN" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "ZEN"%} selected {% endif %}>Horizen</option>
                                                                <option value="LTCT" {% if payment_setting_data.coinpayment.getCoins is defined and payment_setting_data.coinpayment.getCoins == "LTCT"%} selected {% endif %}>Litecoin Testnet</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <label class="col-lg-2 col-form-label"><h6>Status<span class="text-danger">*</span> :</h6></label>
                                                        <div class="col-lg-6">
                                                            <select name="coin_status_mode" mulitiselect data-placeholder="Enter tags" class="form-control multiselect" id="coin_status_mode">
                                                                <option value="">Select Status</option>
                                                                <option value="active" {% if payment_setting_data.coinpayment.getStatus is defined and payment_setting_data.coinpayment.getStatus == "active"%} selected {% endif %}>Active</option>
                                                                <option value="deactive" {% if payment_setting_data.coinpayment.getStatus is defined and payment_setting_data.coinpayment.getStatus == "deactive"%} selected {% endif %} >Deactive</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="raw mb-3">
                                                        <button type="submit" class="btn btn-md btn-info my-1 me-2 mt-2">Save Changes</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
        <script>
            $(document).ready(function(){
                var activeTab = "{{activeTab ?? ''}}"
                if($('#stripe_test_secret_key').val() != null || $('#stripe_live_secret_key').val() != null ){
                    $('#stripe_test_secret_key,#stripe_live_secret_key').trigger("input");
                 }

                 $("#stripe_live_cred").hide();
                 $("#stripe_test_cred").hide();

                 $("#payple_live_cred").hide();
                 $("#payple_test_cred").hide();

                    $("#stripe_payment_mode").trigger("change");
                    $("#payple_payment_mode").trigger("change");
                 // Override Noty defaults
                Noty.overrideDefaults({
                    theme: 'limitless',
                    layout: 'topRight',
                    type: 'alert',
                    timeout: 2500
                });
                function handleFormSubmission(formId) {
                    $(formId).on('submit', function(e) { 
                        // Check if the form is valid
                        if ($(this).valid()) {
                            Swal.fire({
                                title: 'Processing...',
                                allowOutsideClick: false,
                                didOpen: () => {
                                    Swal.showLoading();
                                }
                            }).then(() => {
                                // Optionally handle form submission via AJAX here
                                this.submit(); // Submit the form after showing the processing alert
                            });
                        }
                    });
                }

                // Attach the function to each form
                handleFormSubmission('#stripe_payment_setting');
                handleFormSubmission('#payple_payment_setting');
                handleFormSubmission('#coin_payment_setting');
            })
            $("#stripe_payment_mode").on("change", function(){
                var paymentModeValue = $(this).val();
                if (paymentModeValue === "test") {

                    var stripe_live_public_key = '{{ payment_setting_data.stripe.getLivePublicKey ?? '' }}';
                    var stripe_live_secret_key = '{{ payment_setting_data.stripe.getLiveSectretKey ?? '' }}';

                    $("#stripe_live_cred").hide();
                    $("#stripe_test_cred").show();

                    $("#stripe_live_public_key").val(stripe_live_public_key);
                    $("#stripe_live_secret_key").val(stripe_live_secret_key);

                } else if (paymentModeValue === "live") {
                    $("#stripe_test_cred").hide();
                    $("#stripe_live_cred").show();

                    var stripe_test_public_key = '{{ payment_setting_data.stripe.getTestPublicKey ?? '' }}';
                    var stripe_test_secret_key = '{{ payment_setting_data.stripe.getTestSecretKey ?? '' }}';

                    $("#stripe_test_public_key").val(stripe_test_public_key);
                    $("#stripe_test_secret_key").val(stripe_test_secret_key);
                }
            });

            $("#payple_payment_mode").on("change", function(){
                var paymentModeValue = $(this).val();
                if (paymentModeValue === "test") {
                    $("#payple_live_cred").hide();
                    $("#payple_test_cred").show();

                    var payple_live_client_id = '{{ payment_setting_data.payple.getLiveClientId ?? '' }}';
                    var payple_live_secret_key = '{{ payment_setting_data.payple.getLiveSectretKey ?? '' }}';

                    $("#payple_live_client_id").val(payple_live_client_id);
                    $("#payple_live_secret_key").val(payple_live_secret_key);

                } else if (paymentModeValue === "live") {
                    $("#payple_test_cred").hide();
                    $("#payple_live_cred").show();

                    var payple_test_client_id = '{{ payment_setting_data.payple.getTestClientId ?? '' }}';
                    var payple_test_secret_key = '{{ payment_setting_data.payple.getTestSecretKey ?? '' }}';

                    $("#payple_test_client_id").val(payple_test_client_id);
                    $("#payple_test_secret_key").val(payple_test_secret_key);
                }
            });

            /* ================= Initialize the validator for stripe payment setting form - Start ============= */ 
            const stripePaymentFormValidator = $('#stripe_payment_setting').validate({
                ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields
                errorClass: 'validation-invalid-label',
                successClass: 'validation-valid-label',
                validClass: 'validation-valid-label',
                highlight: function(element, errorClass) {
                    $(element).removeClass(errorClass);
                },
                unhighlight: function(element, errorClass) {
                    $(element).removeClass(errorClass);
                },
                success: function(label) {
                    label.addClass('validation-valid-label').text('Success.');
                },
                errorPlacement: function(error, element) {
                    if (element.hasClass('multiselect')) {
                        error.appendTo(element.parent().parent());
                    } else if (element.parents().hasClass('form-control-feedback') || element.parents().hasClass('form-check') || element.parents().hasClass('input-group')) {
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                },
                rules: {
                    stripe_payment_mode: {
                        required: true,
                    },
                    stripe_payment_method: {
                        required: true,
                    },
                    stripe_status_mode: {
                        required: true,
                    },
                    stripe_test_public_key: {
                        required: function() {
                            return $('#stripe_payment_mode').val() === 'test';
                        }
                    },
                    stripe_test_secret_key: {
                        required: function() {
                            return $('#stripe_payment_mode').val() === 'test';
                        }
                    },
                    stripe_live_public_key: {
                        required: function() {
                            return $('#stripe_payment_mode').val() === 'live';
                        }
                    },
                    stripe_live_secret_key: {
                        required: function() {
                            return $('#stripe_payment_mode').val() === 'live';
                        }
                    }
                }
            });

            /* ================= Initialize the validator for stripe payment setting form - End ============= */ 




            /* ================= Initialize the validator for Payple payment setting form - Start ============= */ 
            const payplePaymentFormValidator = $('#payple_payment_setting').validate({
                ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields
                errorClass: 'validation-invalid-label',
                successClass: 'validation-valid-label',
                validClass: 'validation-valid-label',
                highlight: function(element, errorClass) {
                    $(element).removeClass(errorClass);
                },
                unhighlight: function(element, errorClass) {
                    $(element).removeClass(errorClass);
                },
                success: function(label) {
                    label.addClass('validation-valid-label').text('Success.');
                },
                errorPlacement: function(error, element) {
                    if (element.hasClass('multiselect')) {
                        error.appendTo(element.parent().parent());
                    } else if (element.parents().hasClass('form-control-feedback') || element.parents().hasClass('form-check') || element.parents().hasClass('input-group')) {
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                },
                rules: {
                    payple_payment_mode: {
                        required: true,
                    },
                    payple_payment_method: {
                        required: true,
                    },
                    payple_status_mode: {
                        required: true,
                    },
                    payple_test_client_id: {
                        required: function() {
                            return $('#payple_payment_mode').val() === 'test';
                        }
                    },
                    payple_test_secret_key: {
                        required: function() {
                            return $('#payple_payment_mode').val() === 'test';
                        }
                    },
                    payple_live_client_id: {
                        required: function() {
                            return $('#payple_payment_mode').val() === 'live';
                        }
                    },
                    payple_live_secret_key: {
                        required: function() {
                            return $('#payple_payment_mode').val() === 'live';
                        }
                    }
                }
            });

            /* ================= Initialize the validator for Payple payment setting form - End ============= */
            
            /* ================= Initialize the validator for Coins payment setting form - Start ============= */ 
            const coinPaymentFormValidator = $('#coin_payment_setting').validate({
                ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields
                errorClass: 'validation-invalid-label',
                successClass: 'validation-valid-label',
                validClass: 'validation-valid-label',
                highlight: function(element, errorClass) {
                    $(element).removeClass(errorClass);
                },
                unhighlight: function(element, errorClass) {
                    $(element).removeClass(errorClass);
                },
                success: function(label) {
                    label.addClass('validation-valid-label').text('Success.');
                },
                errorPlacement: function(error, element) {
                    if (element.hasClass('multiselect')) {
                        error.appendTo(element.parent().parent());
                    } else if (element.parents().hasClass('form-control-feedback') || element.parents().hasClass('form-check') || element.parents().hasClass('input-group')) {
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                },
                rules: {
                    coin_status_mode: {
                        required: true,
                    },
                    coin_live_public_key: {
                        required: true,
                    },
                    coin_live_private_key: {
                        required: true,
                    },
                    coin_merchant_key: {
                        required: true,
                    },
                    coin_ipn_secret: {
                        required: true,
                    },
                    coin: {
                        required: true,
                    },
                   
                }
            });

            /* ================= Initialize the validator for Coins payment setting form - End ============= */

            /* ================= get the all the payment mehtod of merchant stripe account according to stripe secreat key - Start ============= */
            $('#stripe_test_secret_key,#stripe_live_secret_key').on('input', function() {
                var secretKey = $(this).val();
                $('#stripe_payment_method').html();
                if (secretKey.length > 10) { // Optional: Add minimum length to avoid too many requests
                    $.ajax({
                        url: '{{path("app_admin_fetch_payment_method")}}',
                        type: 'POST',
                        data: { secret_key: secretKey },
                        success: function(response) {
                            $('#stripe_payment_method').html(response);
                            $('#stripe_payment_method').multiselect("rebuild");
                        },
                        error: function(response) {
                            new Noty({
                                text: 'Failed to fetch payment methods. Please check your secret key',
                                type: 'error'
                            }).show();
                            $('#stripe_payment_method').html();
                            $('#stripe_payment_method').multiselect("rebuild");
                        }
                    });
                }
            });
            /* ================= get the all the payment mehtod of merchant stripe account according to stripe secreat key - Start ============= */
        </script>
{% endblock %}