@extends('layouts.master')

@section('title', 'StarSpin 2023')

@section('content')
    <!-- MAIN -->
    <main class="page-main" id="main-home-page">
        <!-- SECTION - List Of Winner - START -->
        <section class="section section-list-of-winner {{ $is_login ? '' : 'not-logged' }}" id="starspin-list-winner">
            <!-- Decor - 1 -->
            <figure class="img-holder decor decor-1">
                <img src="{{ asset('starspin_front/app/img/decor-1.png') }}" alt="decor-1">
            </figure>
            <!-- Decor - 2 -->
            <figure class="img-holder decor decor-2">
                <img src="{{ asset('starspin_front/app/img/decor-2.png') }}" alt="decor-2">
            </figure>
            <!-- Decor - 3 -->
            <figure class="img-holder decor decor-3">
                <img src="{{ asset('starspin_front/app/img/decor-9.png') }}" alt="decor-3">
            </figure>
            <div class="container">
                <!-- Section Head -->
                <div class="section-head">
                    <!-- Title Image -->
                    <figure class="title-image img-holder bg-mode">
                        <img src="{{ asset('starspin_front/app/img/title/tra-cuu-ket-qua.png') }}" alt="sapporo-spin">
                    </figure>
                    <div class="desc">
                        <strong>
                            @if ($is_login)
                                Tài khoản: {{ $phone }}
                                <p>Nhấn vào mã dự thưởng bên dưới<br class="mb-show"> để tham gia quay thưởng</p>
                            @else
                                Bạn cần đăng nhập để tra cứu kết quả
                            @endif
                            <p>Nếu bạn mua hàng tại siêu thị,<br class="mb-show"> vui lòng kiểm tra mã dự thưởng <a
                                href="https://go.wecheer.io/star-spin-1" target="_blank">tại đây</a></p>
                        </strong>
                    </div>
                </div>
                <!-- Section Body -->
                <div class="section-body">
                    <!-- Search Result -->
                    @if ($is_login)
                        <div class="search-result">
                            <!-- Search Result Table -->
                            <div class="search-result-table">
                                <!-- Table -->
                                <table id="table-look-up-result">
                                    <tr>
                                        <th class="thead-data-code">mã dự thưởng</th>
                                        <th class="thead-data-status">trạng thái mã</th>
                                        <th class="thead-prize">giải thưởng</th>
                                        <th class="thead-voucher-code">mã voucher</th>
                                    </tr>
                                    @if (count($code) > 0)
                                        @foreach ($code as $key => $starSpinCode)
                                            <tr>
                                                <td class="data-code">
                                                    <a class="btn btn-default"
                                                        href="{{ route('home.page') }}?code={{ $starSpinCode->code }}#starspin-playground-holder">
                                                        {{ $starSpinCode->code }}
                                                    </a>
                                                </td>
                                                <td class="data-status">
                                                    {{ \App\Enums\StarSpinCodeStatus::getDescription($starSpinCode->status) }}
                                                </td>
                                                {{-- <td class="data-prize">{{ optional($starSpinCode->starSpinGift)->name }} --}}
                                                <td class="data-prize">
                                                    {{ \App\Enums\GiftTypeEnum::getName(optional($starSpinCode->starSpinGift)->name) }}
                                                </td>

                                                </td>
                                                <td class="data-voucher-code">{{ $starSpinCode->voucher_code ?? '' }}</td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr class="no-data-msg">
                                            <td colspan="4">Bạn chưa có mã quay thưởng nào.</td>
                                        </tr>
                                    @endif
                                </table>
                            </div>
                        </div>
                    @else
                        <a href="{{ $login_url }}" class="btn btn-login btn-block btn-gradient-red">đăng nhập ngay</a>
                    @endif
                </div>
            </div>
        </section>
        <!-- SECTION - List Of Winner - END -->
    </main>
    <!-- MAIN - END -->
@stop

@section('scripts')
    <script src="{{ asset('starspin_front/app/js/scripts-bundled.js') }}"></script>
    {{-- quick defined --}}

@stop