@extends('layouts.app')

@section('title', 'Ofertas y Descuentos')

@section('content')
<div class="container">
    <h1 class="page-title">
        <i class="fas fa-tags"></i> Mejores Ofertas y Descuentos
    </h1>

    <div class="card filter-card">
        <h2 class="card-title">Filtros</h2>
        
        <form action="{{ route('games.deals') }}" method="GET">
            <div class="form-grid">
                <div class="form-group">
                    <label class="form-label">Tienda</label>
                    <select name="store" class="form-input">
                        <option value="">Todas las tiendas</option>
                        @foreach($stores as $store)
                            <option value="{{ $store['storeID'] }}" {{ request('store') == $store['storeID'] ? 'selected' : '' }}>
                                {{ $store['storeName'] }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label class="form-label">Solo en oferta</label>
                    <select name="min_discount" class="form-input">
                        <option value="">Cualquier descuento</option>
                        <option value="1" {{ request('min_discount') == '1' ? 'selected' : '' }}>Sí</option>
                    </select>
                </div>

                <div class="form-group">
                    <label class="form-label">Precio mínimo ($)</label>
                    <input type="number" name="min_price" step="0.01" min="0" value="{{ request('min_price') }}" placeholder="Ej: 5.00" class="form-input">
                </div>

                <div class="form-group">
                    <label class="form-label">Precio máximo ($)</label>
                    <input type="number" name="max_price" step="0.01" min="0" value="{{ request('max_price') }}" placeholder="Ej: 30.00" class="form-input">
                </div>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-filter"></i> Aplicar Filtros
                </button>
                <a href="{{ route('games.deals') }}" class="btn btn-secondary">
                    <i class="fas fa-times"></i> Limpiar
                </a>
            </div>
        </form>
    </div>

    @if(count($deals) > 0)
        <p class="results-count">Mostrando {{ count($deals) }} ofertas</p>

        <div class="deals-grid">
            @foreach($deals as $deal)
                <div class="deal-card">
                    <div class="deal-image-container">
                        <img src="{{ $deal['thumb'] }}" alt="{{ $deal['title'] }}" class="deal-image">
                        @if($deal['savings'] > 0)
                            <span class="deal-badge">-{{ round($deal['savings']) }}%</span>
                        @endif
                    </div>

                    <div class="deal-body">
                        <h3 class="deal-title" title="{{ $deal['title'] }}">
                            {{ Str::limit($deal['title'], 50) }}
                        </h3>
                        
                        <div class="deal-pricing">
                            @if($deal['normalPrice'] != $deal['salePrice'])
                                <span class="price-normal">${{ number_format($deal['normalPrice'], 2) }}</span>
                            @endif
                            <span class="price-sale">${{ number_format($deal['salePrice'], 2) }}</span>
                        </div>

                        @if(isset($deal['steamRatingPercent']) && $deal['steamRatingPercent'] > 0)
                            <div class="deal-rating">
                                <i class="fas fa-star text-yellow"></i>
                                <span>{{ $deal['steamRatingPercent'] }}% <small>({{ number_format($deal['steamRatingCount']) }})</small></span>
                            </div>
                        @endif

                        <div class="deal-actions">
                            <a href="{{ route('games.show', $deal['gameID']) }}" class="btn btn-primary btn-sm">Ver Detalles</a>
                            <a href="https://www.cheapshark.com/redirect?dealID={{ $deal['dealID'] }}" target="_blank" class="btn btn-success btn-sm">
                                Comprar <i class="fas fa-external-link-alt"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @else
        <div class="alert alert-warning">
            <strong>No se encontraron ofertas.</strong> Prueba ajustando los filtros.
        </div>
    @endif
</div>
@endsection