<div id="server-configuration-wrapper" <%=(App.rtl ? 'style="direction:rtl"' : '' ) %>>
    <div class="row">
        <div class="col s12">
            <div style="padding: 10px 10px 0 10px;" class="ap-card-content white z-depth-1"
                id="server-configuration-form">
                <div id="server-configuration-form-content">
                    <div class="row">
                        <div class="s12 m3 xl2">
                            <ul class="tabButtons">
                                <li id="serverDetails" class="tab col"><a style="width: 160px;"
                                        class="active waves-effect waves-light btn">{Literal}Server
                                        Details{/Literal}</a>
                                </li>
                                <li id="mainSettings" class="tab col"><a style="width: 160px;"
                                        class="waves-effect waves-teal teal lighten-5 center btn-flat">{Literal}Main
                                        Settings{/Literal}</a>
                                </li>
                                <li id="options" class="tab col"><a style="width: 160px;"
                                        class="waves-effect waves-teal teal lighten-5 center btn-flat">{Literal}Server
                                        Options{/Literal}</a></li>
                                <li id="printers" class="tab col"><a style="width: 160px;"
                                        class="waves-effect waves-teal teal lighten-5 center btn-flat">{Literal}Printers{/Literal}</a>
                                </li>
                                <li id="outputs" class="tab col"><a style="width: 160px;"
                                        class="waves-effect waves-teal teal lighten-5 center btn-flat">{Literal}Outputs{/Literal}</a>
                                </li>
                                <li id="cardHandler" class="tab col"><a style="width: 160px;"
                                        class="waves-effect waves-teal teal lighten-5 center btn-flat">{Literal}Card
                                        Handler{/Literal}</a></li>
                                <li id="onlineOrdersHandler" class="tab col"><a style="width: 160px;"
                                        class="waves-effect waves-teal teal lighten-5 center btn-flat">{Literal}Online Orders Handler{/Literal}</a>
                                </li>
                                <li id="accuShift" class="tab col"><a style="width: 160px;"
                                        class="waves-effect waves-teal teal lighten-5 center btn-flat">{Literal}AccuShift{/Literal}</a>
                                </li>
                                <li id="accounting" class="tab col"><a style="width: 160px;"
                                        class="waves-effect waves-teal teal lighten-5 center btn-flat">{Literal}Accounting{/Literal}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modules" class="ap-card-content white z-depth-1" style="padding: 10px 10px 1px 10px;">
        <div class="row">
            <button class="btn waves-effect waves-light hide" id="restartServerBtn" name="action">Restart Required
              </button>
        </div>
        <div id="serverDetails-container" class="tab-content" style="direction: ltr;">
            <div class="row">
                <div class="col s9">
                    <h8>{Literal}Server Messages{/Literal}</h8>
                    <textarea id="serverLog" disabled style="height: 490px; padding: 10px">
                    </textarea>
                </div>
                <div class="col s3">
                    <h8>{Literal}Server Info{/Literal}</h8>
                    <div id="serverInfo" class="center" style="height: 490px; border: 1px solid #80808063;">

                    </div>
                </div>
            </div>
        </div>
        <div id="mainSettings-container" class="tab-content row hide">
            <button class="accordion">{Literal}Main Server Settings{/Literal}</button>
            <form data-onopen="onMainServerSettingsOpen" data-onclose="setTipsTenderCode" id="Settings" class="col m5 s12 accordion-panel" style="padding: 10px">
                <input hidden="hidden" data-name="isActive" checked="true" type="checkbox">
                <div class="row">
                    <div class="input-field col s3">
                        <select data-name="Country">
                            <option value="US">US</option>
                            <option value="CA">CA</option>
                            <option value="FR">FR</option>
                            <option value="IL">IL</option>
                            <option value="UK">UK</option>
                        </select>
                        <label>{Literal}Country Code{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                        <input placeholder="" data-name="Port" id="settingsPort" type="number" class="validate">
                        <label for="settingsPort">{Literal}Socket Port Number{/Literal}</label>
                    </div>
                </div>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Tips Tender Code{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}Cash{/Literal}
                                <input id="useTipsTenderCode" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Other{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="input-field col s5">
                        <select id="TipsGLAccount">
                        </select>
                        <label for="TipsGLAccount">{Literal}Tips GL Account{/Literal}</label>
                    </div>
                    <input  type="hidden" data-name="TipsTenderCode" id="TipsTenderCode">

                </div>

                <% if(App.serverInfo.country == 'IL') {%>
                <div class="row">
                    <label style="font-weight: 600;">{Literal}Movein Hashavshevet Settings{/Literal}</label><br>
                    <div class="input-field col s4">
                        <input placeholder="" data-name="HashavshevetVatGlAccount" id="HashavshevetVatGlAccount" type="text" class="validate" />
                        <label for="HashavshevetVatGlAccount">{Literal}Vat GL Account{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                        <input placeholder="" data-name="HashavshevetCashCustomerAccount" id="HashavshevetCashCustomerAccount" type="text" class="validate" />
                        <label for="HashavshevetCashCustomerAccount">{Literal}Cash Customer Account{/Literal}</label>
                    </div>

                    <label>{Literal}Summarize Cash Sales{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="HashavshevetSummerizeCashSales" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
                <%}%>
                <div>
                    <label>{Literal}Log Debug Messages{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="DebugLog" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                    <!-- <label>{Literal}Has Secure Login{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div> -->

                    <label>{Literal}Auto Download/Install Version Updates{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="AutoUpdates" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                    <label>{Literal}Remove FoodService Values from Receipts/Reports{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="RemoveFoodService" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                    <label>{Literal}Print Reports Right to Left{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="PrintReportsRTL" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                    <label>{Literal}Auto Create Menu Buttons{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="AutoCreateMenuButtons" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                    <label>{Literal}Print Flex Group Line Items with Price equal Zero {/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="PrintZeroFlexGroupItems" type="checkbox" checked>
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                    <label>{Literal}Auto Generate SKU{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="AutoGenerateSKU" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="input-field col s6">
                        <input placeholder="" id="PLUPath" data-name="PLUPath" type="text" class="validate">
                        <label for="PLUPath">{Literal}PLU Path{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                        <input placeholder="" id="" data-name="PLUAddress" type="text" class="validate">
                        <label for="PLUAddress">{Literal}PLU Host Address{/Literal}</label>
                    </div>
                    <div class="input-field col s2">
                        <input placeholder="" id="" data-name="PLUPort" type="text" class="validate">
                        <label for="PLUPort">{Literal}Port{/Literal}</label>
                    </div>
                </div>
            </form>
            <% var hideClass = App.serverInfo.isMobileServer ? 'hide' : ''%>
            <button class="accordion <%=hideClass%>">{Literal}Database Settings{/Literal}</button>
            <form id="AccuServerDataAccess.POSDataAccess" class=" accordion-panel <%=hideClass%>" style="padding: 10px;">
                <input hidden="hidden" data-name="isActive" checked="true" type="checkbox">
                <div class="input-field col s4">
                    <select id="posDataAccessDbDriver" data-name="dbDriver">
                        <option value="JadoZoom">Microsoft Access</option>
                        <option value="SQLExpress">Microsoft SQL Server</option>
                    </select>
                    <label>{Literal}Database Driver{/Literal}</label>
                </div>
                <section class="row" id="JadoZoom">
                    <div class="input-field col s4">
                        <input placeholder="" id="posDataAccessPath" data-name="path" type="text" class="validate JadoZoom">
                        <label for="posDataAccessPath">{Literal}Database Path and File Name{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                        <input placeholder="" id="posDataAccessMsAccessPath" data-name="MsAccessPath" type="text" class="validate ">
                        <label for="posDataAccessMsAccessPath">{Literal}MsAccess.exe Folder{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                        <input placeholder="" id="posDataAccessbackupPath" data-name="backupPath" type="text" class="validate JadoZoom">
                        <label for="posDataAccessbackupPath">{Literal}Database Backup Folder{/Literal}</label>
                    </div>
                </section>
                <section class="row" id="SQLExpress">
                    <div class="input-field col s3">
                        <input placeholder="" id="posDataAccessSqlHost" data-name="Host" type="text" class="validate SQLExpress">
                        <label for="posDataAccessSqlHost">{Literal}Host Address{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input placeholder="" id="posDataAccessSqlDbName" data-name="DatabaseName" type="text" class="validate SQLExpress">
                        <label for="posDataAccessSqlDbName">{Literal}Database Name{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input placeholder="" id="posDataAccessSqlUser" data-name="User" type="text" class="validate SQLExpress">
                        <label for="posDataAccessSqlUser">{Literal}Database User Name{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input placeholder="" id="posDataAccessSqlPassword" data-name="Password" type="text" class="validate SQLExpress">
                        <label for="posDataAccessSqlPassword">{Literal}Database User Password{/Literal}</label>
                    </div>
                </section>
                <div class="row">
                    <label>{Literal}Verify Order with Saved Order{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input id="VerifyOrders" data-name="VerifyOrders" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                    <label>{Literal}Clear Customers on Closed Sales{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input id="ClearCustomers" data-name="ClearCustomersOnClosedSales" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
            </form>
            <% var hideClassMobile = App.serverInfo.isMobileServer ? '' : 'hide'%>
            <button class="accordion <%=hideClassMobile%>">{Literal}Database Settings{/Literal}</button>
            <form id="AccuServerData.POSDataSQLite" class=" accordion-panel <%=hideClassMobile%>" style="padding: 10px;">
                <input hidden="hidden" data-name="isActive" checked="true" type="checkbox">
                <div class="row">
                    <div class="input-field col s4">
                        <input placeholder="" id="posDataAccessbackupPath" data-name="backupPath" type="text" class="validate JadoZoom">
                        <label for="posDataAccessbackupPath">{Literal}Database Backup Folder{/Literal}</label>
                    </div>
                </div>
                <div class="row">
                    <label>{Literal}Clear Customers on Closed Sales{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input id="ClearCustomers" data-name="ClearCustomersOnClosedSales" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Tax Calculator Settings{/Literal}</button>
            <form id="AccuServerTaxCalculator" class="accordion-panel" style="height: 400px;">
                <input hidden="hidden" data-name="isActive" checked="true" type="checkbox">
                <div class="input-field col s4">
                    <select id="taxCalculatorType" data-name="moduleName">
                        <option value="AccuServerTaxCalculator.AccuServerTaxCalculator">Standard Taxes</option>
                        <option value="AccuServerTaxCalculator.AccuServerTaxCalculatorWithAlternates">Taxes With Alternates</option>
                        <option value="AccuServerTaxCalculator.AccuServerTaxCalculatorWithMaximum">Taxes With Maximum</option>
                        <option value="AccuServerTaxCalculator.AccuServerTaxCalculatorOntario">Taxes for Ontario</option>
                        <option value="AccuServerTaxCalculator.AccuServerTaxCalculatorWithVat2">Taxes With VAT1/VAT2</option>
                        <option value="AccuServerTaxCalculator.AccuServerTaxCalculatorWithVatIncluded">Taxes With VAT Included</option>
                    </select>
                    <label>{Literal}Tax Calculator Type{/Literal}</label>
                </div>
                <div id="taxCalculatorTypeOptions">
                    <section class="col s3 AccuServerTaxCalculator AccuServerTaxCalculatorWithAlternates AccuServerTaxCalculatorWithMaximum">
                        <label>{Literal}Carry Out Not Taxable{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input id="CarryOutNotTaxable" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </section>
                    <section class="input-field col s3 AccuServerTaxCalculatorOntario AccuServerTaxCalculatorWithVat2 AccuServerTaxCalculatorWithVatIncluded">
                        <select data-name="CarryOutTaxCode" id="CarryOutTaxCode">
                            <option value=""></option>
                        </select>
                        <label>{Literal}Carry Out Tax Code{/Literal}</label>
                    </section>
                    <section class="input-field col s2 AccuServerTaxCalculatorWithMaximum">
                        <input placeholder="" data-name="ThreshholdAmount" id="MaxTaxableAmount" step=0.01 type="number" class="validate">
                        <label for="MaxTaxableAmount">{Literal}Maximum Taxable Amount{/Literal}</label>
                    </section>
                </div>
            </form>
        </div>
        <div id="options-container" class="tab-content hide">
            <button class="accordion">{Literal}AccuPOS Cloud Sync Options{/Literal}</button>
            <% var dataAccess = App.serverInfo.isMobileServer ? "AccuServerData.CloudDataAccessViaProxy" : "AccuServerDataAccess.CloudDataAccessViaProxy" %>
            <form id="<%= dataAccess %>" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="col s5">
                    <label>{Literal}Use One Connection{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="OneConnection" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Ad2POS Service Options{/Literal}</button>
            <form id="DataHandlers.Ad2POSWebServiceClient" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="input-field col s2">
                        <input placeholder="" data-name="MerchantId" id="Ad2MerchantId" type="text" class="validate">
                        <label for="Ad2MerchantId">{Literal}Merchant ID{/Literal}</label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Como Loyalty Handler Options{/Literal}</button>
            <form id="CustomerHandlers.ComoLoyaltyHandler" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="input-field col s2">
                        <input placeholder="" data-name="MerchantId" id="comoMerchantId" type="text" class="validate">
                        <label for="comoMerchantId">{Literal}Merchant ID{/Literal}</label>
                    </div>
                    <div class="input-field col s2">
                        <input placeholder="" data-name="Location" id="comoLocation" type="text" class="validate">
                        <label for="comoLocation">{Literal}Location{/Literal}</label>
                    </div>
                </div>
                <div class="col s3">
                    <label>{Literal}Use{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}Credits{/Literal}
                            <input data-name="UsePoints" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Points{/Literal}
                        </label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Loyalty Handler Options{/Literal}</button>
            <form id="CustomerHandlers.LoyaltyHandler" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="input-field col s2">
                        <input placeholder="" data-name="MerchantId" id="LoyaltyMerchantID" type="text" class="validate">
                        <label for="LoyaltyMerchantID">{Literal}Merchant ID{/Literal}</label>
                    </div>
                    <div class="input-field col s2">
                        <input placeholder="" data-name="Location" id="LoyaltyLocation" type="text" class="validate">
                        <label for="LoyaltyLocation">{Literal}Location{/Literal}</label>
                    </div>
                    <div class="input-field col s2">
                        <input placeholder="" data-name="CompReason" id="LoyaltyCompReason" type="text" class="validate">
                        <label for="LoyaltyCompReason">{Literal}Comp Reason{/Literal}</label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Regional Server(s) Options{/Literal}</button>
            <form id="DataHandlers.AccuServerRegionalSyncHandler" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="row">
                        <div class="input-field col s2">
                            <input placeholder="" data-name="SyncInterval" id="RegionalSyncInterval" type="text" class="validate">
                            <label for="RegionalSyncInterval">{Literal}Comp Reason{/Literal}</label>
                        </div>
                        <div class="col s2">
                            <label>{Literal}Secure (https){/Literal}</label>
                            <div class="switch">
                                <label>
                                    {Literal}No{/Literal}
                                    <input data-name="Secure" type="checkbox">
                                    <span class="lever"></span>
                                    {Literal}Yes{/Literal}
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Net Report Server Options{/Literal}</button>
            <form id="DataHandlers.NetReportServer" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="input-field col s2">
                        <input placeholder="" data-name="CompanyId" id="netReportCompany" type="text" class="validate">
                        <label for="netReportCompany">{Literal}Merchant ID{/Literal}</label>
                    </div>
                    <div class="input-field col s2">
                        <input placeholder="" data-name="StationId" id="netReportStationId" type="text" class="validate">
                        <label for="netReportStationId">{Literal}Location{/Literal}</label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Web Server Management Options{/Literal}</button>
            <form id="AccuServerWebServers.AccuServerWebServerNew" class="col s8 accordion-panel" style="height:500px;padding: 10px">
                <input data-name="isActive" value="true" type="hidden">
                <div class="row">
                    <div class="input-field col s2">
                        <input placeholder="" data-name="Port" id="webServerPort" type="text" class="validate">
                        <label for="webServerPort">{Literal}URL Port Number{/Literal}</label>
                    </div>
                    <div class="input-field col s2">
                        <input placeholder="" data-name="SessionTimeout" id="webServerTimeout" type="text" class="validate">
                        <label for="webServerTimeout">{Literal}Session timeout (min){/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <select data-name="DateFormat" id="webServerDateFormat">
                            <option value="MMM dd, yyyy">MMM dd, yyyy</option>
                            <option value="dd-MM-yyyy">dd-MM-yyyy</option>
                            <option value="dd/MM/yyyy" selected="">dd/MM/yyyy</option>
                            <option value="MM-dd-yyyy">MM-dd-yyyy</option>
                            <option value="MM/dd/yyyy">MM/dd/yyyy</option>
                            <option value="yyyy-MM-dd">yyyy-MM-dd</option>
                            <option value="yyyy/MM/dd">yyyy/MM/dd</option>
                        </select>
                        <label>{Literal}Date Format{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <select data-name="DateTimeFormat" id="webServerDateTimeFormat">
                            <option value="MMM dd, yyyy HH:mm">MMM dd, yyyy HH:mm</option>
                            <option value="dd/MM/yyyy HH:mm" selected="">dd/MM/yyyy HH:mm</option>
                            <option value="MM/dd/yyyy HH:mm">MM/dd/yyyy HH:mm</option>
                            <option value="yyyy/MM/dd HH:mm">yyyy/MM/dd HH:mm</option>
                        </select>
                        <label>{Literal}Date/Time Format{/Literal}</label>
                    </div>
                    <div class="col s3">
                        <label>{Literal}Secure{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="Secure" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s3">
                        <label>{Literal}Time Format in Decimals{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="TimeFormatDecimal" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s3">
                        <label>{Literal}Show Graphs on Reports{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input  type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>                   
                </div>
            </form>
        </div>
        <div id="printers-container" class="tab-content hide">
            <div class="row" id="Outputs.ClientOrderPrinter">
                <!-- <h5>{Literal}Receipt Printer Options{/Literal}</h5> -->
                <div class="row">
                    <a id="addNewPrinter" class="waves-effect waves-light btn col s2">Add New Printer</a>
                </div>
                <table id="printers-table" class="col s9 highlight">
                    <thead>
                        <th>Printer Type</th><th>POS Printer Name</th><th>Printer Name</th>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
        <div id="outputs-container" class="tab-content row hide">
            <button class="accordion">{Literal}Integrated Remote Display/Printer Options{/Literal}</button>
            <form id="Outputs.RemoteDisplayHandler" class="col s8 accordion-panel" style="padding: 10px">
           
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
            </form>
            <button class="accordion">{Literal}Remote Display/Printer Options{/Literal}</button>
            <form id="Outputs.RemoteDisplay" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="input-field col s5">
                    <input placeholder="default = Local" data-name="Host" id="remotePrinterHost" type="text" class="validate">
                    <label for="remotePrinterHost">{Literal}Remote Host Name{/Literal}</label>
                </div>
                <div class="col s3">
                    <label>{Literal}Show Remote Display/Printer Window{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="Show" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Email Receipt Options{/Literal}</button>
            <form id="Outputs.EmailReceipt" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="input-field col s5">
                    <input placeholder="" data-name="EmailSubject" id="EmailReceiptSubject" type="text" class="validate">
                    <label for="EmailReceiptSubject">{Literal}Email Receipt Subject Line{/Literal}</label>
                </div>
                <div class="col s3">
                    <label>{Literal}Email Signature{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="EmailSignature" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
                <div class="col s3">
                    <label>{Literal}Show Powered By AccuPOS{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input data-name="PoweredByAccuPOS" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Email Exception Options{/Literal}</button>
            <form id="Outputs.EmailException" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="col s5">
                    <label>{Literal}Email Address(es) for Exception Notices{/Literal}</label>
                    <div class="input-field">
                        <input placeholder="" id="exceptionEmail1" type="email" class="validate">
                        <label for="exceptionEmail1">{Literal}Address 1{/Literal}</label>
                    </div>
                    <div class="input-field">
                        <input placeholder="" id="exceptionEmail2" type="email" class="validate">
                        <label for="exceptionEmail2">{Literal}Address 2{/Literal}</label>
                    </div>
                    <div class="input-field">
                        <input placeholder="" id="exceptionEmail3" type="email" class="validate">
                        <label for="exceptionEmail3">{Literal}Address 3{/Literal}</label>
                    </div>
                    <div class="input-field">
                        <input placeholder="" id="exceptionEmail4" type="email" class="validate">
                        <label for="exceptionEmail4">{Literal}Address 4{/Literal}</label>
                    </div>
                    <div class="input-field">
                        <input placeholder="" id="exceptionEmail5" type="email" class="validate">
                        <label for="exceptionEmail5">{Literal}Address 5{/Literal}</label>
                    </div>
                </div>
            </form>
        </div>
        <div id="cardHandler-container" class="tab-content row hide">
            <button class="accordion">{Literal}Card Handler Options{/Literal}</button>
            <form id="CardHandlers.CardHandler" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
              
            </form>
            <button class="accordion">{Literal}Gift Card Handler{/Literal}</button>
            <form id="CardHandlers.GiftCardHandler" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
            </form>
            <button class="accordion">{Literal}Card Post Auth Handler{/Literal}</button>
            <form id="CardHandlers.CardPostAuthProcessor" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="col s5">
                    <label>{Literal}Post Auth Email Address(es) for Failure Notices{/Literal}</label>
                    <div class="input-field">
                        <input placeholder="" data-name="Email1" id="postAuthEmailAddress1" type="email" class="validate">
                        <label for="postAuthEmailAddress1">{Literal}Address 1{/Literal}</label>
                    </div>
                    <div class="input-field">
                        <input placeholder="" data-name="Email2" id="postAuthEmailAddress2" type="email" class="validate">
                        <label for="postAuthEmailAddress2">{Literal}Address 2{/Literal}</label>
                    </div>
                    <div class="input-field">
                        <input placeholder="" data-name="Email3" id="postAuthEmailAddress3" type="email" class="validate">
                        <label for="postAuthEmailAddress3">{Literal}Address 3{/Literal}</label>
                    </div>
                    <div class="input-field">
                        <input placeholder="" data-name="Email4" id="postAuthEmailAddress4" type="email" class="validate">
                        <label for="postAuthEmailAddress4">{Literal}Address 4{/Literal}</label>
                    </div>
                    <div class="input-field">
                        <input placeholder="" data-name="Email5" id="postAuthEmailAddress5" type="email" class="validate">
                        <label for="postAuthEmailAddress5">{Literal}Address 5{/Literal}</label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Cibus Card Handler Options{/Literal}</button>
            <form id="CardHandlers.CibusCardHandler" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="input-field col s3">
                    <input placeholder="" id="RestaurantId" data-name="RestaurantId" type="text" class="validate">
                    <label for="RestaurantId">{Literal}Restaurant Id{/Literal}</label>
                </div>
                <div class="input-field col s3">
                    <input placeholder="" id="DeviceId" type="text" class="validate">
                    <label for="DeviceId">{Literal}Device Id{/Literal}</label>
                </div>
                <div class="col s3">
                    <label>{Literal}Log Debug Messages{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input id="DebugLog" type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Tenbis Card Handler Options{/Literal}</button>
            <form id="CardHandlers.TenbisCardHandler" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="input-field col s3">
                    <input placeholder="" data-name="UserName" id="tenbisCardUser" type="text" class="validate">
                    <label for="tenbisCardUser">{Literal}User Name{/Literal}</label>
                </div>
                <div class="input-field col s3">
                    <input placeholder="" data-name="UserPassword" id="tenbisCardPassword" type="text" class="validate">
                    <label for="tenbisCardPassword">{Literal}Password{/Literal}</label>
                </div>
                <div class="input-field col s3">
                    <input placeholder="" data-name="ResId" id="tenbisCardResId" type="text" class="validate">
                    <label for="tenbisCardResId">{Literal}Restaurant Id{/Literal}</label>
                </div>
                <div class="input-field col s3">
                    <input placeholder="" data-name="Vendor" id="tenbisCardVendor" type="text" class="validate">
                    <label for="tenbisCardVendor">{Literal}Vendor{/Literal}</label>
                </div>
                <div class="col s3">
                    <label>{Literal}Log Debug Messages{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}EConduit Card Handler Options{/Literal}</button>
            <form id="CardHandlers.EConduitCardHandler" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <div class="col s3">
                    <label>{Literal}Log Debug Messages{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}TriPOS Card Handler Options{/Literal}</button>
            <form id="CardHandlers.TriPOSCardHandler" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <div class="col s3">
                    <label>{Literal}Log Debug Messages{/Literal}</label>
                    <div class="switch">
                        <label>
                            {Literal}No{/Literal}
                            <input type="checkbox">
                            <span class="lever"></span>
                            {Literal}Yes{/Literal}
                        </label>
                    </div>
                </div>
            </form>
        </div>
        <div id="onlineOrdersHandler-container" class="tab-content hide">
            <div class="row">
                <button class="accordion">{Literal}Mishloha{/Literal}</button>
                <form id="DataHandlers.MishlohaDataHandler" class="col s8 accordion-panel" style="padding: 10px">
                    <div class="switch">
                        <label>{Literal}Active{/Literal}</label>
                        <label>
                            <input data-name="isActive" type="checkbox">
                            <span class="lever"></span>
                        </label>
                    </div>
                    <div class="input-field col s5">
                        <input id="mishlohaMerchantId" data-name="MerchantId" placeholder="" type="text" class="validate">
                        <label for="mishlohaMerchantId">{Literal}Merchant Id{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="mishlohaTimeOut" data-name="TimeOut" placeholder="" type="number" class="validate">
                        <label for="mishlohaTimeOut">{Literal}Time Out{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="mishlohaRetryMinutes" data-name="RetryMinutes" placeholder="" type="number" class="validate">
                        <label for="mishlohaRetryMinutes">{Literal}Retry Minutes{/Literal}</label>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Debug Messages{/Literal}</label>
                        <div class="switch">
                            <label>
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                            </label>
                        </div>
                    </div>
                </form>
                <button class="accordion">{Literal}TenBis{/Literal}</button>
                <form id="DataHandlers.TenBisDataHandler" class="col s8 accordion-panel" style="padding: 10px">
                    <div class="switch">
                        <label>{Literal}Active{/Literal}</label>
                        <label>
                            <input data-name="isActive" type="checkbox">
                            <span class="lever"></span>
                        </label>
                    </div>
                    <div class="input-field col s5">
                        <input id="tenbisMerchantId" data-name="MerchantId" placeholder="" type="text" class="validate">
                        <label for="tenbisMerchantId">{Literal}Merchant Id{/Literal}</label>
                    </div>
                    <div class="input-field col s5">
                        <input id="tenbisUser" data-name="User" placeholder="" type="text" class="validate">
                        <label for="tenbisUser">{Literal}Merchant Id{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="tenbisPassword" data-name="Password" placeholder="" type="text" class="validate">
                        <label for="tenbisPassword">{Literal}Password{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="tenbisTimeout" data-name="TimeOut" placeholder="" type="number" class="validate">
                        <label for="tenbisTimeout">{Literal}Time Out{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="tenbisRetryMinutes" data-name="RetryMinutes" placeholder="" type="number" class="validate">
                        <label for="tenbisRetryMinutes">{Literal}Retry Minutes{/Literal}</label>
                    </div>
                    <div class="col s3">
                        <label>{Literal}Auto Accept Orders{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="AutoAcceptOrders" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Debug Messages{/Literal}</label>
                        <div class="switch">
                            <label>
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                            </label>
                        </div>
                    </div>
                </form>
                <button class="accordion">{Literal}Cibus{/Literal}</button>
                <form id="DataHandlers.CibusDataHandler" class="col s8 accordion-panel" style="padding: 10px">
                    <div class="switch">
                        <label>{Literal}Active{/Literal}</label>
                        <label>
                            <input data-name="isActive" type="checkbox">
                            <span class="lever"></span>
                        </label>
                    </div>
                    <div class="input-field col s5">
                        <input id="cibusUser" data-name="User" placeholder="" type="text" class="validate">
                        <label for="cibusUser">{Literal}Merchant Id{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="cibusPassword" data-name="Password" placeholder="" type="text" class="validate">
                        <label for="cibusPassword">{Literal}Password{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="cibusTimeout" data-name="TimeOut" placeholder="" type="number" class="validate">
                        <label for="cibusTimeout">{Literal}Time Out{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="cibusRetryMinutes" data-name="RetryMinutes" placeholder="" type="number" class="validate">
                        <label for="cibusRetryMinutes">{Literal}Retry Minutes{/Literal}</label>
                    </div>
                    <div class="col s3">
                        <label>{Literal}Print Restaurant Name{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="PrintRestName" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Debug Messages{/Literal}</label>
                        <div class="switch">
                            <label>
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                            </label>
                        </div>
                    </div>
                </form>
                <button class="accordion">{Literal}Wolt{/Literal}</button>
                <form id="DataHandlers.WoltDataHandler" class="col s8 accordion-panel" style="padding: 10px">
                    <div class="switch">
                        <label>{Literal}Active{/Literal}</label>
                        <label>
                            <input data-name="isActive" type="checkbox">
                            <span class="lever"></span>
                        </label>
                    </div>
                    <div class="input-field col s5">
                        <input id="woltToken" data-name="Token" placeholder="" type="text" class="validate">
                        <label for="woltToken">{Literal}Merchant Id{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="woltTimeout" data-name="TimeOut" placeholder="" type="number" class="validate">
                        <label for="woltTimeout">{Literal}Time Out{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="woltRetryMinutes" data-name="RetryMinutes" placeholder="" type="number" class="validate">
                        <label for="woltRetryMinutes">{Literal}Retry Minutes{/Literal}</label>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Use Old API{/Literal}</label>
                        <div class="switch">
                            <label>
                                <label>{Literal}No{/Literal}</label>
                                <input data-name="UseOldApi" type="checkbox">
                                <span class="lever"></span>
                                <label>{Literal}Yes{/Literal}</label>

                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Debug Messages{/Literal}</label>
                        <div class="switch">
                            <label>
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                            </label>
                        </div>
                    </div>
                </form>
                <button class="accordion">{Literal}Bite{/Literal}</button>
                <form id="DataHandlers.BiteDataHandler" class="col s8 accordion-panel" style="padding: 10px">
                    <div class="switch">
                        <label>{Literal}Active{/Literal}</label>
                        <label>
                            <input data-name="isActive" type="checkbox">
                            <span class="lever"></span>
                        </label>
                    </div>
                    <div class="input-field col s5">
                        <input id="PosId" data-name="PosId" placeholder="" type="text" class="validate">
                        <label for="PosId">{Literal}Pos Id{/Literal}</label>
                    </div>
                    <div class="input-field col s5">
                        <input id="RestId" data-name="RestId" placeholder="" type="text" class="validate">
                        <label for="RestId">{Literal}Rest Id{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="biteTimeout" data-name="TimeOut" placeholder="" type="number" class="validate">
                        <label for="biteTimeout">{Literal}Time Out{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="biteRetryMinutes" data-name="RetryMinutes" placeholder="" type="number" class="validate">
                        <label for="biteRetryMinutes">{Literal}Retry Minutes{/Literal}</label>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Debug Messages{/Literal}</label>
                        <div class="switch">
                            <label>
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                            </label>
                        </div>
                    </div>
                </form>
                <button class="accordion">{Literal}ClickEat{/Literal}</button>
                <form id="DataHandlers.ClickEatDataHandler" class="col s8 accordion-panel" style="padding: 10px">
                    <div class="switch">
                        <label>{Literal}Active{/Literal}</label>
                        <label>
                            <input data-name="isActive" type="checkbox">
                            <span class="lever"></span>
                        </label>
                    </div>
                    <!-- <div class="input-field col s5">
                        <input id="PosId" data-name="PosId" placeholder="" type="text" class="validate">
                        <label for="PosId">{Literal}Pos Id{/Literal}</label>
                    </div> -->
                    <div class="input-field col s5">
                        <input id="RestId" data-name="RestId" placeholder="" type="text" class="validate">
                        <label for="RestId">{Literal}Rest Id{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="biteTimeout" data-name="TimeOut" placeholder="" type="number" class="validate">
                        <label for="biteTimeout">{Literal}Time Out{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input id="biteRetryMinutes" data-name="RetryMinutes" placeholder="" type="number" class="validate">
                        <label for="biteRetryMinutes">{Literal}Retry Minutes{/Literal}</label>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Debug Messages{/Literal}</label>
                        <div class="switch">
                            <label>
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                            </label>
                        </div>
                    </div>
                </form>
                <button class="accordion">{Literal}WooCommerce{/Literal}</button>
                <form id="DataHandlers.WooCommerceDataHandler" class="col s8 accordion-panel" style="padding: 10px">
                    <div class="switch">
                        <label>{Literal}Active{/Literal}</label>
                        <label>
                            <input data-name="isActive" type="checkbox">
                            <span class="lever"></span>
                        </label>
                    </div>
                    <div class="row">

                        <div class="input-field col s5">
                            <input id="SiteUrl" data-name="SiteUrl" placeholder="" type="text" class="validate">
                            <label for="SiteUrl">{Literal}Website URL{/Literal}</label>
                        </div>
                        <!-- <div class="input-field col s4">
                            <button id="wooCommerceApiAccess" class="btn">{Literal}Get API Access{/Literal}</button>
                        </div> -->
                    </div>
                    <div class="input-field col s5">
                        <input id="ApiKey" data-name="ApiKey" placeholder="" type="text" class="validate">
                        <label for="ApiKey">{Literal}API Key{/Literal}</label>
                    </div>
                    
                    <div class="input-field col s5">
                        <input id="ApiSecret" data-name="ApiSecret" placeholder="" type="text" class="validate">
                        <label for="ApiSecret">{Literal}API Secret{/Literal}</label>
                    </div>
                    
                    <div class="input-field col s3">
                        <input id="WooRetryMinutes" data-name="WooRetryMinutes" placeholder="" type="number" class="validate">
                        <label for="WooRetryMinutes">{Literal}Retry Minutes{/Literal}</label>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Debug Messages{/Literal}</label>
                        <div class="switch">
                            <label>
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                            </label>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div id="accuShift-container" class="tab-content hide row">
            <button class="accordion">{Literal}AccuShift{/Literal}</button>
            <form id="AccuShiftDataAccess.AccuShiftDataAccessNG" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                        <label>{Literal}Active{/Literal}</label>
                        <label>
                            <input data-name="isActive" type="checkbox">
                            <span class="lever"></span>
                        </label>
                </div>
                <br>
                <div class="input-field col s3 hide">
                    <select data-name="dbDriver">
                        <option value="JadoZoom" selected="">Microsoft Access</option>
                        <option value="SQLExpress">Microsoft SQL Server</option>
                    </select>
                    <label>{literal}Database Driver{/Literal}</label>
                </div>
                <div class="input-field col s3 hide">
                    <input placeholder="" data-name="path" value="C:\AccuServer\AccuPos.mdb"  type="text" class="">
                    <label for="path">{Literal}Database Path and File Name{/Literal}</label>
                </div>
            </form>
            <button class="accordion">{Literal}TimeClock Printer{/Literal}</button>
            <form id="Outputs.TimeClockPrinter" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="input-field col s5">
                        <input placeholder="" data-name="Name" id="timeClockPosPrinterName" type="text" class="validate">
                        <label for="timeClockPosPrinterName">{Literal}Printer Name (POS name){/Literal}</label>
                    </div>
                    <div class="input-field col s5">
                        <input placeholder="" data-name="Printer" id="timeClockPrinterName" type="text" class="validate">
                        <label for="timeClockPrinterName">{Literal}Printer Name{/Literal}</label>
                    </div>
                    <div class="input-field col s5">
                        <select data-name="POSType" id="timeClockPosType">
                            <option value="PC">PC</option>
                            <option value="Mobile">Mobile</option>
                            <option value="Server">Server</option>
                        </select>
                        <label>{Literal}POS Type{/Literal}</label>
                    </div>
                    <div class="input-field col s5">
                        <input placeholder="" data-name="Template" id="timeClockTemplate" type="text" class="validate">
                        <label for="timeClockTemplate">{Literal}Ticket Template Config File Name{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input placeholder="" data-name="PageWidth" id="timeClockPageWidth" type="number" class="validate">
                        <label for="timeClockPageWidth">{Literal}Ticket Width{/Literal}</label>
                    </div>
                    <div class="input-field col s3">
                        <input placeholder="" data-name="PageLength" id="timeClockPageLength" type="number" class="validate">
                        <label for="timeClockPageLength">{Literal}Ticket Length{/Literal}</label>
                    </div>
                </div>
            </form>
        </div>
        <div id="accounting-container" class="tab-content hide row">
            <button class="accordion">{Literal}Standard{/Literal}: QuickBooks Desktop, Sage Line 50 (UK), Sage 50
                US/Peachtree, Sage 50 CA/Simply, Sage 100/MAS90</button>
            <form id="AccuServerIntegrator.AccuServerIntegrator" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Update Item Prices{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ItemUpdate" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Summarize All Cash Sales{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="SummarizeAllCashSales" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Skip Items over 20 characters{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="SkipItemsOver20" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s6">
                        <div class="input-field ">
                            <input placeholder="" data-name="IntegrationPath" id="IntegrationPath" type="text" class="validate">
                            <label for="IntegrationPath">{Literal}Integration Path{/Literal}</label>
                        </div>
                    </div>
                </div>
               
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Use Via Proxy{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <!-- server will skip param with "$", only for view purpose  -->
                                <input data-name="$useViaProxy" id="useViaProxy" type="checkbox"> 
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row viaProxySection">
                    <div class="input-field col s6">
                        <input placeholder="" data-name="FileProxyHost" id="FileProxyHost" type="text" class="validate viaProxySection">
                        <label for="IntegrationPath">{Literal}File Proxy Host{/Literal}</label>
                    </div>
                    <div class="input-field col s2">
                        <input placeholder="" data-name="FileProxyPort" id="FileProxyPort" type="number" class="validate viaProxySection">
                        <label for="FileProxyPort">{Literal}File Proxy Port{/Literal}</label>
                    </div>
                    <div class="input-field col s2">
                        <input placeholder="" data-name="Timeout" id="Timeout" type="number" class="validate viaProxySection">
                        <label for="Timeout">{Literal}Timeout{/Literal}</label>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}QuickBooks Online{/Literal}</button>
            <form id="AccuServerIntegrator.AccuServerQBOIntegratorREST" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Update Item Prices{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ItemUpdate" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Summarize All Cash Sales{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="SummarizeAllCashSales" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Update Item Types{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="UpdateItemTypes" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Uses Automated Tax{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="UsesAutomatedTax" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Integrator Live{/Literal}: QuickBooks Desktop / Sage 50 US</button>
            <form data-onopen="onHostConnectionChange" id="AccuServerIntegrator.AccuServerIntegratorLive" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Live Accounting{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="LiveAccounting" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Update Item Prices{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ItemUpdate" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Skip Items over 20 characters{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="SkipItemsOver20" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <!-- <div class="col s6">
                        <div class="input-field ">
                            <input placeholder="" data-name="IntegrationPath" id="IntegrationPath" type="text" class="validate">
                            <label for="IntegrationPath">{Literal}Integration Path{/Literal}</label>
                        </div>
                    </div> -->
                </div>
                <div class="row">
                    <div class="col s12">
                        <label>{Literal}Summarize Cash Sales{/Literal}</label>
                        <!-- <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="SummarizeAllCashSales" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div> -->
                        <p>
                            <label>
                                <input class="with-gap" name="summarizeAllCashSales" data-name="SummarizeAllCashSales" type="radio" checked />
                                <span>Summarize All Cash Sales</span>
                            </label>
                        </p>
                        <p>
                            <label>
                                <input class="with-gap" name="summarizeAllCashSales" data-name="SummarizeAllCashSalesExcludeCustomers" type="radio" />
                                <span>Exclude Sales with Customers</span>
                            </label>
                        </p>
                        <p>
                            <label>
                                <input class="with-gap" name="summarizeAllCashSales" data-name="NeverSummarizeCashSales" type="radio" />
                                <span>Never Summarize Cash Sales</span>
                            </label>
                        </p>
                    </div>
               </div>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Host Connection{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="HostConnection" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="input-field col s2">
                        <input placeholder="" data-name="Timeout" id="Timeout" type="number" class="validate">
                        <label for="Timeout">{Literal}Timeout (minutes){/Literal}</label>
                    </div>
                </div>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Debug{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}QuickBooks Desktop - Web Connector{/Literal}</button>
            <form data-onopen="setGlAccounts,onNeverSummarizeChange" id="AccuServerIntegrator.AccuServerQBWebIntegrator" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="input-field col s4">
                        <select data-name="CountryCode" id="countryCode">
                            <option value="US">US</option>
                            <option value="CA">Canadian</option>
                            <option value="CA7">Canadian 2008+</option>
                            <option value="UK">UK</option>
                            <option value="UK7">UK 2008+</option>
                        </select>
                        <label>{Literal}QuickBooks Version{/Literal}</label>
                    </div>
                    
                    <div class="input-field col s8">
                        <input placeholder="" data-name="CompanyFilePath" id="companyFilePath" type="text" class="active validate">
                        <label for="companyFilePath">{Literal}Company File Path{/Literal}</label>
                        <span class="helper-text" data-error="{Literal}Can't be empty when Connect Via Host is on{/Literal}" data-success="">{Literal}Leave this field empty to connect to currently opened company{/Literal}</span>
                    </div>
                </div>
                <div class="row">
                    <label class="section-label">{Literal}default accounts{/Literal}</label><br>
                    <div class="input-field col s4">
                        <select data-name="DefaultItemSalesAccount" id="defaultItemSalesAccount">
                        </select>
                        <label for="defaultItemSalesAccount">{Literal}Item Sales Account{/Literal}</label>
                    </div>
                    <!-- <div class="input-field col s4">
                        <input placeholder="" data-name="NewItemAssetAccount" id="newItemAssetAccount" type="text" class="validate">
                        <label for="newItemAssetAccount">{Literal}New Items Asset Account{/Literal}</label>
                    </div> -->
                    <div class="input-field col s4">
                        <select data-name="NewItemCOGSAccount" id="newItemCOGSAccount">
                        </select>
                        <label for="newItemCOGSAccount">{Literal}Items Cost Account{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                        <select data-name="InventoryAdjustmentsGlAccount" id="inventoryAdjustmentsGlAccount">
                        </select>
                        <label for="inventoryAdjustmentsGlAccount">{Literal}Inventory Adjustments Account{/Literal}</label>
                    </div>
                </div>
                <div class="row">
                    <!-- <div class="col s4">
                        <label>{Literal}Don't Update Existing Customers{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="NoUpdateQbCustomers" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div> -->
                    <div class="col s4">
                        <label>{Literal}Summarize All Cash Sales{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="SummarizeAllCashSales" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Never Summarize{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input id="NeverSummarize" data-name="NeverSummarize" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Update Item Prices{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ItemPriceUpdate" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Allow Import Items{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="AllowImportItems" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Item Id contains{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}Name{/Literal}
                                <input data-name="UsesFullName" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Full Name{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Use AccuPOS Invoice Number{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="UseInvoiceNumber" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Use Payment Items{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="UsePaymentItems" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Live Accounting{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="LiveAccounting" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Connect Via Host{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input id="ConnectViaHost" data-name="ConnectViaHost" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Debug{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Sage Live{/Literal}</button>
            <form id="AccuServerIntegrator.AccuServerSageLiveIntegrator" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Update Item Prices{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ItemUpdate" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Summarize All Cash Sales{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="SummarizeAllCashSales" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
                <div class="input-field col s3">
                    <input placeholder="" data-name="TaxTreatment" id="TaxTreatment" type="text" class="validate">
                    <label for="TaxTreatment">{Literal}Tax Treatment{/Literal}</label>
                </div>
                <div class="input-field col s3">
                    <input placeholder="" data-name="Path" id="integratorPath" type="text" class="validate">
                    <label for="integratorPath">{Literal}Bank Account{/Literal}</label>
                </div>
                <div class="col s7">
                    <label>{Literal}Vat Codes{/Literal}</label>
                    <table class="highlight">
                        <thead>
                            <tr>
                                <td>{Literal}Vat Code{/Literal}</td>
                                <td>{Literal}Sage Live Vat Code{/Literal}</td>
                                <td><a class="btn-floating btn-small waves-effect waves-light"
                                        id="addVatCode"><i class="material-icons">add</i></a></td>
                            </tr>
                        </thead><tbody></tbody>
                    </table>
                </div>
            </form>
            <button class="accordion">{Literal}Sage 50 US (Peachtree){/Literal}</button>
            <form data-onopen="getAccountingCompanies, setGlAccounts" id="AccuServerIntegrator.AccuServerPTIntegrator" class="col s8 accordion-panel AccuServerPTIntegrator" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="input-field col s4">
                        <input placeholder="" type="text" data-name="Hostname" id="Hostname"/>
                        <label class="active" for="Hostname">{Literal}Adapter Hostname{/Literal}</label>
                        <span class="helper-text" data-error="wrong" data-success="right">{Literal}IP address of the PC where the Adapter is running{/Literal}</span>
                    </div>
                    <div class="input-field col s4">
                        <select data-name="Company" id="company">
                            <option value=""></option>
                        </select>
                        <label for="Company">{Literal}Company{/Literal}</label>
                        <span id="companyHelper" class="helper-text" data-error="wrong" data-success="right"></span>
                    </div>
                    <div class="input-field col s4">
                        <input autocomplete="new-password" placeholder="" type="password" data-name="ODBCPassword" id="odbcPassword"/>
                        <label class="active" for="ODBCPassword">{Literal}ODBC Password{/Literal}</label>
                    </div>
                </div>
                <div class="row">
                    <div class="input-field col s4">
                        <input placeholder="" type="text" data-name="UserName" id="userName"/>
                        <label class="active" for="userName">{Literal}Sage 50 Username{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                        <input autocomplete="new-password" placeholder="" type="password" data-name="UserPassword" id="userPassword"/>
                        <label class="active" for="userPassword">{Literal}Sage 50 Password{/Literal}</label>
                    </div>
                </div>
                <div class="row">
                    <label class="section-label">{Literal}default accounts{/Literal}</label><br>
                    <div class="input-field col s4">
                        <select data-name="DefaultItemSalesAccount" id="defaultItemSalesAccount">
                            <option value=""></option>
                        </select>
                        <label for="defaultItemSalesAccount">{Literal}Item Sales Account{/Literal}</label>
                    </div>
                    <!-- <div class="input-field col s4">
                        <input placeholder="" data-name="NewItemAssetAccount" id="newItemAssetAccount" type="text" class="validate">
                        <label for="newItemAssetAccount">{Literal}New Items Asset Account{/Literal}</label>
                    </div> -->
                    <div class="input-field col s4">
                        <input placeholder="" type="text" data-name="ArAccount" id="ArAccount"/>
                        <label class="active" for="ArAccount">{Literal}Accounts Receivable{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                        <select data-name="InventoryAdjustmentsGlAccount" id="inventoryAdjustmentsGlAccount">
                        </select>
                        <label for="inventoryAdjustmentsGlAccount">{Literal}Inventory Adjustments Account{/Literal}</label>
                    </div>
                </div>
               
                <div class="row">
                    <!-- <div class="col s4">
                        <label>{Literal}Don't Update Existing Customers{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="NoUpdateQbCustomers" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div> -->
                    <div class="col s4">
                        <label>{Literal}Summarize All Cash Sales{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="SummarizeAllCashSales" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Update Item Prices{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ItemPriceUpdate" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <!-- <div class="col s4">
                        <label>{Literal}Allow Import Items{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="AllowImportItems" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div> -->
                    <div class="col s4">
                        <label>{Literal}Live Accounting{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="LiveAccounting" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <!-- <div class="input-field col s4">
                        <input class="datepicker" placeholder="" type="text" data-name="StartDate" id="StartDate"/>
                        <label class="active" for="StartDate">{Literal}Live Accounting Start Date{/Literal}</label>
                    </div> -->
                </div>
                <div class="row">
                    <div class="input-field col s4">
                        <input placeholder="" min="1" type="number" data-name="AutoUpdateInterval" id="AutoUpdateInterval"/>
                        <label class="active" for="AutoUpdateInterval">{Literal}Auto Update Interval (Min){/Literal}</label>
                    </div>
                </div>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Debug{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Priority{/Literal}</button>
            <form id="AccuServerIntegrator.AccuServerPriorityIntegrator" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Update Item Prices{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ItemUpdate" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Summarize All Cash Sales{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="SummarizeAllCashSales" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <!-- <div class="col s4">
                        <label>{Literal}Do Not Update Item Types{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="UpdateItemTypes" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div> -->
                    <div class="col s4">
                        <label>{Literal}Live Accounting{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="LiveAccounting" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="input-field col s4">
                            <input placeholder="" data-name="StartDate" id="priorityDate" type="text" class="validate datepicker">
                            <label for="priorityDate">{Literal}Live Accounting Start Date{/Literal}</label>
                    </div>
                    <div class="input-field col s8">
                            <input placeholder="" data-name="ServerUrl" id="priorityServerUrl" type="text" class="validate">
                            <label for="priorityServerUrl">{Literal}Server URL{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                            <input placeholder="" data-name="User" id="priorityUser" type="text" class="validate">
                            <label for="priorityUser">{Literal}User{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                            <input placeholder="" data-name="Password" id="priorityPassword" type="text" class="validate">
                            <label for="priorityPassword">{Literal}Password{/Literal}</label>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Debug{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Rivhit{/Literal}</button>
            <form id="AccuServerIntegrator.AccuServerRivhitIntegrator" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Update Item Prices{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ItemUpdate" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Summarize All Cash Sales{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="SummarizeAllCashSales" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Imported Item Prices Are Vat Not Included{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ImportItemsWithoutVat" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Live Accounting{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="LiveAccounting" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Create Customer{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="CreateCustomer" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Create Items{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="CreateItems" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Use Catalog Number instead Barcode{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="UseCatalogNum" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <div class="col s4">
                        <label>{Literal}Email Invoice{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="EmailInvoice" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="input-field col s4">
                            <input placeholder="" data-name="StartDate" id="rivhitDate" type="text" class="validate datepicker">
                            <label for="rivhitDate">{Literal}Live Accounting Start Date{/Literal}</label>
                    </div>
                    <div class="input-field col s4">
                        <label for="inactiveGroupCode">{Literal}Inactive Items Group Code{/Literal}</label>
                        <input placeholder="" data-name="InactiveGroupCode" id="inactiveGroupCode" type="number" class="validate">
                    </div>
                    <div class="input-field col s8">
                        <label for="rivhitToken">{Literal}Token{/Literal}</label>
                        <input placeholder="" data-name="Token" id="rivhitToken" type="text" class="validate">
                    </div>
                    <div class="col s4">
                        <label>{Literal}Debug{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
            </form>
            <button class="accordion">{Literal}Hashavshevet Online{/Literal}</button>
            <form id="AccuServerIntegrator.AccuServerHashOnlineIntegrator" class="col s8 accordion-panel" style="padding: 10px">
                <div class="switch">
                    <label>{Literal}Active{/Literal}</label>
                    <label>
                        <input data-name="isActive" type="checkbox">
                        <span class="lever"></span>
                    </label>
                </div>
                <br>
                <div class="row">
                    <div class="col s4">
                        <label>{Literal}Update Item Prices{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ItemUpdate" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                    <!-- <div class="col s4">
                        <label>{Literal}Imported Item Prices Are Vat Not Included{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="ImportItemsWithoutVat" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div> -->
                    <!-- <div class="col s4">
                        <label>{Literal}Create Customer{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="CreateCustomer" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div> -->
                    <!-- <div class="col s4">
                        <label>{Literal}Create Items{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="CreateItems" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div> -->
                    <div class="input-field col s4">
                            <input placeholder="" data-name="StartDate" id="hashDate" type="text" class="validate datepicker">
                            <label for="hashDate">{Literal}Live Accounting Start Date{/Literal}</label>
                    </div>
                    <div class="input-field col s12">
                        <label for="hashToken">{Literal}Token{/Literal}</label>
                        <textarea class="materialize-textarea" placeholder="" data-name="Token" id="hashToken" type="text" class="validate"></textarea>
                    </div>
                    <div class="input-firld col s5">
                        <label for="hashServer">{Literal}Server URL{/Literal}</label>
                        <select  class="select" data-name="ServerUrl" id="hashServer">
                            <option value="lb1.wizcloud.co.il">lb1.wizcloud.co.il - LB1</option>
                            <option value="lb11.wizcloud.co.il">lb11.wizcloud.co.il - LB11</option>
                            <option value="lb19.wizcloud.co.il">lb19.wizcloud.co.il - LB19</option>
                        </select>
                    </div>
                    <div class="col s6"></div>
                    <div class="input-field col s4">
                        <label for="hashDbName">{Literal}Database Name{/Literal}</label>
                        <input placeholder="" data-name="DbName" id="hashDbName" type="text" class="validate">
                    </div>
                </div>
                <div class="row">
                    <div class="col s4">
                        <label for="HashSalesAccount">{Literal}Sales Account{/Literal}</label>
                        <input placeholder="" data-name="SalesAccount" id="HashSalesAccount" type="text" class="validate">
                    </div>
                    <div class="col s4">
                        <label for="VatFreeSalesAccount">{Literal}Vat Free Sales Account{/Literal}</label>
                        <input placeholder="" data-name="VatFreeSalesAccount" id="VatFreeSalesAccount" type="text" class="validate">
                    </div>
                    <div class="col s4">
                        <label for="HashCashAccount">{Literal}Cash Sales Account{/Literal}</label>
                        <input placeholder="" data-name="CashSalesAccount" id="HashCashAccount" type="text" class="validate">
                    </div>
                </div>
                <div class="row"></div>
                    <div class="col s4">
                        <label>{Literal}Debug{/Literal}</label>
                        <div class="switch">
                            <label>
                                {Literal}No{/Literal}
                                <input data-name="Debug" type="checkbox">
                                <span class="lever"></span>
                                {Literal}Yes{/Literal}
                            </label>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</div>
<div id="printerModal" class="modal modal-fixed-footer">
    <div style="padding-bottom: 50px">
        <h4 style="font-size: 1.2rem">{Literal}Printer{/Literal}</h4>
    </div>
    <div class="modal-content row">
        <form id="printerForm" class="row col s12">
            <div class="input-field col s4">
                <select name="moduleName" id="moduleName">
                    <option value="Outputs.ClientOrderPrinter">Receipt Printer (Standard)</option>
                    <option value="Outputs.ClientOrderPrinterVat">Receipt Printer with VAT1/VAT2</option>
                    <option value="Outputs.ShiftReportPrinter">Shift Report Printer (Standard)</option>
                    <option value="Outputs.ShiftReportPrinterVat">Shift Report Printer with VAT1/VAT2</option>
                </select>
                <label>{Literal}Printer Type{/Literal}</label>
            </div>
            <div class="input-field col s4">
                <input placeholder="" id="Name" type="text" class="validate">
                <label for="Name">{Literal}Name (POS Name){/Literal}</label>
            </div>
            <div class="input-field col s4">
                <input placeholder="" id="Printer" type="text" class="validate">
                <label for="Printer">{Literal}Printer Name{/Literal}</label>
            </div>
            <div class="input-field col s4">
                <select name="POSType" id="POSType">
                    <option value="PC">PC</option>
                    <option value="Mobile">Mobile</option>
                    <option value="Server">Server</option>
                </select>
                <label>{Literal}Printer Type{/Literal}</label>
            </div>
            <div class="input-field col s4 client-order">
                <input placeholder="" id="Template" type="text" class="validate client-order-input">
                <label for="Template">{Literal}Receipt Template Config File Name{/Literal}</label>
            </div>
            <div class="input-field col s4 shift-report">
                <input placeholder="" id="ServerTemplate" type="text" class="validate shift-report-input">
                <label for="ServerTemplate">{Literal}Server Report Template Config File Name{/Literal}</label>
            </div>
            <div class="input-field col s4 shift-report">
                <input placeholder="" id="ReadResetTemplate" type="text" class="validate shift-report-input">
                <label for="ReadResetTemplate">{Literal}Reset Report Template Config File Name{/Literal}</label>
            </div>

            <div class="input-field col s2">
                <input placeholder="" id="PageWidth" type="text" class="validate">
                <label for="PageWidth">{Literal}Page Width{/Literal}</label>
            </div>
            <div class="input-field col s2">
                <input placeholder="" id="PageLength" type="text" class="validate">
                <label for="PageLength">{Literal}Page Length{/Literal}</label>
            </div>
            <div class="input-field col s2 client-order">
                <input placeholder="" id="AdDelay" type="text" class="validate client-order-input">
                <label for="AdDelay">{Literal}Ad Delay{/Literal}</label>
            </div>
           
            <div class="input-field col s2 client-order">
                <input placeholder="" id="TipPercent1" type="number" class="validate client-order-input">
                <label for="TipPercent1">{Literal}Receipt Tip Pct1{/Literal}</label>
            </div>
            <div class="input-field col s2 client-order">
                <input placeholder="" id="TipPercent2" type="number" class="validate client-order-input">
                <label for="TipPercent2">{Literal}Receipt Tip Pct2{/Literal}</label>
            </div>
            <div class="input-field col s2 client-order">
                <input placeholder="" id="TipPercent3" type="number" class="validate client-order-input">
                <label for="TipPercent3">{Literal}Receipt Tip Pct3{/Literal}</label>
            </div>
            <div class="input-field col s2 client-order">
                <input placeholder="" id="TipPercent4" type="number" class="validate client-order-input">
                <label for="TipPercent4">{Literal}Receipt Tip Pct4{/Literal}</label>
            </div>
            <div class="input-field col s2 client-order">
                <input placeholder="" id="TipPercent5" type="number" class="validate client-order-input">
                <label for="TipPercent5">{Literal}Receipt Tip Pct5{/Literal}</label>
            </div>

            <div class="col s3 client-order">
                <label>{Literal}Summarize Items{/Literal}</label>
                <div class="switch">
                    <label>
                        {Literal}No{/Literal}
                        <input id="SummarizeItems" type="checkbox" class="client-order-input">
                        <span class="lever"></span>
                        {Literal}Yes{/Literal}
                    </label>
                </div>
            </div>
            <div class="col s3 client-order">
                <label>{Literal}Summarize Taxes{/Literal}</label>
                <div class="switch">
                    <label>
                        {Literal}No{/Literal}
                        <input id="SummarizeTaxes" type="checkbox" class="client-order-input">
                        <span class="lever"></span>
                        {Literal}Yes{/Literal}
                    </label>
                </div>
            </div>
            <div class="col s3 client-order">
                <label>{Literal}Show Powered By AccuPOS{/Literal}</label>
                <div class="switch">
                    <label>
                        {Literal}No{/Literal}
                        <input id="PoweredByAccuPOS" type="checkbox" class="client-order-input">
                        <span class="lever"></span>
                        {Literal}Yes{/Literal}
                    </label>
                </div>
            </div>
            <div class="col s3 shift-report">
                <label>{Literal}Summarize by Category{/Literal}</label>
                <div class="switch">
                    <label>
                        {Literal}No{/Literal}
                        <input id="SummarizeByCategory" type="checkbox" class="shift-report-input">
                        <span class="lever"></span>
                        {Literal}Yes{/Literal}
                    </label>
                </div>
            </div>
            <div class="col s3 client-order-vat">
                <label>{Literal}Print Payment Receipt{/Literal}</label>
                <div class="switch">
                    <label>
                        {Literal}No{/Literal}
                        <input id="PrintPaymentReceipt" type="checkbox" class="client-order-vat">
                        <span class="lever"></span>
                        {Literal}Yes{/Literal}
                    </label>
                </div>
            </div>
        </form>
    </div>
    <div class="modal-footer">
        <a id="removePrinterBtn" class="modal-close waves-effect waves-green btn red right">{Literal}Delete{/Literal}</a>
        <a id="savePrinterBtn" class="modal-close waves-effect waves-green btn green left save-button">{Literal}Save{/Literal}</a>
        <a class="modal-close waves-effect waves-light left btn-flat">{Literal}Cancel{/Literal}</a>
    </div>
</div>

