{literal}
<style>
    .cust-table .yui-dt th .yui-dt-liner{
        background: transparent;
    }
    .cust-table .edit tr td table tr td{
        padding: 5px !important;
    }
    .cust-table .disabled_tab_workarea.yui-dt.yui-dt-scrollable{
        width: 239px !important;
    }
    .cust-table .enabled_tab_workarea.yui-dt.yui-dt-scrollable{
        width: 225px !important;
    }
    .cust-table .yui-dt-scrollable .yui-dt-bd{
        overflow: auto;
    }
    .sec-table.edit tr:first-child th{
        padding: 15px 15px 0 15px;
    }
    .sec-table.edit tr th h5{
        margin: 0px;
        padding: 0px;
    }
    .sec-table.edit tr td[scope=row]{
        padding: 0px 10px 0px 15px;
        height: 35px;
        line-height: 35px;
    }
    .sec-table.view tr td input[type=checkbox]{
        vertical-align: -webkit-baseline-middle;
    }
    .sec-table.view tr td:nth-child(2), .sec-table.view tr td:nth-child(3){
        padding: 10px 10px;
    }
    .sec-table.view tr td:nth-child(3), .sec-table.view tr th:nth-child(3){
        text-align: left;
    }
    .sec-table.view tr th:first-child{
        width:40%;
    }
    .sec-table.view tr th:nth-child(2){
        width: 20%;
    }
    .sec-table.view tr th, .sec-table.view tr td{
        text-align: center;
    }
    .sec-table.view tr td:first-child{
        text-align: left;
    }

    @media only screen and (max-width: 767px){
        .cust-table .disabled_tab_workarea.yui-dt.yui-dt-scrollable, .cust-table .enabled_tab_workarea.yui-dt.yui-dt-scrollable{
            width: 100% !important;
        }
        .cust-table .enabled_tab_workarea.yui-dt.yui-dt-scrollable{
            margin-bottom: 20px;
        }
        .edit tr {
            font-size: 1.1em;
        }
        .sec-table.view tr:first-child th:first-child {
            width: 100%;
            padding: 0px;
        }
        .sec-table.edit h4{
            font-size: 1.3em;
            padding: 15px 10px;
            margin: 0;
        }
        .sec-table.edit tr{
            padding: 0px;
        }
        .sec-table.view tr{
            display: table-row;
        }
        .sec-table.view tr th, .sec-table.view tr td {
            display: table-cell;
            width: auto;
        }
        .sec-table.view tr th:nth-child(2){
            width: auto;
        }
        .sec-table.edit tr td[scope=row] {
            padding: 10px;
            height: auto;
            line-height: 20px;
        }
        .sec-table.view tr th:first-child {
            width: 65%;
        }
        .edit tr th {
            padding: 10px 5px 10px 7px;
        }
    }
</style>
{/literal}

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

