<?php
//no direct access
defined('_JEXEC') or die('Restricted access.'); ?>
<tr>

  <td class="edit-td edit-icon-no-padding hidden-xs" v-if="extended">

    <input  type="checkbox"
            :id="'cb' + payment.id"
            name="cid[]"
            :value="payment.id"
            onclick="Joomla.isChecked(this.checked);" />

  </td>

  <td class="button-column edit-column action-buttom text-muted " v-if="extended">
    <a @click="edit_payment()">
      <div class="name-div">
        <span class="glyphicon glyphicon-edit"></span>
      </div>
      <div class="date-div ">
        <span><?php echo JText::_('EDIT');?></span>
      </div>
    </a>
  </td>

  <td class="invoice-num " >
    <div class="name-div visible-xs">
      <span>{{payment.contact_name}}</span>
    </div>

    <div class="name-div">
      <span>{{payment.invoice_num}}</span>
    </div>
    <div class="date-div text-muted">
      <span><?php echo JText::_('INVOICE_ID') ?>: {{payment.invoice_id}}</span>
    </div>
  </td>

  <td class="name-column hidden-xs" v-if="extended">
    <div class="name-div">
      <span>{{payment.contact_name}}</span>

    </div>
    <div class="date-div text-muted">
      <span>{{payment.to_email}}</span>
    </div>

  </td>

  <td class="amount-column">

    <div class="amount-div">
      <span>{{ payment.payment_amount | currency(payment.currency_id) }}</span>
    </div>

  </td>

  <td :class="'name-column status-column status-column-' + status_class"
      :id="'rendered-status_' + payment.id">

    <div class="name-div"><span :class="'label label-' + status_class">{{ status_name }}</span></div>

  </td>

  <td class="name-column hidden-xs">
    <div class="name-div">
      <span>{{payment.created_datetime | date}}</span>
    </div>
  </td>

  <td class="name-column hidden-xs">
    <div class="name-div">
      <span>{{payment.payment_duedate | date}}</span>
    </div>
  </td>

  <td class="name-column hidden-xs">
    <div class="name-div">
      <span>{{payment.payment_datetime | date}}</span>
    </div>
  </td>

  <td class="amount-column hidden-xs">

    <div class="amount-div">
      <span>{{payment.invoice_total | currency(payment.currency_id)}}</span>
    </div>

  </td>

  <td class="name-column hidden-xs">
    <div class="name-div">
      <span>{{payment.payment_type}}</span>
    </div>
  </td>

</tr>
