@extends('layouts.app')

@section('content')

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

<a class="btn btn-primary mb-4" href="{{ route('coupon.create') }}"><i class="fas fa-plus"></i> Adicionar Novo Cupom</a>
<a class="btn btn-success mb-4" href="{{ route('coupon.check') }}"><i class="fas fa-check"></i> Validar cupom</a>

<div class="row pb-5 mb-5">
	@foreach($coupons as $coupon)
	<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">
			<div class="text-center card-body button p-0">
				@if ($coupon->picture)
					<img class="w-75" src="{{ env('AWS_URL') . 'coupons/' . $coupon->picture }}" alt=""><br>
				@else
					<a class="bg-info text-white d-block p-5 rounded border-dashed-gray" href="{{ route('coupon.edit', [$coupon->id]) }}"><i class="fas fa-camera"></i> Anexar Imagem</a><br>
				@endif
				<span>{{ $coupon->name }}</span><br>
				<p>Cupons Resgatados: <span>{{ $coupon->couponcodes->count() }}</span></p>
				<a class="text-primary m-2 p-1 pr-4 pl-4 rounded-pill" href="{{ route('coupon.edit', [$coupon->id]) }}"><i class="fas fa-pen"></i> Editar cupom</a>
			</div>
		</div>
	</div>
	@endforeach
</div>

@endsection