<?php defined( 'ABSPATH' ) or die;

	$rows = [
		'1-col' => [
			'title' => COL_NAMES[ ONE_COL ],
			'columns' => 1,
			'type' => ONE_COL
		],
		'2-col' => [
			'title' => COL_NAMES[ TWO_COL ],
			'columns' => 2,
			'type' => TWO_COL
		],
		'3-col' => [
			'title' => COL_NAMES[ THREE_COL ],
			'columns' => 3,
			'type' => THREE_COL
		],
		'4-col' => [
			'title' => COL_NAMES[ FOUR_COL ],
			'columns' => 4,
			'type' => FOUR_COL
		],
		'1-2' => [
			'title' => COL_NAMES[ ONE_TWO ],
			'columns' => 2,
			'type' => ONE_TWO
		],
		'2-1' => [
			'title' => COL_NAMES[ TWO_ONE ],
			'columns' => 2,
			'type' => TWO_ONE
		],
		'1-3' => [
			'title' => COL_NAMES[ ONE_THREE ],
			'columns' => 2,
			'type' => ONE_THREE
		],
		'3-1' => [
			'title' => COL_NAMES[ THREE_ONE ],
			'columns' => 2,
			'type' => THREE_ONE
		],
	];

?>

<div class="tech360-builder-templates">
	<?php
	foreach( $rows as $row_type => $row_data ) {
	?>
	<div class="tech360-row tech360-<?php echo $row_type ?>">
		<div class="tech360-row-title tech360-row-move">
			<span class="tech360-row-index">0</span>
			<h4 class="tech350-row-title-text"><?php echo $row_data[ 'title' ] ?></h4>
			<span class="tech360-row-remove dashicons dashicons-trash"></span>
		</div>
		<div class="tech360-row-fields">
			<?php
			for( $i = 1; $i <= $row_data[ 'columns' ]; $i++ ) {
				$data_field = $row_data[ 'columns' ] == 1 ? 'content' : 'content-' . $i;
			?>
			<div class="tech360-col">
				<textarea class="tech360-row-input wp-editor" name="" data-field="<?php echo $data_field ?>" placeholder="Your content here"></textarea>
			</div>
			<?php
			}
			?>
			<input class="tech360-row-input" type="hidden" name="" data-field="type" value="<?php echo $row_data[ 'type' ] ?>">
		</div>
		<div class="tech360-row-settings">
			<div class="tech360-row-title no-border">
				<h4>Row settings</h4>
				<span class="tech360-row-expand dashicons dashicons-arrow-down"></span>
			</div>
			<div class="tech360-row-settings-inner">
				<div class="tech360-row-setting">
					<label class="tech360-setting-label">
						<strong>Row CSS class</strong>
						<em class="helper">Enter CSS classes that will be applied to this row, separated by comma.</em>
					</label>
					<div class="tech360-setting-value">
						<input class="tech360-row-input tech360-setting" type="text" name="" data-field="row_class">
					</div>
				</div>
				<div class="tech360-row-setting">
					<label class="tech360-setting-label">
						<strong>Column CSS class</strong>
						<em class="helper">Enter CSS classes that will be applied to each column in this row, separated by comma.</em>
					</label>
					<div class="tech360-setting-value">
						<input class="tech360-row-input tech360-setting" type="text" name="" data-field="column_class">
					</div>
				</div>
			</div>
		</div>
	</div>
	<?php
	}
	?>
</div>
