@extends('layouts.app', [
    'navTitle' => 'Előfizetés',
    'pageTitle' => 'Előfizetés',
    'seoTitle' => 'Előfizetés',
    'seoDesc' => 'Előfizetés',
    'pageImageRelativeUrl' => '',
    'navBackgroundDesktop' => 'pay/nav-background-desktop.webp',
    'navBackgroundMobile' => 'pay/nav-background-mobile.webp',
    'menuIndex' => -1,
])
@php
    use App\Models\Setting;
    use Carbon\Carbon;

    $startDate = Carbon::now();
    $monthsToAdd = match (request()->get('interval')) {
        '0' => 1,
        '1' => 6,
        '2' => 12,
        default => 0,
    };
    $expiryDate = $startDate->copy()->addMonths($monthsToAdd);
    $price = $subscriptionPackage->price;
    switch (request()->get('interval')) {
        case '1':
            $price = $price * 6 * ((100 - (int) Setting::getValue('package_half_year_discount')) / 100);
            break;
        case '2':
            $price = $price * 12 * ((100 - (int) Setting::getValue('package_year_discount')) / 100);
    }
@endphp
@section('content')
    <script>
        let needRegistration = {{ Auth::check() ? 'false' : 'true' }};
    </script>
    <link rel="stylesheet" href="/css/pay.css">
    <script src="/js/pay.js"></script>
    <form id="payment-form" method="POST" action="/start-subscription">
        @csrf
        @method('POST')

        <input type="hidden" name="package_id" value="{{ $subscriptionPackage->id }}">
        <input type="hidden" name="interval" value="{{ request()->get('interval') }}">
        <div class="container text-center big-padding">
            <div class="title">Köszönjük választásodat!</div>
            <div class="spacer-0"></div>
            <div class="infos">
                <div class="green-container">A megvásárolandó csomag neve:</div>
                <div class="bold-text">
                    {{ $subscriptionPackage->type == 1 ? 'Használt játékos előfizetés' : 'Új játékos előfizetés' }} -
                    {{ $subscriptionPackage->name }}
                </div>
                <div class="green-container">A csomag ára:</div>
                <div class="bold-text">{{ number_format($price, 0, ',', ' ') }} Ft</div>
                <div class="green-container">Érvényesség:</div>
                <div class="bold-text">{{ $expiryDate->translatedFormat('Y.m.d') }}</div>
            </div>
            <div class="green-container big">
                <div class="title little-margin-bottom">{{ Auth::check() ? 'Számlázási cím' : 'Regisztráció!' }}</div>
                <div>
                    {{ Auth::check() ? 'A megrendelés előtt győződj meg róla, hogy a számlázási adatok helyesek.' : 'A megrendelés véglegesítéséhez, regisztráció szükséges!' }}
                </div>
                <div class="spacer-2"></div>
                <div class="row text-left justify-content-center">
                    @if (!Auth::check())
                        <div class="col-12">
                            <div class="title">Felhasználói adatok megadása</div>
                            <div class="form-group">
                                <label for="email">Email:</label>
                                <input type="email" class="form-control" id="email" name="email"
                                    onkeyup="createPaymentFormValidation('email');" value="{{ old('email') }}">
                                <div class="input-error" name="email_error"></div>
                            </div>
                            <div class="form-group password-container">
                                <label for="password">Jelszó:</label>
                                <input type="password" class="form-control" id="password" name="password"
                                    onkeyup="createPaymentFormValidation('password');">
                                <div class="input-error" name="password_error"></div>
                                <span id="passwordEyeIcon_0" class="password-toggle-icon" onclick="eyeClick(0);"><i
                                        class="fas fa-eye"></i></span>
                            </div>
                            <div class="form-group password-container">
                                <label for="password_confirmation">Jelszó újra:</label>
                                <input type="password" class="form-control" id="password_confirmation" name="password_confirmation"
                                    onkeyup="createPaymentFormValidation('password_confirmation');">
                                <div class="input-error" name="password_confirmation_error"></div>
                                <span id="passwordEyeIcon_1" class="password-toggle-icon" onclick="eyeClick(1);"><i
                                        class="fas fa-eye"></i></span>
                            </div>
                        </div>
                    @endif
                    <div class="col-12">
                        <div class="title text-left">Számlázási cím megadása</div>
                        <div class="form-group">
                            <label for="name">Név:</label>
                            <input type="text" class="form-control" id="name" name="name"
                                value="{{ Auth::check() ? (!empty(Auth::user()->billingAddress->name) ? Auth::user()->billingAddress->name : Auth::user()->name) : old('name') }}"
                                onkeyup="createPaymentFormValidation('name');">
                            <div class="input-error" name="name_error"></div>
                        </div>
                        <div class="row">
                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="postal_code">Irányítószám:</label>
                                    <input type="text" class="form-control" id="postal_code" name="postal_code"
                                        value="{{ Auth::check() ? Auth::user()->billingAddress->postal_code ?? '' : old('postal_code') }}"
                                        onkeyup="createPaymentFormValidation('postal_code');">
                                    <div class="input-error" name="postal_code_error"></div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="city">Település:</label>
                                    <input type="text" class="form-control" id="city" name="city"
                                        value="{{ Auth::check() ? Auth::user()->billingAddress->city ?? '' : old('city') }}"
                                        onkeyup="createPaymentFormValidation('city');">
                                    <div class="input-error" name="city_error"></div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="street">Utca, házszám:</label>
                                    <input type="text" class="form-control" id="street" name="street"
                                        value="{{ Auth::check() ? Auth::user()->billingAddress->street ?? '' : old('street') }}"
                                        onkeyup="createPaymentFormValidation('street');">
                                    <div class="input-error" name="street_error"></div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="phone">Telefonszám:</label>
                                    <input type="text" class="form-control" id="phone" name="phone"
                                        value="{{ Auth::check() ? Auth::user()->billingAddress->phone ?? '' : old('phone') }}"
                                        onkeyup="createPaymentFormValidation('phone');">
                                    <div class="input-error" name="phone_error"></div>
                                </div>
                            </div>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="1" id="billingEqualsShipping"
                                name="billing_equals_shipping" {{ old('billing_equals_shipping') ? 'checked' : '' }}
                                onclick="billingEqualsShippingClicked();">
                            <label class="ml-3" for="billingEqualsShipping">
                                Szállítási cím megegyezik a számlázási címmel
                            </label>
                        </div>
                    </div>
                    <div class="spacer-1 w-100"></div>
                    <div class="col-12">
                        <div class="title text-left">Szállítási cím megadása</div>
                        <div class="form-group">
                            <label for="shipping_name">Név:</label>
                            <input type="text" class="form-control" id="shipping_name" name="shipping_name"
                                value="{{ Auth::check() ? (!empty(Auth::user()->billingAddress->shipping_name) ? Auth::user()->billingAddress->shipping_name : Auth::user()->name) : old('shipping_name') }}"
                                onkeyup="createPaymentFormValidation('shipping_name');">
                            <div class="input-error" name="shipping_name_error"></div>
                        </div>
                        <div class="row">
                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="shipping_postal_code">Irányítószám:</label>
                                    <input type="text" class="form-control" id="shipping_postal_code" name="shipping_postal_code"
                                        value="{{ Auth::check() ? Auth::user()->billingAddress->shipping_postal_code ?? '' : old('shipping_postal_code') }}"
                                        onkeyup="createPaymentFormValidation('shipping_postal_code');">
                                    <div class="input-error" name="shipping_postal_code_error"></div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="shipping_city">Település:</label>
                                    <input type="text" class="form-control" id="shipping_city" name="shipping_city"
                                        value="{{ Auth::check() ? Auth::user()->billingAddress->shipping_city ?? '' : old('shipping_city') }}"
                                        onkeyup="createPaymentFormValidation('shipping_city');">
                                    <div class="input-error" name="shipping_city_error"></div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="shipping_street">Utca, házszám:</label>
                            <input type="text" class="form-control" id="shipping_street" name="shipping_street"
                                value="{{ Auth::check() ? Auth::user()->billingAddress->shipping_street ?? '' : old('shipping_street') }}"
                                onkeyup="createPaymentFormValidation('shipping_street');">
                            <div class="input-error" name="shipping_street_error"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div>Kattints a "Tovább a fizetésre!" gombra a fizetés elindításához!</div>
            <button class="small-padding">Tovább a fizetésre!</button>
        </div>
    </form>
@endsection