<form action="" method="post">
    <input type="hidden" name="action" value="ModuleSettingIN" />
    <input type="hidden" name="module" value="BV_Internal_notes" />
    <input type="hidden" id="enabled_modules" name="enabled_modules" value="">
	<input type="hidden" id="disabled_modules" name="disabled_modules" value="">
    <h2>Internal Notes Setting</h2>
    <br/>
    <div style="padding-bottom: 5px;"><input title="Save" accesskey="a" class="button primary" id="ConfigureSettings_save_button" type="submit" name="save" value="Save" onclick="SUGAR.saveConfigureTabs();" {if $disableButtons} disabled {/if}>
    <input title="{$MOD.LBL_CANCEL_BUTTON_TITLE}" onclick="document.location.href='index.php?module=Administration&action=index'" class="button" type="button" name="cancel" value="  {$APP.LBL_CANCEL_BUTTON_LABEL}  ">

    <div class='add_table cust-table' style='margin-bottom:5px'>
        <div>
            <table id="ConfigureTabs" class="themeSettings edit view" style='padding: 15px;display: block;margin-top: 10px;' border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width='1%'>
                        <div id="enabled_div" class="enabled_tab_workarea" style="margin-right: 15px;border: 1px solid #ddd;">
                        </div>
                    </td>
                    <td>
                        <div id="disabled_div" class="disabled_tab_workarea" style="border: 1px solid #ddd;">
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div>
        </div>
	</div>

    <br/>
    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="edit view sec-table">
        <tr>
            <th align="left" scope="row" colspan="4"><h4>Internal Notes Sorting Order:
                <select id="notify_note_view_direction" name="notify_note_view_direction" style="margin-left: 25%;">
                    <option value="latest">Newest first</option>
                    <option value="oldest">Oldest first</option>
                </select>
                </h4> 
            </th>
        </tr>
    </table>

    <br/>
    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="edit view sec-table">
        <tr>
            <th align="left" scope="row" colspan="4"><h4>Setting Note Notification</h4></th>
        </tr>
        <tr>
            <th align="left" scope="row" ></th>
            <th align="left" scope="row" ><h5>E-mail</h5></th>
            <th align="left" scope="row"><h5>Desktop</h5></th>
        </tr>
        <tr>
            <td scope="row">Enable Notification: </td>
            <td>
                <input type="checkbox" id="notify_note_is_enable_email" name="notify_note_is_enable_email" value="1"{if $notify_note_is_enable_email == 1} checked{/if} />
            </td>
            <td>
                &nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="notify_note_is_enable_sms" name="notify_note_is_enable_sms" value="1"{if $notify_note_is_enable_sms == 1} checked{/if} />
            </td>
        </tr>
        <tr>
            <td scope="row">Notify To User Of the Record: </td>
            <td>
                <input type="checkbox" id="notify_note_email_record_user" name="notify_note_email_record_user" value="1"{if $notify_note_email_record_user == 1} checked{/if} />
            </td>
            <td>
                &nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="notify_note_sms_record_user" name="notify_note_sms_record_user" value="1"{if $notify_note_sms_record_user == 1} checked{/if} />
            </td>
        </tr>
        <tr>
            <td scope="row">Notify To User That added Note Has Replied: </td>
            <td>
                <input type="checkbox" id="notify_note_email_user_reply" name="notify_note_email_user_reply" value="1"{if $notify_note_email_user_reply == 1} checked{/if} />
            </td>
            <td>
                &nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="notify_note_sms_user_reply" name="notify_note_sms_user_reply" value="1"{if $notify_note_sms_user_reply == 1} checked{/if} />
            </td>
        </tr>
        <tr>
            <td scope="row">Notify To User who is Mentioned in Note: </td>
            <td>
                <input type="checkbox" id="notify_note_email_user_mention" name="notify_note_email_user_mention" value="1"{if $notify_note_email_user_mention == 1} checked{/if} />
            </td>
            <td>
                &nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="q" name="notify_note_sms_user_mention" value="1"{if $notify_note_sms_user_mention == 1} checked{/if} />
            </td>
        </tr>
    </table>
    <!---{if !empty($disabled_sms)}
        <p>NOTE :- For Enable SMS Notification Install <a href="https://store.suitecrm.com/addons/bv-sms-extension">BV SMS Extension</a> </p>
    {/if}---->
    <br/>
    <input title="Save" accesskey="a" class="button primary" id="ConfigureSettings_save_button" type="submit" name="save" value="Save" onclick="SUGAR.saveConfigureTabs();" {if $disableButtons} disabled {/if}>
    <input title="{$MOD.LBL_CANCEL_BUTTON_TITLE}" onclick="document.location.href='index.php?module=Administration&action=index'" class="button" type="button" name="cancel" value="  {$APP.LBL_CANCEL_BUTTON_LABEL}  ">
</form>

<script type="text/javascript">
	var enabled_modules = {$enabled_mods};
	var disabled_modules = {$disabled_mods};
	var lblEnabled = 'ENABLED MODULE';
	var lblDisabled = 'DISABLED MODULES';

    var notify_note_view_direction = '{$notify_note_view_direction}';
	{literal}
	$("#notify_note_view_direction").val(notify_note_view_direction);
	SUGAR.enabledModsTable = new YAHOO.SUGAR.DragDropTable(
		"enabled_div",
		[{key:"label",  label: lblEnabled, width: 200, sortable: false},
		 {key:"module", label: lblEnabled, hidden:true}],
		new YAHOO.util.LocalDataSource(enabled_modules, {
			responseSchema: {
			   resultsList : "modules",
			   fields : [{key : "module"}, {key : "label"}]
			}
		}), 
		{
			height: "300px",
			group: ["enabled_div", "disabled_div"]
		}
	);
	SUGAR.disabledModsTable = new YAHOO.SUGAR.DragDropTable(
		"disabled_div",
		[{key:"label",  label: lblDisabled, width: 200, sortable: false},
		 {key:"module", label: lblDisabled, hidden:true}],
		new YAHOO.util.LocalDataSource(disabled_modules, {
			responseSchema: {
			   resultsList : "modules",
			   fields : [{key : "module"}, {key : "label"}]
			}
		}),
		{
			height: "300px",
		 	group: ["enabled_div", "disabled_div"]
		 }
	);
	SUGAR.enabledModsTable.disableEmptyRows = true;
    SUGAR.disabledModsTable.disableEmptyRows = true;
    SUGAR.enabledModsTable.addRow({module: "", label: ""});
    SUGAR.disabledModsTable.addRow({module: "", label: ""});
	SUGAR.enabledModsTable.render();
	SUGAR.disabledModsTable.render();

	SUGAR.saveConfigureTabs = function()
	{
		var enabledTable = SUGAR.enabledModsTable;
		var modules = [];
		for(var i=0; i < enabledTable.getRecordSet().getLength(); i++){
			var data = enabledTable.getRecord(i).getData();
			if (data.module && data.module != '')
			    modules[i] = data.module;
		}
		YAHOO.util.Dom.get('enabled_modules').value =modules;
	}
{/literal}
</script>