<div id="basic_auth">
	<p class="m10">[{isys type="lang" ident="LC__AUTH_GUI__INHERITED_RIGHTS_MESSAGE" p_bHtmlEncode=false}]</p>

	<div id="path_table" class="border mt10 m10"></div>

	[{if $edit_mode}]
		<button class="btn m5 mt15" type="button" id="new_path">
			<img src="[{$dir_images}]axialis/basic/symbol-add.svg" /><span class="vam">[{isys type="lang" ident="LC__AUTH_GUI__NEW_RIGHT"}]</span>
		</button>
	[{/if}]
</div>

<script>
    // Setting some translations...
    idoit.Translate.set('LC__AUTH_GUI__REFERS_TO', '[{isys type="lang" ident="LC__AUTH_GUI__REFERS_TO"}]');
    idoit.Translate.set('LC__UNIVERSAL__REMOVE', '[{isys type="lang" ident="LC__UNIVERSAL__REMOVE"}]');
    idoit.Translate.set('LC__UNIVERSAL__COPY', '[{isys type="lang" ident="LC__UNIVERSAL__COPY"}]');
    idoit.Translate.set('LC__UNIVERSAL__LOADING', '[{isys type="lang" ident="LC__UNIVERSAL__LOADING"}]');
    idoit.Translate.set('LC__UNIVERSAL__ALL', '[{isys type="lang" ident="LC__UNIVERSAL__ALL"}]');
    // Translations for the table-header.
    idoit.Translate.set('LC__AUTH_GUI__AUTH_MODULES', '[{isys type="lang" ident="LC__AUTH_GUI__AUTH_MODULES"}]');
    idoit.Translate.set('LC__AUTH_GUI__ACTION', '[{isys type="lang" ident="LC__AUTH_GUI__ACTION"}]');

    idoit.Require.require(['simpleAuthConfiguration'], function () {
        var config = new SimpleAuthConfiguration('path_table', {
            rights:          JSON.parse('[{$rights|json_encode|escape:"javascript"}]'),
            modules:         JSON.parse('[{$modules|json_encode|escape:"javascript"}]'),
            paths:           JSON.parse('[{$paths|json_encode|escape:"javascript"}]'),
            inherited_paths: JSON.parse('[{$inherited_paths|json_encode|escape:"javascript"}]'),
            edit_mode:       ('[{$edit_mode}]' == '1' ? true : false)
        });

		[{if $edit_mode}]
        $('new_path')
            .removeClassName('hide')
            .stopObserving()
            .on('click', config.create_new_path.bindAsEventListener(config));
		[{/if}]
    });
</script>

<style type="text/css">
	#basic_auth #path_table {
		display: block;
	}

	#basic_auth #path_table thead {
		height: 30px;
	}

	#basic_auth #path_table tr.inactive {
		background: #e8e8e8;
	}

	#basic_auth #path_table th {
		text-align: center;
		padding: 2px;
	}

	#basic_auth #path_table td {
		border-top: 1px solid #888888;
		padding: 3px;
	}

	#basic_auth #path_table th.border-left,
	#basic_auth #path_table td.border-left {
		text-align: left;
		padding-left: 10px;
		border-left-color: #ccc;
	}
</style>
