					<button class="ar_accordian" id="ar_materials_acc" type="button"><?php esc_html_e('Materials & Textures', 'ar-for-wordpress' ); echo wp_kses($premium_only, ar_allowed_html());?></button>
                    <div id="ar_materials_panel" class="ar_accordian_panel">
                    	<br />
						<?php esc_html_e( 'Material & Texture Settings will only apply to GLB/GLTF models. They will be ignored for USDZ models.', 'ar-for-wordpress' );?>
	                    <br />
						<br />
						<div class="ar_admin_label">
	                    	<label for="_ar_materials"><?php esc_html_e( 'Selected Material', 'ar-for-wordpress' );?></label>
	                    </div>
                    	<div class="ar_admin_field">
                    		<select name="_ar_material<?php echo esc_html($suffix);?>" id="_ar_material<?php echo esc_html($suffix);?>" class="ar-input ar-input-wide" <?php echo esc_html($disabled);?>>                    			
	                    	</select>
	                    </div>
	                    <div style="clear:both;"></div>
	                    <?php $_ar_basecolor = get_post_meta( $model_array['id'], '_ar_basecolor'.$suffix, true );?>
	                    <?php $_ar_textures = get_post_meta( $model_array['id'], '_ar_textures'.$suffix, true );?>
	                    
	                    <div class="ar_admin_label"><label for="_ar_basecolor"><?php esc_html_e( 'Base Color', 'ar-for-wordpress' );?></label></div>
                    	<div class="ar_admin_field"><input id="_ar_basecolor<?php echo esc_html($suffix);?>" name="_ar_basecolor<?php echo esc_html($suffix);?>" type="text" value="<?php echo esc_html($_ar_basecolor); ?>" <?php echo esc_html($disabled);?>></div>
                        <div style="clear:both"></div>
	                    <div class="ar_admin_label">
	                    	<label for="_ar_color_texture"><?php esc_html_e( 'Texture', 'ar-for-wordpress' );?></label>
	                    </div>
                    	<div class="ar_admin_field ar-texture-container">
	                    	
	                    	<!--<img id="texture-img" style="min-width: 80px; min-height: 80px;max-width: 100px; border: 1px solid black;" class="ar-texture-image" />-->
	                    	<div id="color_texture_picker<?php echo esc_html($suffix);?>" class="texture-picker">
	                    		<div class="image-grid" id="color_texture_grid<?php echo esc_html($suffix);?>">
	                    			<img id="blank-texture<?php echo esc_html($suffix);?>" class="blank-texture" data-texture="none" style="width: 40px; height: 40px; object-fit: cover; border: 1px solid #ccc; border-radius: 3px; margin-right: 3px;">						            
						        </div>
						        <div><button id="color_texture_button<?php echo esc_html($suffix);?>" data-suffix="<?php echo esc_html($suffix);?>" class="button upload_texture_button upload_texture_btn<?php echo esc_html($suffix);?>" type="button">Upload Texture</button></div>
	                    	</div>
	                    	<input type="hidden" name="_ar_basecolor_texture<?php echo esc_html($suffix);?>" id="_ar_basecolor_texture<?php echo esc_html($suffix);?>" value="">
	                    	<input type="hidden" name="_ar_textures<?php echo esc_html($suffix);?>" id="_ar_textures<?php echo esc_html($suffix);?>" value="<?php echo esc_html($_ar_textures); ?>">
	                    	
	                    </div>

	                    <div style="clear:both"></div>
                        
                        
                        <div class="ar_admin_label"><label for="_ar_metallic"><?php esc_html_e( 'Metallic Factor', 'ar-for-wordpress' );?></label></div>
                    	<div class="ar_admin_field"><input id="_ar_metallic<?php echo esc_html($suffix);?>" name="_ar_metallic<?php echo esc_html($suffix);?>" type="range" class="ar-slider" min="0" max="1" step=".01" value="0" <?php echo esc_html($disabled);?> oninput="this.nextElementSibling.value = this.value">&nbsp;<output id="_ar_metallic_value<?php echo esc_html($suffix);?>">0</output></div>

                    	<div style="clear:both"></div>
                 
                        <div class="ar_admin_label"><label for="_ar_roughness"><?php esc_html_e( 'Roughness Factor', 'ar-for-wordpress' );?></label></div>
                    	<div class="ar_admin_field"><input id="_ar_roughness<?php echo esc_html($suffix);?>" name="_ar_roughness<?php echo esc_html($suffix);?>" type="range" class="ar-slider" min="0" max="1" step=".01" value="0" <?php echo esc_html($disabled);?> oninput="this.nextElementSibling.value = this.value">&nbsp;<output id="_ar_roughness_value<?php echo esc_html($suffix);?>">0</output></div>
                    	<div style="clear:both"></div>
                    	<div class="ar_admin_label">
	                    	<label for="_ar_color_texture"><?php esc_html_e( 'Metallic Texture', 'ar-for-wordpress' );?></label>
	                    </div>
	                    <div class="ar_admin_field ar-texture-container">
	                    	<div id="metallic_texture_picker<?php echo esc_html($suffix);?>" class="texture-picker">
	                    		<div class="image-grid" id="metallic_texture_grid<?php echo esc_html($suffix);?>">
	                    			<img id="metallic-blank-texture<?php echo esc_html($suffix);?>" class="blank-texture" data-texture="none" style="width: 40px; height: 40px; object-fit: cover; border: 1px solid #ccc; border-radius: 3px; margin-right: 3px;">						            
						        </div>
						        <div><button id="metallic_texture_button<?php echo esc_html($suffix);?>" data-suffix="<?php echo esc_html($suffix);?>" class="button upload_texture_button upload_texture_btn<?php echo esc_html($suffix);?>" type="button">Upload Texture</button></div>
	                    	</div>
	                    </div>
                    </div>