@extends('layouts.app')

@section('title', $gameData['info']['title'])

@section('content')
<div class="container">
    <div class="game-card">
        <img src="{{ $gameData['info']['thumb'] }}" alt="{{ $gameData['info']['title'] }}" class="game-card-img">
        
        <div class="game-info">
            <h1 class="game-title">{{ $gameData['info']['title'] }}</h1>

            @if(isset($gameData['cheapestPriceEver']))
                <div class="price-alert">
                    <p class="price-alert-label">Precio más bajo histórico:</p>
                    <p class="price-alert-value">${{ number_format($gameData['cheapestPriceEver']['price'], 2) }}</p>
                    <p class="price-alert-date">Fecha: {{ date('d/m/Y', $gameData['cheapestPriceEver']['date']) }}</p>
                </div>
            @endif

            <div class="game-actions">
                @auth
                    @if($inWishlist)
                        <form action="{{ route('wishlist.destroy', $game->wishlists->where('user_id', auth()->id())->first()->id) }}" method="POST">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-danger">
                                <i class="fas fa-heart"></i> Quitar de Wishlist
                            </button>
                        </form>
                    @else
                        <button onclick="openWishlistModal()" class="btn btn-primary">
                            <i class="far fa-heart"></i> Añadir a Wishlist
                        </button>
                    @endif
                @else
                    <a href="{{ route('login') }}" class="btn btn-primary">
                        Inicia sesión para añadir a Wishlist
                    </a>
                @endauth
            </div>
        </div>
    </div>

    <div class="table-card">
        <h2 class="table-title"><i class="fas fa-store"></i> Precios actuales</h2>

        @if(!empty($gameData['deals']))
            <div class="table-container">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>Tienda</th>
                            <th>Precio</th>
                            <th>Ahorro</th>
                            <th>Acción</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($gameData['deals'] as $deal)
                            <tr>
                                <td class="font-bold">{{ $deal['storeName'] ?? 'Tienda' }}</td>
                                <td class="text-success font-bold">${{ number_format($deal['price'], 2) }}</td>
                                <td>
                                    <span class="badge-discount">-{{ round($deal['savings']) }}%</span>
                                </td>
                                <td>
                                    <a href="https://www.cheapshark.com/redirect?dealID={{ $deal['dealID'] }}" target="_blank" class="link-primary">
                                        Ver oferta <i class="fas fa-external-link-alt"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="empty-state">
                <p>No hay ofertas disponibles actualmente.</p>
            </div>
        @endif
    </div>
</div>


@auth
    @include('partials.wishlist-modal')
    
@endauth
@endsection