@extends('layouts.app')

@section('content')

<h2 class="mt-4">Meus Cupons</h2>

@if($couponCodes->count() > 0)
<div class="row pb-5 mb-5">
    @foreach($couponCodes as $couponCode)
    <div class="col-lg-4 col-md-12">
        <div class="d-flex flex-column card border-0 shadow-sm mb-4 p-5 rounded text-body">
            <img class="block w-100" onerror="this.onerror=null;this.src='/images/logo_preta.png';" src="{{ env('AWS_COUPON_URL') . $couponCode->coupon->picture }}">
            <div class="text-center card-body button p-0">
                <span>{{ $couponCode->coupon->name }}</span><br>
                <small>{!! $couponCode->coupon->description !!}</small><br>
                <strong>{{ $couponCode->code }}</strong><br>
                <a class="btn btn-primary text-white" href="/print/{{ $couponCode->id }}">Imprimir Cupom</a>
            </div>
        </div>
    </div>
    @endforeach
</div>
@else
    <p class="pb-5 mb-5">Não foram encontrado cupons</p>
@endif

@endsection