@extends('frontLayout.frontlayout')
@section('content') ?>
<section class="page_title_section">
    <div class="container">
        <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="page_title_area">
                    <div class="refresh" style="top:-70px">
                        <a href="<?php echo route('scratchCard.index', ['slug' => $membership->slug]) ?>"><i class="fas fa-hand-point-left"></i> Back</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="scratch_coupan_section scratch_cards">
	<div class="container">
		<div class="row">
			<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
				<div class="scratch_coupon_area scratch_cards_area">
					<?php if(isset($scratchcard) && $scratchcard): ?>
					    <div 
					    	class="scratchCardView"
					    	data-image="<?php echo url($scratchcard->image); ?>"
					    	data-id="<?php echo $scratchcard->id; ?>"
					    	style="cursor: pointer; width: 450px; height: 450px; position: relative;padding: 0;"
					    >
					    	<div id="canvasparent">
					            <canvas 
					            	id="scratch_img_canvas" 
					            	class="" 
					            	name="scratch_img_canvas" 
					            	width="450" 
					            	height="450"
					            	style="position: absolute;top: 0;"
					            ></canvas>
					            <form class="form visible-area" style="visibility: hidden;width: 450px; height: 450px; <?php echo ($background && $background->image ? 'background-image: url(' . url($background->image). ')' : '') ?>">
								</form>  
					        </div>

					    </div>
					<?php endif; ?>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection