<!--
    SP Engage Integration - General Settings
    @author Celenia Software
-->

<br />

<script type="text/javascript"
        src="{sugar_getjspath file='cache/include/javascript/sugar_grp_yui_widgets.js'}">
</script>

<div 

style="height: 780px; width: auto; padding-left: 140px; padding-top: 15px; border: 3px solid #1BF7A9;

background-image: 		url(modules/SP_GeneralSettings/tpls/ac-logo.png), 
						url(modules/SP_GeneralSettings/tpls/ac-background.png);
					
background-size: 		128px,  
						cover; 
						
background-repeat: 		no-repeat,
						no-repeat; 
						
background-position: 	97% 93%, 
						center;
						
background-attachment: 	scroll, 
						scroll;">
						
<form name="SP_GeneralSettingsForm" id="SP_GeneralSettingsView" method="POST" >

    <input type='hidden' name='action' value="show" />
    <input type='hidden' name='module' value={$module} />
 
    <h1 style="white-space: pre; position: relative; left: 30%; top: 5%;"><font face="helvetica" color="#000000" size="6">{$language.LBL_SP_IBM_MARKETING_CLOUD} {$language.LBL_SP_GENERAL_SETTINGS}</font><br></br></h1>

    <h4><font color="#000000" size="4">{$language.LBL_SP_CONNECTION_TO_IBM_MC}</font></h4>
    
    <table width="780px" height="180px" class="edit view" style="background-color:#1BF7A9; border: 2px solid #000000">
        <tr>
            <td width="30%" style="vertical-align: middle; padding-left: 15px !important"><b><font color="#000000" size="3">{$language.LBL_SP_ENDPOINT}</font></b></td>
            <td width="70%" style ="vertical-align: middle"><input style="width: 97%; background-color:#000000; color:#FFFFFF; font-size: 17px; font-weight: bold" type="text" name="sp_generalsettings_endpoint"
                                   value="{$settings.sp_generalsettings_endpoint}" />
            </td>
        </tr>
        <tr>
            <td width="45%" style="vertical-align: middle; padding-left: 15px !important"><b><font color="#000000" size="3">{$language.LBL_SP_HOST}</font></b></td>
            <td width="55%" style ="vertical-align: middle"><input style="width: 97%; background-color:#000000; color:#FFFFFF; font-size: 17px; font-weight: bold" type="text" name="sp_generalsettings_host"
                                   value="{$settings.sp_generalsettings_host}" />
            </td>
        </tr>
        <tr>
            <td width="45%" style="vertical-align: middle; padding-left: 15px !important"><b><font color="#000000" size="3">{$language.LBL_SP_REFRESH_TOKEN}</font></b></td>
            <td width="55%" style ="vertical-align: middle"><input style="width: 97%; background-color:#000000; color:#FFFFFF; font-size: 17px; font-weight: bold" type="password" name="sp_generalsettings_refreshtoken"
                                   value="{$settings.sp_generalsettings_refreshtoken}" />
            </td>
        </tr>
        <tr>
            <td width="45%" style="vertical-align: middle; padding-left: 15px !important"><b><font color="#000000" size="3">{$language.LBL_SP_IBM_MC_LIST_ID}</font></b></td>
            <td width="55%" style ="vertical-align: middle"><input style="width: 97%; background-color:#000000; color:#FFFFFF; font-size: 17px; font-weight: bold" type="text" name="sp_generalsettings_listid"
                                   value="{$settings.sp_generalsettings_listid}" />
            </td>
        </tr>
    </table>
<br></br>
    <h4><font color="#000000" size="4">{$language.LBL_SP_INTEGRATION_USER}</font></h4>

    <table width="780px" height="90px" class="edit view" style="background-color:#1BF7A9; border: 2px solid #000000">
        <tr>
            <td width="45%" style="vertical-align: middle; padding-left: 15px !important"><b><font color="#000000" size="3">{$language.LBL_SP_LOGIN}</font></b></td>
            <td width="55%" style ="vertical-align: middle"><input style="width: 97%; background-color:#000000; color:#FFFFFF; font-size: 17px; font-weight: bold" type="text" name="sp_generalsettings_username"
                                   value="{$settings.sp_generalsettings_username}" />
            </td>
        </tr>
        <tr>
            <td width="45%" style="vertical-align: middle; padding-left: 15px !important"><b><font color="#000000" size="3">{$language.LBL_SP_PASSWORD}</font></b></td>
            <td width="55%" style ="vertical-align: middle"><input style="width: 97%; background-color:#000000; color:#FFFFFF; font-size: 17px; font-weight: bold" type="password" name="sp_generalsettings_password"
                                   value="{$settings.sp_generalsettings_password}" />
            </td>
        </tr>
    </table>
<br></br>
    <table width="780px" style="text-align: right">
        <tr>
            <td nowrap>
                <input title="Save" style="background-color:#1BF7A9; border: 1px solid #000000; color: #000000; width: 25%; height: 35px; font-size: 17px" class="button" type="submit" name="btn_save" id="btn_save" value="{$language.LBL_SP_SAVE_BUTTON}" />
                <input title="Cancel" style="background-color:#000000; border: 1px solid #1BF7A9; width: 25%; height: 35px; font-size: 17px; color: #1BF7A9" class="button"
                       onclick="document.location.href='index.php?module=Administration&action=index'"
                       type="button" name="btn_cancel" id="btn_cancel" value="{$language.LBL_SP_CANCEL_BUTTON}" />
            </td>
        </tr>
    </table>
	
    <!-- Script to show the status message -->
    <script type="text/javascript">
        {literal}
        var message = {/literal}'{$status_message}'{literal};
        if (message) { ajaxStatus.flashStatus(message, 60000); }
        {/literal}
    </script>

</form>
						
</div>

