{{-- trsqsl/_partials/package_preview_card.blade.php
    Right-column card: package preview display.
    Used by: trsqsl/add.blade.php, trsqsl/edit.blade.php
--}}
<div class="col-md-4">
    <div class="card h-100">
        <div class="card-header bg-white py-3 border-bottom">
            <p class="text-uppercase text-sm mb-0">Preview Bank Question</p>
        </div>
        <div class="card-body p-3" id="package-preview-content">
            <div class="text-center py-5">
                <div class="bg-gray-100 border-radius-circle d-inline-block p-4 mb-3">
                    <i class="fas fa-file-invoice text-lighter fa-3x"></i>
                </div>
                <h6 class="text-secondary text-sm">No Bank Question Selected</h6>
                <p class="text-xs text-secondary px-4">Select one <b>Bank Question</b> on the side to view question details.</p>
            </div>
        </div>
        <div class="card-footer bg-white border-0 pt-0 text-center">
            <hr class="horizontal dark mt-0">
            <span class="text-xxs text-secondary font-weight-bold">
                @isset($footerText)
                    {{ $footerText }}
                @else
                    Confirm details before saving.
                @endisset
            </span>
        </div>
    </div>
</div>