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

@section('style')
@endsection

@section('content')
    <main class="page-main" id="look-up-gifts-detail-page">
        <h1 class="visuallyhidden">Săn Quà Đón Tết cùng Sapporo với 100% cơ hội trúng quà</h1>

        <div class="container sm-container">
            <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-red.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="decor decor-4">
                <figure class="img-holder bg-mode">
                    <img src="{{ asset('assets/img/landing-page/decor/firework-yellow.png') }}" alt=""
                        width="" height="">
                </figure>
            </div>
            <div class="section-content">
                {{-- Section Head --}}
                <div class="section-head">
                    {{-- Back Button --}}
                    <a class="back-btn" href="javascript:history.go(-1)">
                        <span class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <path d="M14 7L9 12L14 17" stroke="#6E0106" stroke-width="2" stroke-linecap="round"
                                    stroke-linejoin="round" />
                            </svg>
                        </span>
                        <span class="context">QUAY LẠI</span>
                    </a>

                    {{-- Gradient Title --}}
                    <h2 class="gradient-title" data-text="Chi tiết quà tặng">
                        <span>Chi tiết quà tặng</span>
                    </h2>
                </div>

                {{-- Prize Content --}}
                <div class="prize-content">
                    <div class="prize-img">
                        <figure class="img-holder bg-mode">
                            <img src="{{ optional($winner)->gift->image_path }}" alt="" width="" height="" />
                        </figure>
                    </div>
                    {{-- Prize Title --}}
                    <div class="prize-title">{{ optional(optional($winner))->gift->name }}</div>
                    {{-- Security code --}}
                    @if (optional($winner)->gift->is_voucher)
                        @if(optional($winner)->gift->voucher_type == \App\Enums\GiftVoucherTypeEnum::VOUCHER_STARSHOP)
                            <div class="security-code">Mã Voucher: {{ optional(optional(optional($winner))->promotionCode)->code }}</div>
                        @else
                            <div class="security-code">Mã bảo vệ: {{ optional(optional($winner))->urbox_verify_code }}</div>
                        @endif
                    @endif
                    @if (!optional($winner)->gift->is_voucher)
                        {{-- Note --}}
                        <p class="note">
                            Nhân viên của chúng tôi sẽ liên hệ để giao hàng trong 7 ngày làm việc. Bạn vui
                            lòng liên hệ chúng tôi qua số Hotline <b><a href="tel:0909 824 365">0909 824 365</a></b> hoặc
                            <b><a href="https://www.facebook.com/Sapporo.vn/?locale=vi_VN" target="_blank"
                                    rel="noopener">Fanpage Sapporo Vietnam</a></b> để hỗ trợ nhanh
                            nhất nhé.
                        </p>
                        {{-- Address --}}
                        <div class="address">
                            <span>Địa chỉ giao hàng:</span><br />
                            {{ optional($winner)->order->address }}
                        </div>
                    @endif
                </div>

                @if (optional($winner)->gift->is_voucher)
                    @if(optional($winner)->gift->voucher_type == \App\Enums\GiftVoucherTypeEnum::VOUCHER_STARSHOP)
                        <a href="{{ 'https://giaobianhanh.com/' }}" class="btn giao-bia-nhanh">Sử dụng mã</a>
                    @else
                        <a href="{{ optional($winner)->urbox_link }}" class="btn">Sử dụng mã</a>
                    @endif
                @endif
            </div>
        </div>
    </main>
@endsection

@section('script')
@endsection