@extends('layouts.app-disclaimer-footer')

@section('style')
@endsection

@section('content')
    <main class="page-main" id="look-up-gifts-page">
        <div class="decor decor-1">
            <figure class="img-holder bg-mode">
                <img src="{{ asset('assets/img/landing-page/decor/firework-yellow.png') }}" alt="" width=""
                    height="">
            </figure>
        </div>
        <div class="decor decor-2">
            <figure class="img-holder bg-mode">
                <img src="{{ asset('assets/img/landing-page/decor/firework-yellow.png') }}" alt="" width=""
                    height="">
            </figure>
        </div>
        <div class="decor decor-3">
            <figure class="img-holder bg-mode">
                <img src="{{ asset('assets/img/landing-page/decor/firework-red.png') }}" alt="" width=""
                    height="">
            </figure>
        </div>
        <div class="container sm-container">
            <h1 class="gradient-title" data-text="tra cứu quà tặng">
                <span>tra cứu quà tặng</span>
            </h1>

            <h3>Tài khoản: {{ $phone }}</h3>
            <p>
                Cảm ơn chiến hữu đã tham gia chương trình! Dưới đây là những phần quà mà bạn đã đạt được. Cùng theo dõi
                bảng xếp hạng và lên chiến lược để săn những phần quà hấp dẫn hơn nhé.
            </p>

            @if (!$winners)
                <h3>Bạn hiện chưa có quà tặng nào.</h3>
            @endif

            {{-- List Prizes --}}
            @if ($winners)
                <ul class="list-prizes">
                    @foreach ($winners as $winner)
                        <li class="prize-item">
                            {{-- Wrapper --}}
                            <a class="wrapper"
                                href="{{ $winner->gift->max_score > 5 ? route('look-up-gifts.detail', ['id' => $winner->id]) : 'javascript:void(0)' }}">
                                {{-- Prize Img --}}
                                <div class="prize-img">
                                    <figure class="img-holder bg-mode">
                                        <img src="{{ $winner->gift->image_path }}" alt="" width=""
                                            height="" />
                                    </figure>
                                </div>
                                {{-- Line Dash --}}
                                <div class="line-dash"></div>
                                {{-- Prize Content --}}
                                <div class="prize-content">
                                    <h4 class="prize-title">{{ $winner->gift->name }}</h4>
                                    <span class="prize-expiry">Ngày Nhận Thưởng:
                                        {{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $winner->updated_at)->format('d/m/Y') }}
                                        -
                                        {{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $winner->updated_at)->format('H:i') }}
                                    </span>
                                    @if ($winner->gift->max_score > 5)
                                        <span class="prize-expiry">Hạn sử dụng: 20/01/2025 </span>
                                    @endif
                                </div>

                                @if ($winner->gift->is_voucher && $winner->gift->max_score > 5)
                                    <button type="button" class="cta-holder">
                                        Dùng ngay
                                    </button>
                                @elseif($winner->gift->is_voucher && $winner->gift->max_score <= 5)
                                    <button type="button" class="cta-holder disabled">
                                        Đã sử dụng
                                    </button>
                                @else
                                @endif
                            </a>
                        </li>
                    @endforeach
                </ul>
            @endif

            {{-- Logut --}}
            @if (!empty($phone))
                <a href="{{ route('logout') }}" class="btn btn-logout">
                    <span class="icon">
                        <figure class="img-holder bg-mode">
                            <img src="{{ asset('assets/img/icon/logout.svg') }}" alt="" width=""
                                height="" />
                        </figure>
                    </span>
                    <span class="context">Đăng xuất</span>
                </a>
            @endif
        </div>
    </main>
@endsection

@section('script')
@endsection