
<div>
   <?php // Meta Key ?>
   <label for="meta-key" class="full"><?php _e('Key (Name):', 'ajax-load-more'); ?></label>
   <input class="alm_element sm meta-key" name="meta-key" type="text" value="" placeholder="<?php _e('Enter custom field key(name)', 'ajax-load-more'); ?>">
</div>
<div>
   <label for="meta-value" class="full"><?php _e('Value:', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Query multiple values by splitting each value with a comma - e.g. value, value2, value3 etc.','ajax-load-more'); ?>."></a></label>
   <input class="alm_element sm meta-value" name="meta-value" type="text" value="" placeholder="<?php _e('Enter custom field value(s)', 'ajax-load-more'); ?>">
</div>
<?php // Meta Compare ?>
<div class="padding-top">
   <label for="meta-compare" class="full"><?php _e('Operator:', 'ajax-load-more'); ?></label>
   <select class="alm_element meta-compare" name="meta-compare">
      <option value="IN" selected="selected">IN</option>
      <option value="NOT IN">NOT IN</option>
      <option value="BETWEEN">BETWEEN</option>
      <option value="NOT BETWEEN">NOT BETWEEN</option>
      <option value="=">= &nbsp;&nbsp; (equals)</option>
      <option value="!=">!= &nbsp; (does NOT equal)</option>
      <option value=">">> &nbsp;&nbsp; (greater than)</option>
      <option value=">=">>= &nbsp;(greater than or equal to)</option>
      <option value="<">&lt; &nbsp;&nbsp; (less than)</option>
      <option value="<=">&lt;= &nbsp;(less than or equal to)</option>
      <option value="LIKE">LIKE</option>
      <option value="NOT LIKE">NOT LIKE</option>
      <option value="EXISTS">EXISTS</option>
      <option value="NOT EXISTS">NOT EXISTS</option>
   </select>
</div>
<?php // Meta Type ?>
<div class="padding-top">
   <label for="meta-type" class="full"><?php _e('Type:', 'ajax-load-more'); ?></label>
   <select class="alm_element meta-type" name="meta-type">
      <option value="BINARY">BINARY</option>
      <option value="CHAR" selected="selected">CHAR</option>
      <option value="DATE">DATE</option>
      <option value="DATETIME">DATETIME</option>
      <option value="DECIMAL">DECIMAL</option>
      <option value="NUMERIC">NUMERIC</option>
      <option value="SIGNED">SIGNED</option>
      <option value="TIME">TIME</option>
      <option value="UNSIGNED">UNSIGNED</option>
   </select>
</div>

<a class="remove remove-meta-query" href="javascript:void(0);">&times;</a>
