@extends('layouts.app')

@section('title', 'Resultados de búsqueda')

@section('content')
<div class="container">
    <div class="card search-results-bar">
        <form action="{{ route('games.search') }}" method="GET" class="search-form">
            <div class="search-group">
                <input 
                    type="text" 
                    name="query" 
                    value="{{ $query }}"
                    placeholder="Busca tu juego favorito..." 
                    class="form-input search-input"
                    required
                >
                <button type="submit" class="btn btn-primary btn-search">
                    <i class="fas fa-search"></i> <span class="btn-text">Buscar</span>
                </button>
            </div>
        </form>
    </div>

    <h2 class="page-title">
        Resultados para: <span class="text-primary">"{{ $query }}"</span>
    </h2>

    @if(count($results) > 0)
        <p class="results-count">Se encontraron {{ count($results) }} juegos</p>

        <div class="deals-grid">
            @foreach($results as $game)
                <article class="deal-card">
                    <div class="deal-image-container">
                        <img 
                            src="{{ $game['thumb'] }}" 
                            alt="{{ $game['external'] }}" 
                            class="deal-image"
                        >
                    </div>
                    
                    <div class="deal-body">
                        <h3 class="deal-title" title="{{ $game['external'] }}">
                            {{ Str::limit($game['external'], 50) }}
                        </h3>
                        
                        <div class="deal-pricing">
                            @if(isset($game['cheapest']) && $game['cheapest'] > 0)
                                <p class="price-label">Precio más bajo:</p>
                                <span class="price-sale">
                                    ${{ number_format($game['cheapest'], 2) }}
                                </span>
                            @else
                                <span class="text-muted">Precio no disponible</span>
                            @endif
                        </div>

                        <a href="{{ route('games.show', $game['gameID']) }}" class="btn btn-primary btn-full">
                            Ver Detalles
                        </a>
                    </div>
                </article>
            @endforeach
        </div>
    @else
        <div class="alert alert-warning">
            <strong>No se encontraron resultados.</strong> Intenta con otro término de búsqueda o verifica la ortografía.
        </div>
    @endif
</div>
@endsection