<div id="FuelConfigFnavDiv">
    <div id="content" class="config-content">
    </div>
    @*<div class="config-right-navigation">
        <div class="config-topright-tab" id="ProductConfigDiv">{{$t('ProductConfig')}}</div>
        <div class="config-topright-settingselect">{{$t('Config')}}:</div>
        <rnav class="config-topright-rnav config-topright-rnav-image" onclick="Onclick(this.id)" id="PriceChangeRnav">{{$t('PriceChange')}}</rnav>
        <rnav class="config-topright-rnav" onclick="Onclick(this.id)" id="FuelChangeRnav">{{$t('ProductChange')}}</rnav>
    </div>*@
</div>

<script type="text/javascript">
    var vm = new Vue({
        el: '#FuelConfigFnavDiv',
        i18n
    })

    if ('en-US' === i18n.locale) {
        $('#ProductConfigDiv')[0].style.fontSize = '1.4rem'
    }
    OnChangeLanguage(i18n.locale, $('rnav'));
    function Onclick(currentId) {
        if ('en-US' === i18n.locale) {
            $('#ProductConfigDiv')[0].style.fontSize = '1.4rem'
        }
        return RenderContent(currentId, $('rnav'));
    }
</script>

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}