@extends('shared.front')
@section('content')
    <script src="https://www.google.com/recaptcha/api.js?render=6LfCZNQbAAAAAI2dChejG90G--QAdoVUR4N9jzBA"></script>
    <script src="https://ap-gateway.mastercard.com/checkout/version/62/checkout.js"
            data-cancel="{{Illuminate\Support\Facades\URL::route('home.index')}}"></script>
    <div class="container cart cart-payment">
        <div class="title-w-decor">
            <div class="title-decor decor-1"></div>
            <h2>{{ __('messages.checkout.payment') }}</h2>
            <div class="title-decor decor-2"></div>
        </div>

        <div class="cart__content">
            <!-- cart col left -->
            <div class="cart__col-left">
                <!-- payment form -->
                <form class="" id="cart-payment-form" method="POST" action="/">
                    <div class="payment__form">
                        <div class="payment__nav">
                            @php
                                $b_token_valid = \App\Http\Controllers\HomeController::is_token_still_valid(config('starspin.config.session_timeout'));
                                if (!$b_token_valid) {
                                    \App\Http\Controllers\HomeController::do_logout();
                                }

                                $login_link = config('starspin.config.starguide_login_url') . "?redirect=" . action('HomeController@checkout') . "&utm_source=StarSpin&utm_medium=online&utm_campaign=Star_Spin_Registration";
                                $logout = config('starspin.config.starguide_logout_url') . "?redirect=" . config('starspin.config.root_url') . "&utm_source=StarSpin&utm_medium=online&utm_campaign=Star_Spin_Registration";
                                $is_login = \App\Http\Controllers\HomeController::is_loggedin();

                                if (!$is_login) {
                                    $token = isset($_GET["token"]) ? $_GET["token"] : "";
                                    $user_id = isset($_GET["user_id"]) ? $_GET["user_id"] : "";
                                }

                                if (!$is_login && $user_id && $token) {
                                    $arr_val = array (
                                        "USER_ID" => $user_id,
                                        "ACCESS_TOKEN" => config('starspin.config.access_token'),
                                        "TOKEN" => $token
                                    );
                                    // GET user
                                    $url_get_user = config('starspin.config.api_host') . \App\Http\Controllers\HomeController::template2content(config('starspin.config.uri_get_user'), $arr_val);
                                    $response = \App\Http\Controllers\HomeController::callAPI('GET', $url_get_user, false);
                                    $user_data = $response ? json_decode($response, true) : null;

                                    if ($user_data && isset($user_data["api_status"]) && $user_data["api_status"]=="success") {
                                        $full_name = isset($user_data["full_name"]) ? $user_data["full_name"] : "";
                                        $mobile = isset($user_data["mobile"]) ? $user_data["mobile"] : "";
                                        $city = isset($user_data["location"]) ? $user_data["location"] : "";
                                        $email = isset($user_data["email"]) ? $user_data["email"] : "";

                                        $user = \App\Member::query()->where('id', '=', $user_id)->first();
                                        if($user == null){
                                            $user = new \App\Member();
                                            $user->id = $user_id;
                                            $user->starguide_user_id = $user_id;
                                            $user->email = $email;
                                            $user->full_name = $full_name;
                                            $user->mobile = $mobile;
                                            $user->city = $city;
                                            $user->ip_address = \App\Http\Controllers\HomeController::get_client_ip_address();
                                            $user->added_date = date("Y-m-d H:i:s");
                                            $user->save();
                                        }
                                        if ($user) {
                                            \App\Http\Controllers\HomeController::set_login($user, $token);
                                            $is_login = \App\Http\Controllers\HomeController::is_loggedin();
                                        }
                                    }
                                }
                                else{
                                    $userInfo = \App\Http\Controllers\HomeController::get_current_user_object();
                                    $user_id = $userInfo ? $userInfo->id : '';
                                }
                            @endphp
                            @if($is_login && $user_id != '')

                            @else
                                <div>
                                    {{ __('messages.checkout.already_have_account') }}
                                    <a href="{{ $login_link }}"
                                       class="common-link">{{ __('messages.checkout.login') }}
                                    </a>
                                </div>
                            @endif

                            <a href="{{ action('HomeController@customerInformation') }}" class="common-link back-to-cart hidden-xs">
                                <img src="{{ asset('new_front/app/assets/img/arrow-back.svg') }}"
                                     alt=""/>{{ __('messages.checkout.back_to_cart') }}
                            </a>
                        </div>

                        @csrf
                        <div id="errorDiv" class="alert alert-danger alert-dismissible fade show" style="display: none;">
                            <span id="errorMessage">{{ __('messages.checkout.error') }}</span>
                        </div>
                        <h3>{{ __('messages.checkout.delivery_information_1') }}</h3>
                        <div class="form-2-col">
                            <div class="form-group form-group--left">
                                <input type="text" placeholder="{{ __('messages.checkout.fullname') }}" id="user-name-input"
                                       value=""/>
                                <label>{{ __('messages.checkout.fullname') }}</label>
                                <small class="input-err-msg">{{ __('messages.checkout.fullname_error') }}</small>
                            </div>
                            <div class="form-group form-group--right">
                                <input type="tel" placeholder="{{ __('messages.checkout.identity_card') }}" required
                                       id="user-identity-input"/>
                                <label>{{ __('messages.checkout.identity_card') }}</label>
                                <small class="input-err-msg">{{ __('messages.checkout.identity_card_error') }}</small>
                            </div>
                        </div>
                        <div class="form-2-col">
                            <div class="form-group form-group--left">
                                <input type="tel" placeholder="{{ __('messages.checkout.phone_number') }}" required
                                       id="user-phone-input" value=""/>
                                <label>{{ __('messages.checkout.phone_number') }}</label>
                                <small class="input-err-msg">{{ __('messages.checkout.phone_number_error') }}</small>
                            </div>
                            <div class="form-group form-group--right">
                                <input type="email" placeholder="Email" required id="user-email-input"/>
                                <label>{{ __('messages.checkout.email') }}</label>
                                <small class="input-err-msg">{{ __('messages.checkout.email_error') }}</small>
                            </div>
                        </div>
                        <h3>{{ __('messages.checkout.delivery_information') }}</h3>
                        <div class="form-group">
                            <input type="text" placeholder="{{ __('messages.checkout.address') }}" required
                                   id="user-address-input" value=""/>
                            <label>{{ __('messages.checkout.address') }}</label>
                            <small class="input-err-msg">{{ __('messages.checkout.address_error') }}</small>
                        </div>
                        <div class="form-3-col">
                            <div class="form-group form-group--city">
                                <select id="citySelect" class="form-select2-hide-search">
                                    <option value="0" checked>{{ __('messages.checkout.city') }}</option>
                                </select>
                                <small class="input-err-msg">{{ __('messages.checkout.city_error') }}</small>
                            </div>
                            <div class="form-group form-group--district">
                                <select id="districtSelect" class="form-select2">
                                    <option value="0" checked>{{ __('messages.checkout.district') }}</option>
                                </select>
                                <small class="input-err-msg">{{ __('messages.checkout.district_error') }}</small>
                            </div>
                            <div class="form-group form-group--district">
                                <select id="wardSelect" class="form-select2" id="user-ward-input">
                                    <option value="0" checked>{{ __('messages.checkout.ward') }}</option>
                                </select>
                                <small class="input-err-msg">{{ __('messages.checkout.ward_error') }}</small>
                            </div>
                        </div>
                        <h3>{{ __('messages.checkout.delivery_information_2') }}</h3>
                        <div class="form-radio">
                            <label>
                                <input class="payment-method" type="radio" name="payment-method" id="cod"
                                       value="{{ \App\Enums\OrderPaymentMethod::COD }}"
                                       checked/>
                                {{ __('messages.checkout.cod') }}
                            </label>
                            <label>
                                <input class="payment-method" type="radio" name="payment-method" id="banking"
                                       value="{{ \App\Enums\OrderPaymentMethod::BANK }}"/>
                                {{ __('messages.checkout.bank_transfer') }}
                            </label>
                            <label>
                                <input class="payment-method" type="radio" name="payment-method" id="momo"
                                       value="{{ \App\Enums\OrderPaymentMethod::MOMO }}"/>
                                {{ __('messages.checkout.momo') }}
                                <img src="{{ asset('front/app/assets/img/icon-momo.svg') }}" alt="momo"/>
                            </label>
                            <label>
                                <input class="payment-method" type="radio" name="payment-method" id="Mastercard"
                                       value="{{ \App\Enums\OrderPaymentMethod::MASTERCARD }}"/>
                                {{ __('messages.checkout.mastercard') }}
                                <img width="30" src="{{ asset('front/app/assets/img/icon-visa.png') }}"
                                     alt="visa"/>
                                <img width="30" src="{{ asset('front/app/assets/img/icon-mastercard.png') }}"
                                     alt="mastercard"/>
                            </label>
                            <label>
                                <input class="payment-method" type="radio" name="payment-method" id="Napas"
                                       value="{{ \App\Enums\OrderPaymentMethod::NAPAS }}"/>
                                {{ __('messages.checkout.napas') }}
                                <img width="40" src="{{ asset('front/app/assets/img/icon-napas.png') }}"
                                     alt="napas"/>
                            </label>
                        </div>
                    </div>

                    @include('home.elements.invoice')
                </form>
                @include('home.elements.payment-note')
            </div>
            <!-- cart col right -->
            <div class="cart__col-right payment__sidebar">
                <div class="payment__referral">
                    <div class="form-group">
                        <p class="font-weight-bold">{{ __('messages.checkout.referral') }}</p>
                        <p class="description">{!! __('messages.checkout.discount_50k') !!}</p>
                        <div class="content hide-content">
                            <p>
                                <strong>{{ __('messages.checkout.referrers') }}</strong> {{ __('messages.checkout.referrer_text') }}
                            </p>
                            <p>{{ __('messages.checkout.referrer_gift') }}</p>
                            <p><strong>{{ __('messages.checkout.phone_number_referral') }}</strong></p>
                            <p>{{ __('messages.checkout.phone_number_referral_rule') }}</p>
                        </div>
                        <div class="show-more">
                            <a href="javascript:;">{{ __('messages.profile.see_more') }}</a>
                        </div>
                        <p class="font-weight-bold mt-3">{{ __('messages.checkout.phone_number_referral') }}</p>
                        <div class="phone-number d-flex justify-content-between">
                            <div class="input-group">
                                <input type="text" placeholder="{{ __('messages.checkout.phone_number') }}" required=""
                                       id="user-phone-referral"
                                       value="">
                                <small class="input-err-msg">{{ __('messages.checkout.phone_number_error') }}</small>
                            </div>

                            <button class="btn submit-btn" type="button"
                                    id="referral-submit">{{ __('messages.checkout.use') }}</button>
                        </div>
                    </div>
                </div>


                <div class="cart__total">
                    <ul class="related-product"></ul>
                    <ul class="product-total-price-count">
                        <li>
                            {{ __('messages.cart.sub_total') }}
                            <b><span class="cart__total-temp-value"></span> VNĐ</b>
                        </li>
                        <li>
                            {{ __('messages.cart.discount') }}
                            <b><span class="cart__discount-value">0</span> VNĐ</b>
                        </li>
                        <li>
                            {{ __('messages.cart.shipping_fee') }}
                            <b>--</b>
                        </li>
                        <li>
                            {{ __('messages.cart.promotion_code') }}
                            <b><span class="cart__voucher-value">--</span></b>
                        </li>
                    </ul>
                    <div class="total">
                        {{ __('messages.cart.total_bill') }}
                        <b class="cart__total-final"><span class="cart__total-value"></span> VNĐ <span
                                    class="cart__total-vat">{{ __('messages.cart.include_vat') }}</span></b>
                    </div>
                    @include('home.elements.shipment-note')
                </div>
                @if(($checkoutOff ?? 0) == 0)
                    <div class="custom-control custom-checkbox">
                        <input class="custom-control-input" required id="agreement-checkbox" type="checkbox" value=""
                               name="agree">
                        <label class="custom-control-label" for="agreement-checkbox">
                            {{ __('messages.checkout.agree_with') }} <a
                                    href="https://giaobianhanh.com/chinh-sach-bao-mat-thong-tin-ca-nhan.html"
                                    target="_blank">{{ __('messages.checkout.privacy_policy') }}</a> {{ __('messages.checkout.and') }}
                            <a
                                    href="https://giaobianhanh.com/chinh-sach-bao-hanh-va-doi-tra-hang.html"
                                    target="_blank">{{ __('messages.checkout.buy_condition') }}</a>
                        </label>
                    </div>
                    <button class="btn submit-btn g-recaptcha" id="submit-payment-btn"
                            data-sitekey="6LfCZNQbAAAAAI2dChejG90G--QAdoVUR4N9jzBA"
                            data-callback='onSubmit'
                            data-action='submit'>
                        {{ __('messages.checkout.payment_confirm') }}
                    </button>
                @endif
                <div class="visible-xs text-center">
                    <a href="{{ action('HomeController@cart') }}" class="common-link back-to-cart">
                        <img src="{{ asset('front/app/assets/img/arrow-back.svg') }}"
                             alt=""/>{{ __('messages.checkout.back_to_cart') }}
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection