@extends('layouts.app')

@section('content')

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

@if(isset($message))
    <p class="alert-success text-success text-center p-3 rounded font-weight-bold">{{ @$message }}</p>
@endif

@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-3 rounded text-body">
            <img class="block w-100" onerror="this.onerror=null;this.src='/images/logo-partnersclub.png';" src="{{ env('AWS_COUPON_URL') . $couponCode->coupon->picture }}">
            <div class="text-center card-body button p-0">
                <h4 class="font-weight-bold mt-4">{{ $couponCode->coupon->name }}</h4>
                {{-- <small>{!! $couponCode->coupon->description !!}</small> --}}
                <p>Resgatado para: {{ $couponCode->customer->name }}</p>
                @if ($couponCode->used)
                    <p class="font-weight-bold text-danger">Cupom Usado</p>
                @else
                    <strong>{{ $couponCode->code }}</strong><br>
                    <a class="btn btn-primary text-white mt-3" target="_blank" href="/print/{{ $couponCode->id }}">Imprimir Cupom</a>
                    <a class="btn btn-info text-white mt-3" href="/resend-coupon/{{ $couponCode->id }}">Reenviar Cupom</a>
                @endif
            </div>
        </div>
    </div>
    @endforeach
</div>
@else
    <p class="pb-5 mb-5">Não foram encontrado cupons</p>
@endif

@endsection