@php $id = 'popup_pending' @endphp
@component(getPopupLayout(), ['id'=>$id])
{{--@include('components.stampcard.popup-icon',  ['image' => 'pending-icon'])--}}

<div class="status_item" status_id="default">
    <h6 class="title">{!! __('stampcard.titlePendingGrid') !!}</h6>
    <p class="subtitle">{!! __('stampcard.labelPendingGridDescription1') !!}</p>
{{--    <p>{!! __('stampcard.labelPendingGridDescription2') !!}</p>--}}
    <div id="reward-img"></div>

    <p class="status_message"></p>

{{--    <div class="position-relative" style="max-height: 500px; overflow: scroll;">--}}
{{--        <img style="object-fit: contain; display: none"--}}
{{--             src="/" class="receipt-preview mx-auto w-100" alt=""/>--}}
{{--    </div>--}}

    <p class="receipt_uid_message"></p>

    <div class="btn-wrap">
        @include('components.main.btn-receipt-reupload')
        @include('components.main.btn-receipt-okay')
{{--        @include('components.stampcard.btn-view-receipt')--}}
{{--        @include('components.stampcard.contact-us')--}}
    </div>
</div>

<div class="status_item" status_id="gift">
    <h6>{!! __('stampcard.titlePendingGift') !!}</h6>
    <p>{!! __('stampcard.labelPendingGridDescription1') !!}</p>
    <p>{!! __('stampcard.labelPendingGridDescription2') !!} </p>


    <div class="btn-wrap">
{{--        @include('components.stampcard.dropdown-directory')--}}
        @include('components.stampcard.btn-view-receipt')
{{--        @include('components.stampcard.contact-us')--}}
    </div>
</div>

<!-- Message/ Error Message-->
<div class="message-container">
    <div class="message"></div>
</div>
@endcomponent