@component('components.smart_receipt.popup.template', ['id' => 'popup_receipt'])

<!-- Reward Image Title Description -->
<div class="position-relative">
    <img id="receipt-preview"
        style="object-fit: contain; max-width: 500px" width='75%'
        src="/" class="mx-auto" alt=""/>
</div>

<p>
    {{ __('label.receipt_uid') }}: 
    <span id="receipt-uid"></span>
</p>
<x-smart_receipt.receipt-feedback/>

<!-- CTA -->

<!-- CTA BUTTONS -->
<div class="btn-wrap">
    <button id="view-reward" class='btn btn-primary' onclick="prevPopup()">
        {{ __('label.btn_back') }}
    </button>
</div>

<div class="message-container">
    <div class="message">
    </div>
</div>

@endcomponent