whmcsExistingDomains/templates/default.tpl

{if $existingdomains}
    <div class="option">
        <label>
            <input type="radio" name="domainoption" value="existing_domain" id="selexisting_domain"{if $domainoption eq "existing_domain"} checked{/if} />{$EDLANG.UseaDomainIhaveAlreadyPurchased}
        </label>
        <div class="domain-input-group clearfix" id="domainexisting_domain">
            <div class="row">
                <div class="col-sm-9">
                    <div class="row domains-row">
                        <div class="col-xs-2 text-right">
                            <p class="form-control-static">www.</p>
                        </div>
                        <div class="col-xs-7">
                            <select id="existing_domainsld" name="existing_domaindomain" class="form-control">
                                {foreach key=num item=existingdomain from=$existingdomains}
                                    <option value="{$existingdomain}">{$existingdomain}</option>
                                {/foreach}
                            </select>                                           
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <button type="submit" id="b_existing_domain" class="btn btn-primary btn-block">
                        {$LANG.orderForm.use}
                    </button>
                </div>
            </div>
        </div>
    </div>
    {if $WSEXISTING.subdomain}
    <div class="option">
        <label>
            <input type="radio" name="domainoption" value="subexisting_domain" id="selsubexisting_domain"{if $domainoption eq "subexisting_domain"} checked{/if} />{$EDLANG.UseaSubDomainIhaveAlreadyPurchased}
        </label>
        <div class="domain-input-group clearfix" id="domainsubexisting_domain">
            <div class="row">
                <div class="col-sm-9">
                    <div class="row domains-row">
                        <div class="col-xs-2 text-right">
                            <input name="subdomainexisting_domaindomain" autocapitalize="none" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$EDLANG.UseaSubDomainTooltip}" id="subdomainexisting_domaindomains" class="form-control">
                        </div>
                        <div class="col-xs-1 text-right" style="padding-right: 0px;padding-left: 0px;width: 2%;">
                            <p class="form-control-static">.</p>
                        </div>                                          
                        <div class="col-xs-6">
                            <input name="subexisting_domaindomain" type="hidden" value="" id="subexisting_domaindomainid">
                            <select id="subexisting_domainsld" name="subexisting_domaindomain" class="form-control">
                                {foreach key=num item=existingdomain from=$existingdomains}
                                    <option data-oldv="{$existingdomain}" value="{$existingdomain}">{$existingdomain}</option>
                                {/foreach}
                            </select>                                           
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <button type="submit" id="b_subexisting_domain" class="btn btn-primary btn-block">
                        {$LANG.orderForm.use}
                    </button>
                </div>
            </div>
        </div>
    </div>
    {/if}
    <script>
        $(document).ready(function () {
            $("#subdomainexisting_domaindomains").on("keyup", function () {
                if ($("#subdomainexisting_domaindomains").val() !== '') {
                    $('#subdomainexisting_domaindomains').tooltip('hide');
                    var oldvv = $("#subexisting_domainsld").find("option:selected").data("oldv");
                    $("#subexisting_domaindomainid").val($("#subdomainexisting_domaindomains").val() + '.' + oldvv);
                } else {
                    $("#subexisting_domaindomainid").val('');
                }
            });
            {if $WSEXISTING.subdomain}
            $("#subexisting_domainsld").on("change", function () {
                if ($("#subdomainexisting_domaindomains").val() !== '') {
                    var oldvv = $("#subexisting_domainsld").find("option:selected").data("oldv");
                    $("#subexisting_domaindomainid").val($("#subdomainexisting_domaindomains").val() + '.' + oldvv);
                } else {
                    $("#subexisting_domaindomainid").val('');
                }
            });
            {/if}
        });
    </script>
{/if}