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

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div class="modal-body" v-if="modal.type == 'preview'">
    <div class="pdapp-previewbox row mb-n2">
        <div class="col-12 col-xl-6 col-xxl-4" v-for="(preview, pid) in modal.data" :key="pid">
            <div class="card card-inverse border d-flex flex-column justify-content-center align-items-center bg-light mb-2">
                <img v-if="preview.src != ''" class="card-img img-fluid" :src="preview.src" :alt="preview.title">
                <div class="placeholder-glow d-block card-img img-fluid" v-else>
                    <div class="bg-secondary placeholder pdapp-h200"></div>
                </div>
                <div class="card-img-overlay p-2">
                    <h4 class="card-title text-primary">{{ preview.title }}</h4>
                </div>
            </div>
        </div>
    </div>
</div>