@extends('layouts.master')

@section('title', __('Redeem Gift Codes'))

@push('styles')
<link href="{{ asset('frontend/styles/css/my-purchases.css') }}" rel="stylesheet">
@endpush

@section("content")

<div id="featured-services" class="featured-services main_section">
    <div class="container" data-aos="fade-up">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 gift-code-main mt-5">
                <div class="col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 m-auto text-center">
                    <div class="px-0">
                        <div class="card bgcyan">
                            <div class="card-body">
                                <div class="mb-2">
                                    <h2 CLASS="p-0 m-0 redeemtitle">
                                        {{ __('Redeem Your Gift Code') }}
                                    </h2>
                                    <div class="dividerline"></div>
                                </div>
                                <div class="row justify-content-center align-items-center">
                                    <div class="col-lg-6">
                                        <form action="{{route('member.redeemGiftVoucher')}}" id="redeemForm" method="post">
                                            {{---- START for Automation ----}}
                                            @if(getSiteSettings('check_and_get_giftcode_from_v1') == 'yes')
                                                <input type="text" id="redeemed_datetime" name="redeemed_datetime" placeholder="redeemed_datetime">
                                            @endif
                                            {{---- END for Automation ----}}

                                            <div id="render-loader" style="display: none;">
                                                <div class="d-flex m-auto h-100">
                                                    <span class="h5 m-auto"><i class="fa fa-spinner fa-spin"></i>&nbsp;&nbsp;{{ __('Loading...')}}</span>
                                                </div>
                                            </div>

                                            <div id="main-div">
                                                <div class="pt-3">
                                                    <div class="mb-3 text-start">
                                                        <div class="relative z-0 w-full mb-1 group">
                                                            <input type="text" class="form-control border-clr p-2.5 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-700 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer form-control redeem-code-validation h-11" name="gift_code" id="gift_code" value="{{ isset($giftCard) ? $giftCard->gift_code : '' }}" {{ isset($giftCard) && $giftCard->status !== 1 ? 'readonly' : '' }} placeholder="" aria-describedby="inputGroupPrependpassword">
                                                            <label for="gift_code" class="cyan-lbl ml-2 p-2 py-0 peer-focus:font-medium absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white">{{ __("Gift Code") }}</label>
                                                            <span class="error gift_code_error text-danger">
                                                                @if((isset($giftCard) && (strtotime(date('Y-m-d')) > strtotime($giftCard->expire_date))))
                                                                    {{ __('The gift code is expired.') }}
                                                                @elseif((isset($giftCard) && $giftCard->status === 4))
                                                                    {{ __('The gift code is rejected.') }}
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <button class="btn btn-primary d-none"  id="enter-redeem-code">{{ __('Enter')}}</button>
                                                </div>
                                                <div class="text-start" id="rendered-html">
                                                @include('frontend.products.redeem-code-details')
                                                </div>
                                                @if ((!empty(Auth::user()->setting->fa_setting) && in_array('redeem_gift_code', Auth::user()->setting->fa_setting)) || !empty(Auth::user()->setting->fa3_setting) && in_array('redeem_gift_code', Auth::user()->setting->fa3_setting))
                                                    <button type="button" class="btn btn-primarycyan redeem mt-1" id="redeem" data-toggle="modal" data-target="#redeempopup" style="{{ (isset($giftCard) && ($giftCard->status === 1 && (strtotime(date('Y-m-d')) <= strtotime($giftCard->expire_date)))) ?'':'display:none'}}" onclick="checkAndSendOtpIfOnlyEmailOtpVerification('#reddemGiftCode2FaFormDiv')">{!! renderIconHtml('invoice') !!}{{ __("Redeem") }}</button>
                                                @else
                                                    <a type="button" class="btn btn-primarycyan redeem mt-1 opacity-75" id="redeem" style="{{ (isset($giftCard) && ($giftCard->status === 1 && (strtotime(date('Y-m-d')) <= strtotime($giftCard->expire_date)))) ?'':'display:none'}}" >{!! renderIconHtml('invoice') !!}{{ __("Redeem") }} <i class="bi bi-info-circle" data-toggle="tooltip" data-placement="top" title="{{ __('Enable 2FA authenticator to redeem gift code.') }}"></i></a>
                                                @endif
                                            </div>
                                        </form>
                                    </div>
                                    <div class="col-lg-6 col-12 d-flex justify-content-center">
                                        <img src="{{ asset('frontend/images/voucher.png') }}" class="voucher-img" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="redeempopup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered checkout-popup" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="row">
                    <div class="col-12" id="reddemGiftCode2FaFormDiv">
                        @if ((!empty(Auth::user()->setting->fa_setting) && in_array('redeem_gift_code', Auth::user()->setting->fa_setting)) || !empty(Auth::user()->setting->fa3_setting) && in_array('redeem_gift_code', Auth::user()->setting->fa3_setting))
                            <img src="{{ asset('frontend/images/redeem-vector.png') }}" class="reedemimg mb-5" />
                            <h5 class="text-center">{{ __("You're about to redeem ")}} <span class="gift-code">{{isset($giftCard) ? $giftCard->gift_code : ''}}</span> {{ __(" for ")}} <span class="gift-code-package">{{isset($giftCard) ? $giftCard->purchaseProduct->ProductStaticOption->title : ''}}</span> ?</h5>
                            <form method="POST" action="javascript:void(0)" onsubmit="return false;" id="redeemGiftCode2faForm">
                                <h4>{{ __("Important:")}}</h4>
                                <p>{{ __('Once redeemed, this action cannot be undone or canceled.')}}</p>
                                <h6>{{ __('Please confirm this action by entering your security code below.')}}</h6>
                                    @include('frontend.auth.2fa-3fa-validate-form',[
                                        'nextSubmittedFormId' => "redeemGiftCode2faForm",
                                        'cancelBtnHtml' => '<button type="button" name="previous" onclick="closeRedeemGiftCodeModal()" class="primarym-btn previous action-button-previous btn btn-primary mt-0 w-50 cancelhighlight">'.renderIconHtml('cancel').'Cancel</button>',
                                        'submitBtnHtml' => '<button type="submit" id="RedeemConfirmBtn" class="submitBtn submitbtnhighlight">'.renderIconHtml('confirmyes').'Yes</button>',
                                        'type' => 'redeem_gift_code'
                                    ])
                            </form>
                        @else
                            <h4 class="test-left">{{ __("Redeem gift code is disabled for your account")}}</h4>
                            <h6 class="test-left">{{ __("Please ensure the following requirements are met:")}}</h6>
                            <ul style="list-style: disc !important;">
                                <li>{{__('Google 2FA for redeem gift code must be enabled.')}}</li>
                            </ul>
                            {{ __("Please complete the necessary steps to enable redeem gift code.")}}
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection


@push('scripts')
<script>
    $(document).on("#redeempopupBtn","click",function() {
        $("#redeempopup").modal('show');
    });
</script>
<script src="{{asset('frontend/js/page-js/check-redeem-code.js')}}"></script>
@endpush