/**
 * Get grid menu list
 * @param string $handle 
 * @param string $set_gutter 
 * @return string
 */
function tf_grid_lists($handle = 'row', $set_gutter = null, $args = array())
{
    $grid_lists = TF_Model::get_grid_settings();
    $gutters = TF_Model::get_grid_settings('gutter');
    $selected_gutter = is_null($set_gutter) ? '' : $set_gutter;
    $args = wp_parse_args($args, array('grid_menu_class' => 'grid_menu tf_interface', 'grid_icon_class' => 'grid_icon'));
    ob_start();
    ?>
	<div class="<?php 
    echo esc_attr($args['grid_menu_class']);
    ?>
" data-handle="<?php 
    echo $handle;
    ?>
">
		<div class="ti-layout-column3 <?php 
    echo esc_attr($args['grid_icon_class']);
    ?>
"></div>
		<div class="tf_grid_list_wrapper">
			<ul class="tf_grid_list clearfix">
				<?php 
    foreach ($grid_lists as $row) {
        ?>
				<li>
					<ul>
						<?php 
        foreach ($row as $li) {
            ?>
							<li><a href="#" class="tf_column_select <?php 
            echo esc_attr('grid-layout-' . implode('-', $li['data']));
            ?>
" data-handle="<?php 
            echo $handle;
            ?>
" data-grid="<?php 
            echo esc_attr(json_encode($li['data']));
            ?>
"><img src="<?php 
            echo esc_url($li['img']);
            ?>
"></a></li>
						<?php 
        }
        ?>
					</ul>
				</li>
				<?php 
    }
    ?>
			</ul>

			<select class="gutter_select" data-handle="<?php 
    echo $handle;
    ?>
">
				<?php 
    foreach ($gutters as $gutter) {
        ?>
				<option value="<?php 
        echo esc_attr($gutter['value']);
        ?>
"<?php 
        selected($selected_gutter, $gutter['value']);
        ?>
><?php 
        echo $gutter['name'];
        ?>
</option>
				<?php 
    }
    ?>
			</select>
			<small><?php 
    _e('Gutter Spacing', 'themify-flow');
    ?>
</small>

		</div>
		<!-- /themify_builder_grid_list_wrapper -->
	</div>
	<!-- /grid_menu -->
	<?php 
    $output = ob_get_contents();
    ob_end_clean();
    return $output;
}