<?php
/*
* Plugin-Name: Product Designer App
* Plugin-URI: https://productdesignerapp.com
* Author: productdesignerapp
* Page: Printings
*/

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div class="table-responsive">
    <table class="table table-centered table-borderless table-hover table-nowrap mb-0">
        <thead class="table-light">
            <tr>
                <th style="width: 20px;position: relative;">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="printcheckbox" v-model="printCheckbox" @change="checkAllPrint">
                        <label class="form-check-label" for="printcheckbox">&nbsp;</label>
                    </div>
                </th>
                <th>{{ langs.print.thumbnail }}</th>
                <th>{{ langs.print.print_name }}</th>
                <th>{{ langs.date }}</th>
                <th style="width: 82px;">{{ langs.action }}</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="(print, pid) in listPrints">
                <td>
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" :id="'printcheckbox-'+ pid" v-model="printCheckboxs" :value="print.id">
                        <label class="form-check-label" :for="'printcheckbox-'+ pid">&nbsp;</label>
                    </div>
                </td>
                <td>
                    <a href="javascript:void(0);" @click="editPrint(print)">
                        <img :src="showImg(print.thumb)" :alt="print.title" height="80">
                    </a>
                </td>
                <td><a href="javascript:void(0);" @click="editPrint(print)">{{ print.title }}</a></td>
                <td>{{ convertDate(print.created) }}</td>
                <td>
                    <a href="javascript:void(0);" class="action-icon text-info" @click="editPrint(print)">
                        <i class="material-icons material-symbols-outlined">edit</i>
                    </a>
                    <a href="javascript:void(0);" class="action-icon text-danger" @click="confirmRemove(print.id, print.pid)">
                        <i class="material-icons material-symbols-outlined">delete</i>
                    </a>
                </td>
            </tr>
        </tbody>
    </table>
</div>