{{-- component is used for rewards marketplace and dynamic reward display--}}
@php
    $is_show_point = $is_show_point ?? '';
    $tab = $tab ?? '';
@endphp
<div class="p-1 col-12 text-left default-card d-none" style="display: flex">
    <div class="container-fluid p-0 overflow-hidden card border-0 rounded bg-white justify-content-between">
        <div class="row mx-auto w-100 justify-content-between">
            <div class="text-left col-9 p-0" style="line-height: 1">
                <div class="row no-gutters">

                    <div class="col-3 h-100">
                        <img class="w-100 voucher-image bg-light overflow-hidden" width="100" height="100" style="object-fit: contain" alt="voucher-image" src="">
                    </div>
                    <div class="col-8 d-flex flex-column justify-content-center mx-auto pr-1 pl-2">

                        <div class="mb-1 mt-2 font-weight-bold text-dark voucher-title" style="font-size: .8rem"></div>

                        <div class="mb-1 font-weight-bold text-secondary" style="font-size: .8rem; display: none;">
                            @if($is_show_point && $tab !=='wallet')
                                <span class="voucher-point"></span>
                                <span class="voucher-point-label" style="white-space: nowrap; margin-left:0px">{{ __('label.pts') }}</span>
                            @endif
                        </div>

                        <div class="small mb-2 text-muted" style="font-size:8px">
                            {{ __('label.term_and_conditions_apply') }}
                        </div>

                        <div class="mb-1 font-weight-bold text-secondary voucher-expiry-wrapper" style="font-size: .6em; display:none">
                            <i class="fas fa-calendar"></i><span class="ml-1 voucher-expiry"></span>
                        </div>
                        <div class="voucher-code my-1" style="display: none">
                            <div class="form-group mb-0">
                                <div class="input-group input-group-sm">
                                    <input class="bg-white border-right-0 border form-control" type="text" value="" onclick="copyInput(this)" readonly="">
                                    <div class="rounded-right input-group-append bg-white" onclick="copyInput(this)">
                                        <button class="btn border-left-0 border " type="button"><i class="fas fa-copy"></i></button>
                                    </div>
                                </div>
                                <div class="copy-txt d-none small text-muted text-center"></div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-3 px-0">
                <button class="btn-redeem-reward small w-100 h-100 btn btn-sm btn-primary p-1 mb-0 rounded-0 " type="button" data-token=""
                        data-voucher="">{{ __('label.btn_download') }}
                </button>
            </div>
        </div>
    </div>
</div>