@php
    use App\Models\Setting;
    use App\Enums\SubscriptionStatus;
    $userSubPrice = Auth::check() && Auth::user()->isSubscribed() ? Auth::user()->subscription->package->price : 0;
@endphp
{{-- Are u sure popup modal delete --}}
<div class="modal are-u-sure custom-modal" tabindex="-1" role="dialog" id="areUSureModalDelete">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Biztos le szeretné mondani az előfizetését?</h5>
                <button type="button" class="close no-hover-lift" data-dismiss="modal" aria-label="Bezárás">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="/end-subscription" method="POST">
                @csrf
                @method('POST')
                <div class="modal-footer">
                    <button type="button" class="btn submit-button secondary" data-dismiss="modal">Mégse</button>
                    <button type="submit" class="btn submit-button">Lemondás</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="spacer-0"></div>
@if (isset(Auth::user()->subscription))
    @if (Auth::user()->subscription->status == SubscriptionStatus::Active || Auth::user()->subscription->status == SubscriptionStatus::Canceled)
        <div class="active-package text-center">Jelenleg aktív csomag:
            {{ Auth::user()->subscription->package->name }}
            ({{ Auth::user()->subscription->package->type == 1 ? 'használt játékos' : 'új játékos' }})</div>
        <div class="active-package text-center">Előfizetés érvényessége: {{ convertToTimezone(Auth::user()->subscription->valid_until) }}
        </div>
        @if (Auth::user()->subscription->status == SubscriptionStatus::Active)
            <div class="text-center"><button class="small-padding" data-toggle="modal" data-target="#areUSureModalDelete">Előfizetés
                    lemondása</button></div>
        @else
            <div class="active-package text-center">Előfizetésed lemondva.</div>
        @endif
        <div class="spacer-1"></div>
    @endif
    @if (Auth::user()->subscription->status == SubscriptionStatus::Pending)
        <div class="active-package text-center">Előfizetésed feldolgozás alatt áll. Kérjük, várj türelemmel.</div>
        <div class="spacer-1"></div>
    @endif
@endif
@php
    $texts = [
        [
            [
                'Havi ' . number_format($subscriptionPackages[1]->cupon, 0, ',', '.') . ' Ft értékű játékcsere',
                'Extra kupon: 5.000 Ft értékben',
                'Akár évi 195.000 Ft értékű játékcsere',
                'Ingyenes kiszállítás havi 1 alkalommal',
                'Rugalmas játékcsere - bármikor',
                $subscriptionPackages[1]->keeping_discount . '% megtartási kedvezmény',
                '10 % ajánlói kedvezmény',
            ],
            [
                'Havi ' . number_format($subscriptionPackages[2]->cupon, 0, ',', '.') . ' Ft értékű játékcsere',
                'Extra kupon: 10.000 Ft értékben',
                'Akár évi 350.000 Ft értékű játékcsere',
                'Ingyenes kiszállítás, visszaküldés havi 1 alkalommal',
                'Rugalmas játékcsere - bármikor',
                $subscriptionPackages[2]->keeping_discount . '% megtartási kedvezmény',
                '20% ajánlói kedvezmény',
                'Digitális jelvények',
                'Belépés a zárt ' . env('APP_NAME') . ' közösségbe',
                'Titkos Raktár, új játékok',
                'Évente 1 Rejtélyes Csomag',
            ],
            [
                'Havi ' . number_format($subscriptionPackages[3]->cupon, 0, ',', '.') . ' Ft értékű játékcsere',
                'Extra kupon: 20.000 Ft értékben',
                'Akár évi 600.000 Ft értékű játékcsere',
                'Ingyenes kiszállítás, visszaküldés havi 1 alkalommal',
                'Rugalmas játékcsere - bármikor',
                $subscriptionPackages[3]->keeping_discount . '% megtartási kedvezmény',
                '30% ajánlói kupon',
                'Digitális jelvények',
                'Belépés a zárt ' . env('APP_NAME') . ' közösségbe',
                'Havi extra VIP kupon',
                'Évente 2 Rejtélyes Csomag',
                'Offline kedvezmények',
            ],
        ],
        [['Fityesz'], ['Fityesz'], ['Fityesz']],
    ];
@endphp
<div class="packages-title text-center">Használt játékos előfizetések</div>
<div class="packages-container">
    <div class="packages-container-row d-flex flex-column flex-md-row">
        <div class="box">
            @if (Auth::user()->isSubscribed() && Auth::user()->subscription->package->id == 3)
                <img src="/images/profile/currently_active.webp" class="currently-active-package"></img>
            @endif
            <button class="small-radius no-horizontal-padding title-button no-hover-lift">{{ $subscriptionPackages[3]->name }}</button>
            <div class="price">{{ number_format($subscriptionPackages[3]->price, 0, ',', ' ') }} Ft/Hó</div>
            @foreach ($texts[0][2] as $text)
                <div class="line"></div>
                <div class="row no-gutters justify-content-between item">
                    <img src="/images/index/success.svg"></img>
                    <div class="text">{{ $text }}</div>
                </div>
            @endforeach
            <div class="flex-grow-1"></div>
            <div><button {{ $userSubPrice >= $subscriptionPackages[3]->price ? 'disabled' : '' }} onclick='moveToPay(0,2)'
                    class="sub-button small-padding">Előfizetek</button></div>
            <div class="bottom-text">Jelenleg az előfizetés a brancs közösségi kampány finanszírozás keretében lehetséges.</div>
        </div>
        <div class="box">
            @if (Auth::user()->isSubscribed() && Auth::user()->subscription->package->id == 2)
                <img src="/images/profile/currently_active.webp" class="currently-active-package"></img>
            @endif
            <button class="small-radius no-horizontal-padding title-button no-hover-lift">{{ $subscriptionPackages[2]->name }}</button>
            <div class="price">{{ number_format($subscriptionPackages[2]->price, 0, ',', ' ') }} Ft/Hó</div>
            @foreach ($texts[0][1] as $text)
                <div class="line"></div>
                <div class="row no-gutters justify-content-between item">
                    <img src="/images/index/success.svg"></img>
                    <div class="text">{{ $text }}</div>
                </div>
            @endforeach
            <div class="flex-grow-1"></div>
            <div><button {{ $userSubPrice >= $subscriptionPackages[2]->price ? 'disabled' : '' }} onclick='moveToPay(0,1)'
                    class="sub-button small-padding">Előfizetek</button></div>
            <div class="bottom-text">Jelenleg az előfizetés a brancs közösségi kampány finanszírozás keretében lehetséges.</div>
        </div>
        <div class="box">
            @if (Auth::user()->isSubscribed() && Auth::user()->subscription->package->id == 1)
                <img src="/images/profile/currently_active.webp" class="currently-active-package"></img>
            @endif
            <button class="small-radius no-horizontal-padding title-button no-hover-lift">{{ $subscriptionPackages[1]->name }}</button>
            <div class="price">{{ number_format($subscriptionPackages[1]->price, 0, ',', ' ') }} Ft/Hó</div>
            @foreach ($texts[0][0] as $text)
                <div class="line"></div>
                <div class="row no-gutters justify-content-between item">
                    <img src="/images/index/success.svg"></img>
                    <div class="text">{{ $text }}</div>
                </div>
            @endforeach
            <div class="flex-grow-1"></div>
            <div><button {{ $userSubPrice >= $subscriptionPackages[1]->price ? 'disabled' : '' }} onclick='moveToPay(0,0)'
                    class="sub-button small-padding">Előfizetek</button></div>
            <div class="bottom-text">Jelenleg az előfizetés a brancs közösségi kampány finanszírozás keretében lehetséges.</div>
        </div>
    </div>
</div>
<!--
<div class="spacer-2"></div>
<div class="packages-title text-center">Új játékos előfizetések</div>
<div class="packages-container">
    <div class="packages-container-row d-flex flex-column flex-md-row">
        <div class="box">
            @if (Auth::user()->isSubscribed() && Auth::user()->subscription->package->id == 4)
<img src="/images/profile/currently_active.webp" class="currently-active-package"></img>
@endif
            <button class="small-radius no-horizontal-padding title-button no-hover-lift">{{ $subscriptionPackages[4]->name }}</button>
            <div class="price">{{ number_format($subscriptionPackages[4]->price, 0, ',', ' ') }} Ft/Hó</div>
            @foreach ($texts[1][0] as $text)
<div class="line"></div>
                <div class="row no-gutters justify-content-between item">
                    <img src="/images/index/success.svg"></img>
                    <div class="text">{{ $text }}</div>
                </div>
@endforeach
            <div class="flex-grow-1"></div>
            <div><button {{ $userSubPrice >= $subscriptionPackages[4]->price ? 'disabled' : '' }} onclick='moveToPay(1,0)' class="sub-button small-padding">Előfizetek</button></div>
        </div>
        <div class="box">
            @if (Auth::user()->isSubscribed() && Auth::user()->subscription->package->id == 5)
<img src="/images/profile/currently_active.webp" class="currently-active-package"></img>
@endif
            <button class="small-radius no-horizontal-padding title-button no-hover-lift">{{ $subscriptionPackages[5]->name }}</button>
            <div class="price">{{ number_format($subscriptionPackages[5]->price, 0, ',', ' ') }} Ft/Hó</div>
            @foreach ($texts[1][1] as $text)
<div class="line"></div>
                <div class="row no-gutters justify-content-between item">
                    <img src="/images/index/success.svg"></img>
                    <div class="text">{{ $text }}</div>
                </div>
@endforeach
            <div class="flex-grow-1"></div>
            <div><button {{ $userSubPrice >= $subscriptionPackages[5]->price ? 'disabled' : '' }} onclick='moveToPay(1,1)' class="sub-button small-padding">Előfizetek</button></div>
        </div>
        <div class="box">
            @if (Auth::user()->isSubscribed() && Auth::user()->subscription->package->id == 6)
<img src="/images/profile/currently_active.webp" class="currently-active-package"></img>
@endif
            <button class="small-radius no-horizontal-padding title-button no-hover-lift">{{ $subscriptionPackages[6]->name }}</button>
            <div class="price">{{ number_format($subscriptionPackages[6]->price, 0, ',', ' ') }} Ft/Hó</div>
            @foreach ($texts[1][2] as $text)
<div class="line"></div>
                <div class="row no-gutters justify-content-between item">
                    <img src="/images/index/success.svg"></img>
                    <div class="text">{{ $text }}</div>
                </div>
@endforeach
            <div class="flex-grow-1"></div>
            <div><button {{ $userSubPrice >= $subscriptionPackages[6]->price ? 'disabled' : '' }} onclick='moveToPay(1,2)' class="sub-button small-padding">Előfizetek</button></div>
        </div>
    </div>
</div>
-->