@php $id = 'popup_receipt' @endphp
@component(getPopupLayout(), ['id'=>$id])

<!-- Reward Image Title Description -->
<div class="position-relative">
<!--                            <img id="receipt-status" style="position: absolute; right: 10px; top: -10px;" width="50px" src="/assets/images/afp/stampcard/icons/pending.svg" />-->
    <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-stampcard.receipt-feedback/>
{{--<p id="receipt-txn-total"><b>Total Transaction:</b> RM<span id="receipt-txn">100</span></p>--}}
{{--<p><b>Submitted On:</b> <span id="receipt-time"></span></p>--}}
{{--<p><b>Status:</b> <span id="receipt-status"></span></p>--}}

<!-- CTA -->

<!-- CTA BUTTONS -->
<div class="btn-wrap">
<button id="view-reward" class='btn btn-primary' onclick="prevPopup()">{{ __('label.btn_back') }}</button>
<!--                        <button id="btn-cancel-receipt" class='btn btn-primary' onclick="" style="background: #cf3339">Cancel <span class="receipt_type">Receipt</span></button>-->
</div>

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



@endcomponent