@extends('layouts.app')
@section('title', 'GiftVoucher')

@section('content')

<div  style=" width: 100%; padding-top: 50px; display: flex; justify-content: center">
        <div class="container" id="voucher_card" style="width:50%; line-height:16px !important; margin-left: 30px; margin-bottom: 30px;  vertical-align: middle; float: none;">

            <div class="text-center" style="margin-bottom: 10px;">
                <span style="font-weight: 800 !important;font-size: 19px !important;">{{ $business_name }}</span>
            </div>
            <div class="text-center" style="margin-bottom: 20px;">
                <span style="font-weight: 800 !important;font-size: 18px !important; color: grey">- Gift Voucher -</span>
            </div>
            <div style="border-bottom: 1px solid gray; border-top: 1px solid gray; padding-top: 20px; padding-bottom: 20px;">
                <div class="row" style="margin-bottom: 10px;">
                    <div class="col-md-6">
                        {{-- voucherCode --}}
                        @if(!empty($voucher->voucherCode))
                            <span style="">
                                <b>Voucher Code:</b> {{$voucher->voucherCode}}
                            </span>
                        @endif
                    </div>
                    <div class="col-md-6">
                        {{-- Category --}}
                        @if(!empty($voucher->category))
                            <span style="">
                            <b>Category:</b> {{$voucher->category}}
                            </span>
                        @endif
                    </div>
                </div>
                <div class="row" style="margin-bottom: 10px;">
                    <div class="col-md-6">
                        {{-- Issued Date --}}
                        @if(!empty($voucher->issuedDate))
                            <span style="">
                                <b>Issued Date:</b> {{$voucher->issuedDate}}
                            </span>
                        @endif
                    </div>
                    <div class="col-md-6">
                        {{-- Expiry Date --}}
                        @if(!empty($voucher->expiryDate))
                            <span style="">
                                <b>Expiry Date:</b> {{$voucher->expiryDate}}
                            </span>
                        @endif
                    </div>
                </div>
            </div>
            <div class="text-center" style="margin-top: 20px;margin-bottom: 10px;">
                {{-- Amount --}}
                @if(!empty($voucher->amount))
                    <span style="display: block !important">
                        <b>Amount:</b> {{$voucher->amount}}/=
                    </span>
                @endif
            </div>
            
        </div>
</div>



@endsection