@extends('layouts.frontpages')

@section('content')
    @include('partials.header')

    <div class="page catalog">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="legend">
                        Catálogo <br>
                    </h1>
                    @if (session('error'))
                        <div class="alert alert-warning">
                            {{ session('error') }}
                        </div>
                    @endif
                </div>
            </div>
            <div class="row">
                @foreach ($prizes as $item)
                    @if ($item->prizeUserGroup() > 0)
                        <div class="col-md-4 form-group">
                            <div class="prize-item text-center">
                                @if ($item->usedCoupons->count() < $item->quantity_coupons)
                                    <a href="{{ route('prize', $item->slug) }}">
                                        <img src="{{ url('storage/' . $item->image) }}" alt="{{ $item->name }}"
                                            class="img-fluid {{ $item->usedCoupons->count() >= $item->quantity_coupons ? 'exhausted' : '' }}">
                                    </a>
                                @else
                                    <img src="{{ url('storage/' . $item->image) }}" alt="Agotado"
                                        class="img-fluid {{ $item->usedCoupons->count() >= $item->quantity_coupons ? 'exhausted' : '' }}">
                                    <div class="text-exhausted">AGOTADO</div>
                                @endif
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    </div>

    @include('partials.footer')
@endsection