whmcsExistingDomains/templates/boxs.tpl

{if $existingdomains}
    <div class="field-row clearfix">
        <label class="radio-inline product-radio"><input type="radio" onclick="chooseDomainReg('existing_domain')" name="domainoption" value="incart" id="selexisting_domain"{if $domainoption eq "existing_domain"} checked{/if} />{$EDLANG.UseaDomainIhaveAlreadyPurchased}</label>
        <div class="row domain-option line-padded{if $domainoption neq "existing_domain"} hidden{/if}" id="domopt-existing_domain">
            <div class="col-sm-1 col-sm-offset-2 col-xs-3"><p class="form-control-static text-right">www.</p></div>
            <div class="col-sm-5 col-xs-6">
                <select id="existing_domainsld" name="incartdomain" class="form-control">
                    {foreach key=num item=existingdomain from=$existingdomains}
                        <option value="{$existingdomain}">{$existingdomain}</option>
                    {/foreach}
                </select> 
            </div>
        </div>
    </div>
    {if $WSEXISTING.subdomain}
        <div class="field-row clearfix">
            <label class="radio-inline product-radio"><input type="radio" onclick="chooseDomainReg('subexisting_domain')" name="domainoption" value="incart" id="selsubexisting_domain"{if $domainoption eq "subexisting_domain"} checked{/if} />{$EDLANG.UseaSubDomainIhaveAlreadyPurchased}</label>
            <div class="row domain-option line-padded{if $domainoption neq "subexisting_domain"} hidden{/if}" id="domopt-subexisting_domain">
                <div class="col-sm-1 col-sm-offset-2 col-xs-3"><p class="form-control-static text-right">www.</p></div>
                <div class="col-sm-8 col-xs-6">
                    <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="incartdomain" 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>
        </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('');
                }
            });
            $("#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('');
                }
            });
        });
    </script>
{/if}