<form>

	<fields>

		<box width="6" title="Menu Item">
			<fields>

				<set_menu_style type="droplist" title="Display Style" >
					<options>
						<option name="">single link</option>
						<option name="1">drop menu with all categories</option>
						<option name="2">drop menu with selected categories</option>
					</options>
				</set_menu_style>

				<set_menu_cats title="Categories" type="checklist">
					<relation table="plugin:faq_cats" table_lang="plugin:faq_cats_lang" id="cat_id" text="cat_title" order="cat_order ASC">
							<condition eval="true" import=" ' record.module_id=' . $_REQUEST[mod_id] . '';"/>
					</relation>
				</set_menu_cats>

				<set_menu_bg type="droplist" title="Background" empty="true" empty_text="[ default ]" width="100%">
					<relation table="plugin:backgrounds" id="image_id" order="image_cat ASC, image_name ASC">
						<text>
							<f2 field="image_name"/>
						</text>
					</relation>
					<description><![CDATA[To upload & manage all backgrounds <a href="index.php?mod=backgrounds&sub=landing" target="_blank">click here</a>.]]></description>
				</set_menu_bg>

				<subtitle_list type="subtitle" title="Categories Listing"/>

				<set_style type="droplist" title="Landing Style">
					<options>
						<option name="">multi-page (listing first)</option>
						<option name="1">multi-page (skip listing)</option>
						<option name="2">one-page</option>
					</options>
				</set_style>

				<set_height type="droplist" title="Categories Height">
					<options>
						<option name="same-height">fixed</option>
						<option name="isotope-container">variable</option>
					</options>
				</set_height>

				<set_size type="widths" title="Categories per Line" default="3,3,3,3,12"/>

				<set_button_size type="droplist" title="Details Button" width="50%" referers="set_button_style">
					<options>
						<option name="btn-small">small</option>
						<option name="btn-med">medium</option>
						<option name="btn-large">large</option>
					</options>
				</set_button_size>

				<set_button_style type="droplist" title="Size" referer="true" width="50%" empty_text='[ default style ]' empty="true">
					<relation table="core:skins_classes" text="class_name" id="class_name" order="class_name" condition='class_type=1' />
				</set_button_style>


				<set_list_align type="droplist" title="Category Align">
					<options>
						<option name="department-align-left">left</option>
						<option name="department-align-center">center</option>
						<option name="department-align-right">right</option>
					</options>
				</set_list_align>


				<set_elements type="checklist" title="Show Elements">
					<options>
						<option name="1">Details Button</option>
					</options>
				</set_elements>


				<set_comments type="droplist" title="Comments" restricted="eval:!$_MODULES['comments'];" empty="true" empty_text="Disabled">
					<relation table="plugin:comments_types" id="type_id" text="type_name" order="type_id"/>
					<description>Reassign the Comments widget to the new layout if you change the default one.</description>
				</set_comments>

				<subtitle type="subtitle" title="Category Details"/>

				<set_title type="checklist" title="Show Elements">
					<options>
						<option name="1">Category Name</option>
					</options>
				</set_title>

				<set_comments_details type="droplist" title="Comments" restricted="eval:!$_MODULES['comments'];" empty="true" empty_text="Disabled">
					<relation table="plugin:comments_types" id="type_id" text="type_name" order="type_id"/>
					<description>Reassign the Comments widget to the new layout if you change the default one.</description>
				</set_comments_details>

			</fields>
		</box>

		<box width="6" title="Design Layouts">
			<fields>

				<set_layout type="droplist" title="Module Listing" empty="true" empty_text="[ Default Module Layout ]">
					<relation table="core:layouts" id="layout_id" text="layout_name" order="layout_system DESC,layout_name ASC" condition="layout_parent=0 AND layout_template = 1"/>
				</set_layout>

				<set_layout_details type="droplist" title="Module Details" empty="true" empty_text="[ Default Module Layout ]">
					<relation table="core:layouts" id="layout_id" text="layout_name" order="layout_system DESC,layout_name ASC" condition="layout_parent=0 AND layout_template = 1"/>
				</set_layout_details>

				<set_layout_footer type="droplist" title="Footer" empty="true" empty_text="[ Default Footer Layout ]">
					<relation table="core:layouts" id="layout_id" text="layout_name" order="layout_system DESC,layout_name ASC" condition="layout_parent=0 AND layout_template = 2"/>
				</set_layout_footer>



			</fields>
		</box>
	</fields>


	<javascript>
		<after><![CDATA[

			formSelectShowHide(
				$("#set_menu_style"),
				{
					1 : {
						"set_menu_bg"	: 1,
						"set_menu_cats" : 0
					},
					2 : {
						"set_menu_bg"	: 1,
						"set_menu_cats" : 1
					},
					"default" : {
						"set_menu_bg"	: 0,
						"set_menu_cats" : 0
					}
				}
			);


			formSelectShowHide(
				$("#set_style"),
				{
					"default" : {
						"#widget_1"			: 1,
						"set_layout_details": 1,
						"set_layout"		: 1,
						"set_height"		: 1,
						"set_size"			: 1,
						"set_button_size"	: 1,
						"set_list_align"	: 1,
						"set_elements"		: 1,
					},

					1 : {
						"#widget_1"			: 1,
						"set_layout_details": 1,
						"set_layout"		: 0,
						"set_height"		: 0,
						"set_size"			: 0,
						"set_button_size"	: 0,
						"set_list_align"	: 0,
						"set_elements"		: 0,
					},
					2 : {
						"#widget_1"			: 0,
						"set_layout_details": 0,
						"set_layout"		: 1,
						"set_height"		: 0,
						"set_size"			: 0,
						"set_button_size"	: 0,
						"set_list_align"	: 0,
						"set_elements"		: 0,
					}
				}
			);


		]]></after>
	</javascript>

</form>