<?php include_once('./includes/cmsLibraries.php'); ?>
<?php

  // load records from 'swatches'
  list($swatchesRecords, $swatchesMetaData) = getRecords(array(
    'tableName'   => 'swatches',
    'perPage'     => '12',
    'loadUploads' => true,
    'allowSearch' => true,
  ));

?>
<?php $count = 0 ?> 
<?php foreach ($swatchesRecords as $record): ?>

<?php if ($count++ % 4 == 0): ?><br class="clear-both" /><br class="clear-both" /><?php endif ?>

<div style="width: 100px; height: 100px; float: left; margin-right: 10px; background-color: orange;">
	  Title: <?php echo htmlencode($record['title']) ?><br/>
	  Color (value): <?php echo $record['color'] ?><br/>
	  Color (label): <?php echo $record['color:label'] ?><br/>
</div>

<?php endforeach ?>


<?php if (!$swatchesRecords): ?>
  No records were found!<br/><br/>
<?php endif ?>

<br class="clear-both" />
<br class="clear-both" />


<?php if ($swatchesMetaData['prevPage']): ?>
  <a href="#" onclick="updateAjaxContent('<?php echo $swatchesMetaData['prevPageLink'] ?>'); return false;">&lt;&lt;  prev</a>
<?php else: ?>
  &lt;&lt; prev
<?php endif ?>

- page <?php echo $swatchesMetaData['page'] ?> of <?php echo $swatchesMetaData['totalPages'] ?> -

<?php if ($swatchesMetaData['nextPage']): ?>
  <a href="#" onclick="updateAjaxContent('<?php echo $swatchesMetaData['nextPageLink'] ?>'); return false;">next &gt;&gt;</a>
<?php else: ?>
  next &gt;&gt;
<?php endif ?>

