<form
        id="tami-api-settings-form" name="tami-api-settings-form"
        class="tami-lead tami-text-tami tami-ajax-form"
        method="post"
        action="admin-ajax.php">


    <div class="tami-rounded tami-my-3 tami-p-3 tami-border tami-bg-light">
        <p class="tami-mb-0 tami-lead tami-text-muted">
            <i class="fa fa-check-circle"></i>&nbsp;{{ lang_text_integrate_tami_opencart }}
        </p>
    </div>

    <input type="hidden" name="action" value="tami_api_settings_save"/>
    <div class="tami-m-0">
        <div class="tami-row tami-mb-3 tami-p-2">
            <label class="tami-col-sm-4 tami-col-form-label" for="form-ApiSettings-0">{{ lang_text_test_mode }}</label>
            <div class="tami-col-sm-8">
                <div class="tami-my-2">
                    <input
                            class="tami-form-check-input"
                            type="checkbox"
                            value="1" id="form-ApiSettings-0"
                            name="test_mode"
                    />
                </div>
            </div>
        </div>
        <div class="tami-row tami-mb-3 tami-p-2">
            <label class="tami-col-sm-4 tami-col-form-label" for="form-ApiSettings-1">{{ lang_text_merchant_id }}</label>
            <div class="tami-col-sm-8">
                <input
                        class="tami-form-control"
                        type="tel"
                        name="merchant_id"
                        autocomplete="off"
                        id="form-ApiSettings-1"
                        value=""
                />
            </div>
        </div>
        <div class="tami-row tami-mb-3 tami-p-2">
            <label class="tami-col-sm-4 tami-col-form-label" for="form-ApiSettings-4">{{ lang_text_terminal_id }}</label>
            <div class="tami-col-sm-8">
                <input
                        class="tami-form-control"
                        name="terminal_id"
                        type="tel"
                        autocomplete="off"
                        id="form-ApiSettings-4"
                        value=""
                />
            </div>
        </div>
        <div class="tami-row tami-mb-3 tami-p-2">
            <label class="tami-col-sm-4 tami-col-form-label" for="form-ApiSettings-2">{{ lang_text_security_method }}</label>
            <div class="tami-col-sm-8">
                <select
                        class="tami-form-select"
                        name="payment_method"
                        autocomplete="off"
                        type="select"
                        id="form-ApiSettings-2"
                >
                    <option value="3D" selected>
                    {{ lang_text_security_method_3d }}
                    </option>
                    <option value="Nonsecure">
                    {{ lang_text_security_method_non_secure }}
                    </option>
                </select>
            </div>
        </div>
        <div class="tami-row tami-mb-3 tami-p-2">
            <label class="tami-col-sm-4 tami-col-form-label" for="form-ApiSettings-5">{{ lang_text_hash_value }}</label>
            <div class="tami-col-sm-8">
                <input
                        name="hash_value"
                        class="tami-form-control"
                        type="password"
                        autocomplete="off"
                        id="form-ApiSettings-5"
                        value=""
                />
            </div>
        </div>
        <div class="tami-row tami-mb-3 tami-p-2">
            <label class="tami-col-sm-4 tami-col-form-label" for="form-ApiSettings-3">{{ lang_text_secret_key }}</label>
            <div class="tami-col-sm-8">
                <input
                        name="secret_key"
                        class="tami-form-control"
                        type="password"
                        autocomplete="off"
                        id="form-ApiSettings-3"
                        value=""
                />
            </div>
        </div>
    </div>
</form>
<div class="tami-text-end">
    <button type="submit" form="tami-api-settings-form" class="tami-btn tami-btn-lg tami-btn-primary">
        <span style="display: none" class="tami--button-loader tami-spinner-border tami-spinner-border-sm"></span>
        {{ lang_text_save_changes }}
    </button>
</div>
