<?php
/**
 * 
 * @version 0.5
 * 
 * template for participants list shortcode output
 * 
 * this template demonstrates a "table-less" reponsive layout for the list of records
 */
?>
<div class="wrap <?php esc_attr_e( $this->wrap_class ) ?>" id="<?php esc_attr_e( $this->list_anchor ) ?>">
  <?php /* SEARCH/SORT FORM */ ?>
  <?php if ( $filter_mode != 'none' ) : ?>
    <div class="pdb-searchform">

      <div class="alert alert-block" style="display:none">
        <a class="close" data-dismiss="alert" href="#">X</a>
        <p class="search_field_error"><?php echo PDb_List::setting_string( 'search_field_error' ) ?></p>
        <p class="value_error"><?php echo PDb_List::setting_string( 'search_value_error' ) ?></p>
      </div>

      <?php $this->search_sort_form_top( false, 'form-horizontal' ); ?>

      <?php if ( $filter_mode == 'filter' || $filter_mode == 'both' ) : ?>

        <div class="control-group">
          <label class="control-label"><?php echo PDb_List::setting_string( 'search_field_label' ) ?></label>
          <div class="controls">

            <?php
            /*
             * you can replace "false" with your own text for the "all columns" value
             * for more info on using the column_selector method, see pdb-list-detailed.php
             */
            $this->column_selector( false );
            ?>

            <?php $this->search_form() ?>
          </div>

        </div>
      <?php endif ?>
      <?php if ( $filter_mode == 'sort' || $filter_mode == 'both' ) : ?>


        <div class="control-group">
          <label class="control-label"><?php echo PDb_List::setting_string( 'sort_field_label' ) ?></label>
          <div class="controls">

            <?php $this->sort_form() ?>

          </div>
        </div>
      <?php endif ?>
      </form>
    </div>
  <?php endif ?>


  <?php // this is an example of a way to style the records, delete this or edit as needed ?>
  <style type="text/css">
    .pdb-list section {
      margin: 1.5em 0;
    }
    .pdb-field-title {
      font-weight: bold;
      padding-right: 15px;
    }
    .pdb-field-title:after {
      content: ':';
    }
  </style>

  <div class="pdb-list list-container" >

    <?php do_action( 'pdb-prepend_to_list_container_content' ) ?>

    <?php
    /* print the count if enabled in the shortcode
     * 
     * the tag wrapping the count statment can be supplied in the function argument, example here
     */
    $this->print_list_count( '<h5>' );
    ?>  

    <?php if ( $record_count > 0 ) : ?>

      <?php while ( $this->have_records() ) : $this->the_record(); // each record is one row ?>
        <section id="record-<?php esc_attr_e( $this->record->record_id ) ?>">
          <?php while ( $this->have_fields() ) : $this->the_field(); // each field is one cell ?>
            <?php if ( $this->field->has_content() ) : ?>
              <div class="pdb-field  <?php esc_attr_e( $this->field->name() ) ?>-field" >
                <span class="pdb-field-title"><?php esc_attr_e( $this->field->title() ) ?></span>
                <span class="pdb-field-data"><?php echo wp_kses( PDb_FormElement::get_field_value_display( $this->field ), Participants_Db::allowed_html( 'post' ) ) ?></span>
              </div>
            <?php else : // if the field is empty ?>
            <?php endif ?>

          <?php endwhile; // each field ?>
        </section>
      <?php endwhile; // each record ?>

    <?php else : // if there are no records ?>

      <h4><?php if ( $this->is_search_result === true ) echo wp_kses_post( Participants_Db::plugin_setting('no_records_message') ) ?></h4>

    <?php endif; // $record_count > 0 ?>
  </div>
  <?php
  // set up the bootstrap pagination classes and wrappers
  // set up the bootstrap-style pagination block
  // sets the indicator class for the pagination display
  $this->pagination->set_current_page_class( 'active' );
  // wrap the current page indicator with a dummy anchor
  $this->pagination->set_anchor_wrap( false );
  // set the wrap class and element
//  $this->pagination->set_wrappers( array(
//      'wrap_tag'=>'<div class="pagination">',
//      'wrap_tag_close' => '</div>'
//      ));
  $this->pagination->set_props( array(
      'first_last' => false,
      'current_page_class' => 'active currentpage',
      'wrappers' => array(
          'wrap_class' => 'pagination-large pagination-centered',
          'list_class' => '',
      ),
  ) );
  $this->pagination->show();
  ?>
</div>
