	<style>


	</style>
	
	{% if detail_structure is defined and  detail_structure|length > 0 %}
  	{% endif %}
  	
  	{% if false %}
	  	{% for block in detail_structure %}
	          	<div class="col s12 m{{block.size}}">
			  	  <div class="card">
				  	  <ul class="collection with-header ">
				        <li class="collection-header "><h5>{{block.label|trans}}</h5></li>
				        {% for fieldname in block.fields %}
			            	<li class="collection-item"><b>{{fieldname|trans}}:</b> <span class=" flow-text">{{record[fieldname]|trans}}</span></li>
			            {% endfor %}
				      </ul>
			  	  </div>
			  	</div>
	    {% endfor %}
	    
    {% else %}
				
   	 <ul class="collapsible-block popout detailstab " data-collapsible="expandable">
   	  
	    {% for block,fields in modlayout %}
	    	
	    	{% set totvisiblefields = '0' %}
	    	
	    	{% for fieldname in fields %}
				{% if record[fieldname] is defined %} 
					{% set totvisiblefields = totvisiblefields + 1%}
				{% endif %}
			{% endfor %}
			
	        {% if totvisiblefields > 0 %}
		        <li>
					<div class="collapsible-header  {% if loop.index==1 %}active {{themebasiccolor}} {% endif %}" > 
						
						<i class="material-icons left more" {% if loop.index==1 %}style="display: none"{% endif %}>chevron_right</i>
						<i class="material-icons left less" {% if loop.index>1 %}style="display: none"{% endif %}>expand_more</i>
						<span>
							{{app.translator.trans(block)|raw}}
						</span>
						<div class="myc-divider"></div>
					</div>
					<div class="collapsible-body">
		        
				  	
				  	{% if fields|length > 1 %} {% set colsize = '6' %} {% else %} {% set colsize = '12' %} {% endif %}

				  	<div class="col s12 m{{colsize}}">
				  	  
				  	  <div class="card">
					  	  <ul class="collection">
					        {% for fieldname in fields %}
					        	{% if loop.index is odd and record[fieldname] is defined %}
				            		<li class="collection-item "><b>{{fieldname|trans|raw}}:</b><span class=" flow-text">&nbsp;&nbsp;
				            		
				            		{% if fieldname == "imagename" %}
									<div style="width: 100%" class="center-align ">
									  <div style="max-width: 100%; margin: auto" class="myc-slider">
										  {% if record["images"][fieldname]|length > 0 %}
										  {% set first_image = record["images"][fieldname]|first %}
										  <div class="row ">
											  <div class="col s12">
												  <img src="data:image/png;base64,{{first_image['content']}}" style="max-width: 100%; max-height: 500px; border: 1px solid lightgray; padding: 5px; border-radius: 5px;margin: auto;" class="slider-image materialboxed">
											  </div>
										  </div>
										  <div class="slider-thumbs" >
											  <div class="row ">
											  <div class="col s12">
										  		{% for imagename,imagedetails in record["images"][fieldname] %}
									      		<img class="slide-thumb" src="data:image/png;base64,{{imagedetails['content']}}" style="max-height: 80px; width: auto; border: 1px solid lightgray; padding: 5px; border-radius: 5px; cursor: pointer">
									
										  		{% endfor %}
										  		<br><br>
											  </div>
											  </div>
										  </div>
										  <div class="clearfix"></div>
										  <br>
										  {% endif %}
									  </div>
									</div>
					            	
					            	{% else %}
					            		{{record[fieldname]|trans|raw}}
					            	{% endif %}
									</span></li>
				            	{% endif %}
				            {% endfor %}
					      </ul>
				  	  </div>
				  	</div>
				  	
				  	{% if fields|length > 1 %}
				  	<div class="col s12 m6">
				  	 
				  	  <div class="card">
					  	  <ul class="collection">
					        {% for fieldname in fields %}
				            	{% if loop.index is even  and record[fieldname] is defined %}
				            	<li class="collection-item"><b>{{fieldname|trans|raw}}:</b>
				            	<span class=" flow-text">&nbsp;&nbsp;
				            	{% if fieldname == "imagename" %}
				            	
				            	<div style="width: 100%" class="center-align ">
									  <div style="max-width: 100%; margin: auto" class="myc-slider">
										  {% if record["images"][fieldname]|length > 0 %}
										  {% set first_image = record["images"][fieldname]|first %}
										  <div class="row ">
											  <div class="col s12">
												  <img src="data:image/png;base64,{{first_image['content']}}" style="max-width: 100%; max-height: 500px; border: 1px solid lightgray; padding: 5px; border-radius: 5px;margin: auto;" class="slider-image materialboxed">
											  </div>
										  </div>
										  <div class="slider-thumbs" >
											  <div class="row ">
											  <div class="col s12">
										  		{% for imagename,imagedetails in record["images"][fieldname] %}
									      		<img class="slide-thumb" src="data:image/png;base64,{{imagedetails['content']}}" style="max-height: 80px; width: auto; border: 1px solid lightgray; padding: 5px; border-radius: 5px; cursor: pointer">
									
										  		{% endfor %}
										  		<br><br>
											  </div>
											  </div>
										  </div>
										  <div class="clearfix"></div>
										  <br>
										  {% endif %}
									  </div>
									</div>
				            	
				            	{% else %}
				            		{{record[fieldname]|trans|raw}}
				            	{% endif %}
				            	</span>
				            	</li>
				            	{% endif %}
				            {% endfor %}
					      </ul>
				  	  </div>
				  	</div> 
				  	{% endif %}
	
					</div>	
					<div class="clearfix"></div>
					       
		        </li>		        
			{% endif %}
	    {% endfor %}
		
		</ul>
		
			
	{% endif %}
	