<div class="col s12 m12"><h5>Default Views</h5></div>
	                
	                <div class="col s12 m6">
					<ul class="collection">
					<li class="collection-item" field-name="default_view">
						      <a class="secondary-content btn-floating red hide edit-btn"><i class="material-icons">edit</i></a>
						      <a class="secondary-content btn-floating grey hide cancel-edit-btn"><i class="material-icons">close</i></a>			
						      <b>Default View: </b><br>
						      <div class="details_content">
						      <span class=" flow-text">
						      {{module_settings['default_view']}}
						      </span>
						      </div>
						      <div class="edit_content hide">
							      <select name="settings[default_view]">
								      {% for viewmode in ["List","Grid","Kanban","Calendar","Gantt","Details"] %}
								      <option value="{{viewmode}}" {% if module_settings['default_view']==viewmode %}selected{% endif %}>{{viewmode}}</option>
								      {% endfor %}
								  </select>
							      <br>
								  <a class="btn grey cancel-edit-btn">Cancel</a>
								  <a class="btn green save-edit-btn">Save</a>
						      </div>
							  </li>
						    </ul>
					</div>
					<div class="col s12 m6">
					<!--
					<ul class="collection">
					<li class="collection-item" field-name="default_related_view">
						      <a class="secondary-content btn-floating red hide edit-btn"><i class="material-icons">edit</i></a>
						      <a class="secondary-content btn-floating grey hide cancel-edit-btn"><i class="material-icons">close</i></a>			
						      <b>Default Related View: </b><br>
						      <div class="details_content">
						      <span class=" flow-text">
						      {{module_settings['default_view']}}
						      </span>
						      </div>
						      <div class="edit_content hide">
							      <select name="settings[default_related_view]">
								      {% for viewmode in ["List","Grid","Kanban","Calendar","Gantt"] %}
								      <option value="{{viewmode}}" {% if module_settings['default_view']==viewmode %}selected{% endif %}>{{viewmode}}</option>
								      {% endfor %}
								  </select>
							      <br>
								  <a class="btn grey cancel-edit-btn">Cancel</a>
								  <a class="btn green save-edit-btn">Save</a>
						      </div>
							  </li>
						    </ul>
						-->
					</div>
	                
	                <div class="col s12 m12"><hr><h5>List View</h5></div>
	                
	                <div class="col s12 m6">
					<ul class="collection">
					<li class="collection-item" field-name="list_fields">
						      <a class="secondary-content btn-floating red hide edit-btn"><i class="material-icons">edit</i></a>
						      <a class="secondary-content btn-floating grey hide cancel-edit-btn"><i class="material-icons">close</i></a>			
						      <b>List Fields: </b><br>
						      <div class="details_content">
						      	{% for fieldname in module_settings['list_fields'] %}
						      		<a class="btn {{themebasiccolor}} btn-small">{{field_labels[fieldname]|trans}}</a> 
						      	{% endfor %} 
						      </div>
						      <div class="edit_content hide">
							      <select name="settings[list_fields]" class="chosen-select" multiple sort-order="{{module_settings['list_fields']|join(',')}}" required param-name="list_fields">
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id"  %}
								      		<option value="{{field.name}}" {% if field.name in module_settings['list_fields'] or field.name in module_params.labelFields %}selected {% endif %}>{{field.label|trans}} {% if field.name in module_params.labelFields %}*{% endif %}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>
							      <br><br>
									 <a class="btn grey cancel-edit-btn">Cancel</a>
								     <a class="btn green save-edit-btn">Save</a>	
						      </div>
							  </li>
						    </ul>
					</div>
					<div class="col s12 m6">
		                <ul class="collection">
	               <li class="collection-item" field-name="list_entries_limit">
						      <a class="secondary-content btn-floating red hide edit-btn"><i class="material-icons">edit</i></a>
						      <a class="secondary-content btn-floating grey hide cancel-edit-btn"><i class="material-icons">close</i></a>								      
						      <b>Entries per page: </b><br>
						      <div class="details_content">
						      <span class=" flow-text">
						      {{module_settings['list_entries_limit']}}
						      </span>
						      </div>
						      <div class="edit_content hide">
							      <select name="settings[list_entries_limit]" field-group="grid_view"  param-name="list_entries_limit">
								      {% for n in [1,2,3,4,5,6,7,8,9,10,20,30,50] %}
								      <option value="{{n}}" {% if module_settings['list_entries_limit']==n %}selected{% endif %}>{{n}}</option>
								      {% endfor %}
								  </select>
							      <br>
								  <a class="btn grey cancel-edit-btn">Cancel</a>
								  <a class="btn green save-edit-btn">Save</a>
						      </div>
						      </li>
		                </ul>
	                </div>





	                
	                <div class="col s12 m12"><hr><h5>Grid View</h5></div>                
	                <div class="col s12 m6">
		                <ul class="collection">
							  
							  <li class="collection-item" field-name="enabled" field-group="grid_view">
						      <b>Grid Enabled: </b><br>
						      <div class="details_content">
						      <span class=" flow-text">{% if module_settings.grid.enabled is defined and module_settings.grid.enabled %}On{% else %}Off{% endif %}</span></div>
						        <div class="edit_content hide">
								      <div class="switch">
									    <label>Off 
									    <input type="checkbox" name="settings[enabled]" {% if module_settings.grid.enabled is defined and module_settings.grid.enabled %}checked="checked" value="1" {% endif %} param-name="enabled">
									    <span class="lever"></span> On
									    </label>
									  </div>
						      </div>
						      </li>
						      
						      <li class="collection-item" field-name="fields" field-group="grid_view" >
						      <b>Grid Fields: </b><br>
						      <div class="details_content">
						      	<span class="flow-text">
						      	{% if module_settings.grid.fields is defined %}
						      	{% for fieldname in module_settings.grid.fields %}
						      		<a class="btn {{themebasiccolor}} btn-small">{{field_labels[fieldname]|trans}}</a>
						      	{% endfor %} 
						      	{% else %}None{% endif %} 
						      	</span>
						      </div>
						      <div class="edit_content hide">
							      <select name="settings[fields]" class="chosen-select" multiple sort-order="{% if module_settings.grid.fields is defined %}{{module_settings.grid.fields|join(',')}}{% else %}[]{% endif %}"  param-name="fields" required>
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id"  %}
								      		<option value="{{field.name}}" {% if (module_settings.grid.fields is defined and field.name in module_settings.grid.fields) or field.name in module_params.labelFields %}selected {% endif %}>{{field.label|trans}} {% if field.name in module_params.labelFields %}*{% endif %}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>
						      </div>
							  </li>
						      
		                </ul>
	                </div>
	                <div class="col s12 m6">
		            <ul class="collection">
	                <li class="collection-item" field-name="entries_limit" field-group="grid_view">
						      <b>Entries per page: </b><br>
						      <div class="details_content">
						      <span class=" flow-text">
						      {% if module_settings.grid.entries_limit is defined %}
						      {{module_settings.grid.entries_limit}}
						      {% endif %}
						      </span>
						      </div>
						      <div class="edit_content hide">
							      <select name="settings[entries_limit]" param-name="entries_limit" required>
								      {% for n in [1,2,3,4,5,6,7,8,9,10,20,30,50] %}
								      <option value="{{n}}" {% if module_settings.grid.entries_limit is defined and module_settings.grid.entries_limit==n %}selected{% endif %}>{{n}}</option>
								      {% endfor %}
								  </select>
							      <br>
						      </div>
						      </li>
		                </ul>
	                </div>
	                <div class="col s12 m12 center-align">
		                <a class="btn red edit-group-btn" field-group="grid_view"><i class="material-icons left">edit</i>Edit</a>
			            <a class="btn green save-group-btn hide" field-group="grid_view" field-validation="grid_view">Save</a>
			            <a class="btn grey hide cancel-group-btn" field-group="grid_view"><i class="material-icons left">close</i>Cancel</a><br><br>
	                </div>
	                
	                
	                
	                
	                
	                
	                





	                
	                <div class="col s12 m12"><hr><h5>Kanban View</h5></div>                
	                <div class="col s12 m6">
		                <ul class="collection">
							  
							  <li class="collection-item" field-name="enabled" field-group="kanban_view">
						      <b>Kanban Enabled: </b><br>
						      <div class="details_content">
						      <span class=" flow-text">{% if module_settings.kanban.enabled is defined and module_settings.kanban.enabled %}On{% else %}Off{% endif %}</span></div>
						        <div class="edit_content hide">
								      <div class="switch">
									    <label>Off 
									    <input type="checkbox" name="settings[enabled]" {% if module_settings.kanban.enabled is defined and module_settings.kanban.enabled %}checked="checked" value="1" {% endif %} param-name="enabled">
									    <span class="lever"></span> On
									    </label>
									  </div>
						      </div>
						      </li>
						      
						      <li class="collection-item" field-name="fields" field-group="kanban_view" >
						      <b>Kanban Fields: </b><br>
						      <div class="details_content">
						      	<span class="flow-text">
						      	{% if module_settings.kanban.fields is defined %}
						      	{% for fieldname in module_settings.kanban.fields %}
						      		<a class="btn {{themebasiccolor}} btn-small">{{field_labels[fieldname]|trans}}</a>
						      	{% endfor %} 
						      	{% else %}None{% endif %} 
						      	</span>
						      </div>
						      <div class="edit_content hide">
							      <select name="settings[fields]" class="chosen-select" multiple sort-order="{% if module_settings.kanban.fields is defined %}{{module_settings.kanban.fields|join(',')}}{% else %}[]{% endif %}"  param-name="fields" required>
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id"  %}
								      		<option value="{{field.name}}" {% if (module_settings.kanban.fields is defined and field.name in module_settings.kanban.fields) or field.name in module_params.labelFields %}selected {% endif %}>{{field.label|trans}} {% if field.name in module_params.labelFields %}*{% endif %}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>
						      </div>
							  </li>
						      
		                </ul>
	                </div>
	                <div class="col s12 m6">
		            <ul class="collection">
	                <li class="collection-item" field-name="group_field" field-group="kanban_view">
						     <b>Kanban Group Field: </b><br>
						      <div class="details_content">
						      <span class=" flow-text">
						      {% if module_settings.kanban.group_field is defined %}
						      		<a class="btn {{themebasiccolor}} btn-small">{{field_labels[module_settings.kanban.group_field]|trans}}</a>
						      {% else %}None{% endif %} 
						      </span>
						      </div>
						      
						      <div class="edit_content hide">
						      <select  param-name="group_field" name="settings[group_field]" class="" required >
								      <option value="" {% if module_settings.kanban.group_field is not defined %}selected {% endif %}>None</option>
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id" and (true or field.type.name == "double" or field.type.name == "currency")  %}
								      		<option value="{{field.name}}" {% if module_settings.kanban.group_field is defined and field.name == module_settings.kanban.group_field %}selected {% endif %}>{{field.label|trans}}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>
							      <br>
						      </div>
						      </li>
		                </ul>
	                </div>
	                <div class="col s12 m12 center-align">
		                <a class="btn red edit-group-btn" field-group="kanban_view"><i class="material-icons left">edit</i>Edit</a>
			            <a class="btn green save-group-btn hide" field-group="kanban_view" field-validation="kanban_view">Save</a>
			            <a class="btn grey hide cancel-group-btn" field-group="kanban_view"><i class="material-icons left">close</i>Cancel</a><br><br>
	                </div>	     
	                
	                
	                
	                
	                
	                	                
	                
	                
	                
	                





	                
	                <div class="col s12 m12"><hr><h5>Calendar View</h5></div>                
	                <div class="col s12 m6">
		                <ul class="collection">
							  
							  <li class="collection-item" field-name="enabled" field-group="calendar_view">
						      <b>Calendar Enabled: </b><br>
						      <div class="details_content">
						      <span class=" flow-text">{% if module_settings.calendar.enabled is defined and module_settings.calendar.enabled %}On{% else %}Off{% endif %}</span></div>
						        <div class="edit_content hide">
								      <div class="switch">
									    <label>Off 
									    <input type="checkbox" name="settings[enabled]" {% if module_settings.calendar.enabled is defined and module_settings.calendar.enabled %}checked="checked" value="1" {% endif %} param-name="enabled">
									    <span class="lever"></span> On
									    </label>
									  </div>
						      </div>
						      </li>
						      
						      
						      <li class="collection-item" field-name="start_date_field" field-group="calendar_view"> 
						      <b>Calendar Start Date Field: </b><br>
						      <div class="details_content">
							  <span class=" flow-text">
							  {% if module_settings.calendar.start_date_field is defined %}
						      {{field_labels[module_settings.calendar.start_date_field]|trans}}
						      {% else %}None{% endif %}
						      </span>
						      </div>
						      
						      <div class="edit_content hide">
						      <select name="settings[start_date_field]" class="" param-name="start_date_field" required >
								      <option {% if module_settings.calendar.start_date_field is not defined %}selected{% endif %} value="">None</option>
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id" and (field.type.name == "date" or field.type.name == "datetime")  %}
								      		<option value="{{field.name}}" {% if module_settings.calendar.start_date_field is defined and field.name == module_settings.calendar.start_date_field %}selected {% endif %}>{{field.label|trans}}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>	
						      </div>						      
						      </li>
						      
						      <li class="collection-item" field-name="start_time_field" field-group="calendar_view"> 
						      <b>Calendar Start Time Field: </b><br>
						      <div class="details_content">
							  <span class=" flow-text">
							  {% if module_settings.calendar.start_time_field is defined and module_settings.calendar.start_time_field!="" %}
						      {{field_labels[module_settings.calendar.start_time_field]|trans}}
						      {% else %}None{% endif %}</span>
						      </div>
						      
						      <div class="edit_content hide">
						      <select name="settings[start_time_field]" class="" param-name="start_time_field" >
								      <option {% if module_settings.calendar.start_time_field is not defined %}selected{% endif %} value="">None</option>
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id" and (field.type.name == "date" or field.type.name == "datetime")  %}
								      		<option value="{{field.name}}" {% if module_settings.calendar.start_time_field is defined  and field.name == module_settings.calendar.start_time_field %}selected {% endif %}>{{field.label|trans}}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>	
						      </div>						      
						      </li>
						      					      
		                </ul>
	                </div>
	                <div class="col s12 m6">
		            <ul class="collection">
	                
	                		  <li class="collection-item" field-name="end_date_field" field-group="calendar_view"> 
						      <b>Calendar End Date Field: </b><br>
						      <div class="details_content">
							  <span class=" flow-text">
							  {% if module_settings.calendar.end_date_field is defined  and module_settings.calendar.end_date_field!=""  %}
						      {{field_labels[module_settings.calendar.end_date_field]|trans}}
						      {% else %}None{% endif %}
						      </span>
						      </div>
						      
						      <div class="edit_content hide">
						      <select name="settings[end_date_field]" class="" param-name="end_date_field"  >
								      <option {% if module_settings.calendar.end_date_field is not defined %}selected{% endif %} value="">None</option>
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id" and (field.type.name == "date" or field.type.name == "datetime")  %}
								      		<option value="{{field.name}}" {% if module_settings.calendar.end_date_field is defined and field.name == module_settings.calendar.end_date_field %}selected {% endif %}>{{field.label|trans}}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>	
						      </div>						      
						      </li>
						      
						      <li class="collection-item" field-name="end_time_field" field-group="calendar_view"> 
						      <b>Calendar End Time Field: </b><br>
						      <div class="details_content">
							  <span class=" flow-text">
							  {% if module_settings.calendar.end_time_field is defined  and module_settings.calendar.end_time_field!="" %}
						      {{field_labels[module_settings.calendar.end_time_field]|trans}}{% else %}None
						      {% endif %}
						      </span>

						      </div>
						      
						      <div class="edit_content hide">
						      <select name="settings[end_time_field]" class="" param-name="end_time_field" >
								      <option {% if module_settings.calendar.end_time_field is not defined %}selected{% endif %} value="">None</option>
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id" and (field.type.name == "date" or field.type.name == "datetime")  %}
								      		<option value="{{field.name}}" {% if module_settings.calendar.end_time_field is defined and field.name == module_settings.calendar.end_time_field %}selected {% endif %}>{{field.label|trans}}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>	
						      </div>						      
						      </li>
						      
		            </ul>
	                </div>
	                <div class="col s12 m12 center-align">
		                <a class="btn red edit-group-btn" field-group="calendar_view"><i class="material-icons left">edit</i>Edit</a>
			            <a class="btn green save-group-btn hide" field-group="calendar_view" field-validation="calendar_view">Save</a>
			            <a class="btn grey hide cancel-group-btn" field-group="calendar_view"><i class="material-icons left">close</i>Cancel</a><br><br>
	                </div>	                
	                
	                
	                
	                
	                
	                	                
	                
	                
	                
	                





	                
	                <div class="col s12 m12"><hr><h5>Gantt View</h5></div>                
	                <div class="col s12 m6">
		                <ul class="collection">
							  
							  <li class="collection-item" field-name="enabled" field-group="gantt_view">
						      <b>Gantt Enabled: </b><br>
						      <div class="details_content">
						      <span class=" flow-text">{% if module_settings.gantt.enabled is defined and module_settings.gantt.enabled %}On{% else %}Off{% endif %}</span></div>
						        <div class="edit_content hide">
								      <div class="switch">
									    <label>Off 
									    <input type="checkbox" name="settings[enabled]" {% if module_settings.gantt.enabled is defined and module_settings.gantt.enabled %}checked="checked" value="1" {% endif %} param-name="enabled">
									    <span class="lever"></span> On
									    </label>
									  </div>
						      </div>
						      </li>
						      
						      
						      <li class="collection-item" field-name="start_date_field" field-group="gantt_view"> 
						      <b>Gantt Start Date Field: </b><br>
						      <div class="details_content">
							  <span class=" flow-text">
							  {% if module_settings.gantt.start_date_field is defined %}
						      {{field_labels[module_settings.gantt.start_date_field]|trans}}{% else %}None
						      {% endif %}
						      </span>
						      </div>
						      
						      <div class="edit_content hide">
						      <select name="settings[start_date_field]" class="" param-name="start_date_field" required >
								      <option {% if module_settings.gantt.start_date_field is not defined %}selected{% endif %} value="">None</option>
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id" and (field.type.name == "date" or field.type.name == "datetime")  %}
								      		<option value="{{field.name}}" {% if module_settings.gantt.start_date_field is defined and field.name == module_settings.gantt.start_date_field %}selected {% endif %}>{{field.label|trans}}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>	
						      </div>						      
						      </li>
						      
						      
						      					      
		                </ul>
	                </div>
	                <div class="col s12 m6">
		            <ul class="collection">
	                
	                		  <li class="collection-item" field-name="end_date_field" field-group="gantt_view"> 
						      <b>Gantt End Date Field: </b><br>
						      <div class="details_content">
							  <span class=" flow-text">
							  {% if module_settings.gantt.end_date_field is defined and module_settings.gantt.end_date_field!=""  %}
						      {{field_labels[module_settings.gantt.end_date_field]|trans}}
						      {% else %}None
						      {% endif %}
						      </span>
						      </div>
						      
						      <div class="edit_content hide">
						      <select name="settings[end_date_field]" class="" param-name="end_date_field"  >
								      <option {% if module_settings.gantt.end_date_field is not defined %}selected{% endif %} value="">None</option>
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id" and (field.type.name == "date" or field.type.name == "datetime")  %}
								      		<option value="{{field.name}}" {% if module_settings.gantt.end_date_field is defined and field.name == module_settings.gantt.end_date_field %}selected {% endif %}>{{field.label|trans}}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>	
						      </div>						      
						      </li>
						      
						      <li class="collection-item" field-name="progress_field" field-group="gantt_view">
						      <b>Gantt Progress Field: </b><br>
						      <div class="details_content">
						      <span class=" flow-text">
						      {% if module_settings.gantt.progress_field is not defined or module_settings.gantt.progress_field=="" %}None{% else %}
						      {{field_labels[module_settings.gantt.progress_field]|trans}}
						      {% endif %}
						      </span>
						      </div>
						      
						      <div class="edit_content hide">
						      <select name="settings[progress_field]" class="" param-name="progress_field" >
								      <option value="" {% if module_settings.gantt.progress_field is not defined or module_settings.gantt.progress_field=="" %} selected {% endif %}>None</option>
								      {% for field in module_params['fields'] %}
								      	{% if field.name!="id" and (field.type.name == "double" or field.type.name == "picklist")  %}
								      		<option value="{{field.name}}" {% if module_settings.gantt.progress_field is defined and field.name == module_settings.gantt.progress_field %}selected {% endif %}>{{field.label|trans}}</option>
								      	{% endif %}	
								      {% endfor %}
							      </select>
						      </div>
						      
						      </li>
						      
		            </ul>
	                </div>
	                <div class="col s12 m12 center-align">
		                <a class="btn red edit-group-btn" field-group="gantt_view"><i class="material-icons left">edit</i>Edit</a>
			            <a class="btn green save-group-btn hide" field-group="gantt_view" field-validation="gantt_view">Save</a>
			            <a class="btn grey hide cancel-group-btn" field-group="gantt_view"><i class="material-icons left">close</i>Cancel</a><br><br>
	                </div>	