@php
    $campaign_name = getCampaignName();
    $account = getCurrentDomainBusinessAccount();
    $trans_ratio = getActiveTheme('reg_tou_transparent_ratio') ?? 0.15;
    $campaign_status = getCampaignStatus();
    $reg_by_passcode_only = config('sys.reg_by_passcode_only');
    $reg_separate_name = config('sys.reg_separate_name');
    if($additional_view = App\Models\System\SysSettings::get_setting('register:additional')){
        $additional_view = $additional_view['layout'];
    }
    $dob_option_select = config('sys.dob_option_select');
    $dob_age_limit = config('sys.dob_age_limit');
    $show_promo_first = config('sys.promocode_page_first_regform');

    // for retrieving data from API
    $email = $user['email'];
    $name = $user['name'];
    $lastName = $user['last_name'];
    $mobile = $user['mobile'];
    $address = $user['address'];

@endphp

<script>
    window.dobOptionSelect = "{{ $dob_option_select }}";
    window.dobAgeLimit = "{{ $dob_age_limit }}";
    window.showPromoFirst = "{{ $show_promo_first ? 'true' : 'false' }}";
    window.regSeparateName = "{{ $reg_separate_name }}";
</script>

@if(!$campaign_status['post_campaign'])
    <div class="col col-12 col-sm-9 mx-auto">
        <h4 class="text-center">{!! $campaign_name !!}</h4>
    </div>

    {{--    promo code section--}}
    <div class="promo-reg-container">
        <div id="promo-code-section" class="col mx-auto mt-3 mb-5 {{ $show_promo_first ? '' : 'd-none' }}">
            <form id="form-promo-code" class="mt-3 mb-5">
                <div class="form-group">
                    <label for="promo-code-input">{{ __('heading.form_promocode_title') }}</label>
                    <input type="text" class="form-control required" id="promo-code-input" placeholder="{{ __('label.placeholder_promocode_input') }}">
                </div>
                <p>
                    {!! __('label.promocode_regform_desc') !!}
                </p>
                <button type="button" id="btn-next-page" class="btn btn-primary">{{ __('label.btn_next_page') }}</button>
                <div class="text-center mt-2">
                    <span id="promo-msg-error" class="message text-dark bg-warning" style="display: none;"></span>
                </div>
            </form>
        </div>

        {{--  registration page   --}}
        <div id="registration-section" class="{{ $show_promo_first ? '' : 'd-none' }}">
            <form id="form-signup" class="col mx-auto mt-3 mb-5">
                {{-- <p class="bg-color bold p-1 text-center" style="border-radius: 5px;"> --}}
                {{-- {{ config('stampcard.registration.subheadline') }} --}}
                {{-- </p> --}}
                @if($reg_by_passcode_only)
                    <div class="form-group">
                        <label for="signup-name-input">{{ __('heading.form_label_passcode') }}</label>
                        <input type="text" class="form-control required" id="signup-passcode-input" aria-describedby="nameHelp" placeholder="{{ __('label.placeholder_passcode') }}">
                    </div>
                @else
                    @if($reg_separate_name)
                        <div class="form-group">
                            <label for="signup-first-name-input">{{ __('heading.form_label_first_name') }}</label>
                            <input type="text" class="form-control required" id="signup-first-name-input" aria-describedby="nameHelp" placeholder="{{ __('label.placeholder_first_name') }}" value="{{ $name }}">
                        </div>
                        <div class="form-group">
                            <label for="signup-last-name-input">{{ __('heading.form_label_last_name') }}</label>
                            <input type="text" class="form-control required" id="signup-last-name-input" name="user_last_name" aria-describedby="nameHelp" placeholder="{{ __('label.placeholder_last_name') }}" value="{{ $lastName }}">
                        </div>
                    @else
                        <div class="form-group">
                            <label for="signup-name-input">{{ __('heading.form_label_name') }}</label>
                            <input type="text" class="form-control required" id="signup-name-input" aria-describedby="nameHelp" placeholder="{{ __('label.placeholder_name') }}" value="{{ $name }}">
                        </div>
                    @endif

                    <div class="form-group">
                        <label for="signup-mobile-input">{{ __('heading.form_label_mobile') }}</label>
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <div class="input-group-text p-0 bg-white">
                                    <select id='signup-countrycode' class="py-0 pr-4 border-0 custom-select " style="height: 36px">
                                        <option value='60'>+60</option>
                                        <option value='65' selected>+65</option>
                                    </select>
                                </div>
                            </div>
                            <input class="required form-control"
                                   type="tel" id="signup-mobile-input" placeholder="{{ __('label.placeholder_mobile') }}" validate="" value="{{ $mobile }}">
                        </div>

                    </div>

                    <div class="form-group">
                        <label for="signup-email-input">{{ __('heading.form_label_email') }}</label>
                        <input type="email" class="form-control {{config('sys.reg_email_mandatory')?'required':''}}" id="signup-email-input" aria-describedby="emailHelp" placeholder="{{ __('label.placeholder_email') }}" value="{{ $email }}">
                    </div>

                    @if(config('sys.reg_enable_dob'))
                        {{--        <div class="form-group">--}}
                        {{--            <label for="signup-dob-input">{{ __('heading.form_label_date_of_birth') }}</label>--}}
                        {{--            --}}{{-- <input type="text" class="form-control required" id="signup-dob-input" aria-describedby="dobHelp" placeholder="{{ __('label.placeholder_date_of_birth') }}" name="birthday" value="01/01/2000"> --}}
                        {{--            <input type="text" class="form-control required" id="signup-dob-input" aria-describedby="dobHelp" placeholder="{{ __('label.placeholder_date_of_birth') }}" name="birthday">--}}
                        {{--        </div>--}}
                        <div class="form-group">
                            @if($dob_option_select == 'month-year')
                                <label for="signup-dob-input">{{ __('heading.form_label_monthyear') }}</label>
                                <input type="text" class="form-control required" id="signup-dob-input" aria-describedby="dobHelp" placeholder="{{ __('label.placeholder_monthyear') }}" name="birthday">
                            @elseif($dob_option_select == 'year')
                                <label for="signup-dob-input">{{ __('heading.form_label_year') }}</label>
                                <input type="text" class="form-control required" id="signup-dob-input" aria-describedby="dobHelp" placeholder="{{ __('label.placeholder_year') }}" name="birthyear">
                            @elseif($dob_option_select == 'MM/DD/YYYY')
                                <label for="signup-dob-input">{{ __('heading.form_MM_DD_YYYY') }}</label>
                                <input type="text" class="form-control required" id="signup-dob-input" aria-describedby="dobHelp" placeholder="{{ __('label.placeholder_MM_DD_YYYY') }}" name="birthday">
                            @else
                                <label for="signup-dob-input">{{ __('heading.form_label_date_of_birth') }}</label>
                                <input type="text" class="form-control required" id="signup-dob-input" aria-describedby="dobHelp" placeholder="{{ __('label.placeholder_date_of_birth') }}" name="birthday">
                            @endif
                        </div>
                    @endif


                    @if(config('sys.reg_enable_year'))
                        <div class="form-group">
                            <label for="signup-year-input">{{ __('heading.form_label_year_of_birth') }}</label>
                            <input type="text" class="form-control required" id="signup-dob-input" aria-describedby="dobHelp" placeholder="{{ __('label.placeholder_date_of_birth') }}" name="birthday" value="01/01/2000">
                            <input type="text" class="form-control required" id="signup-year-input" aria-describedby="dobHelp" placeholder="{{ __('label.placeholder_year_of_birth') }}" name="birthyear">
                        </div>
                    @endif


                    @if(config('sys.reg_enable_address'))
                        <div class="form-group">
                            <label for="signup-address-input">{{ __('heading.form_label_address') }}</label>
                            <input type="text" class="form-control required" id="signup-address-input" aria-describedby="addressHelp" placeholder="{{ __('label.placeholder_address') }}">
                        </div>
                    @endif

                    @if(config('sys.reg_enable_address_state'))
                        <div class="form-group">
                            <label for="signup-address-state-input">{{ __('heading.form_label_address_state') }}</label>
                            <div id="signup-address-state-input">
                            </div>
                        </div>
                    @endif

                    @if($additional_view)
                        @include($additional_view)
                    @endif

                    @php
                        //        $tou = trim(__('enterprise.registrationTou'));
                        //        $tou2 = trim(__('enterprise.registrationTou2'));
                        //        $hasTou1 = $tou && $tou !== 'enterprise.registrationTou';
                        //        $hasTou2 = $tou2 && $tou2 !== 'enterprise.registrationTou2';

                                $custom_tou = config('sys.client_tnc_copy');
                    @endphp
                    {{--
                            /*
                             * change to get env tnc and pp for tnc 1
                             * depreciate lang type tnc
                             */
                            /*
                             * 20230705 allow custom tnc copy to be added via env
                             */
                             --}}
                    <div class="form-check" style="font-size: 0.7rem; background-color: rgba(0,0,0,{{$trans_ratio}});">

                        <input type="checkbox" class="form-check-input d-none accept_tou" id="accept_tou">
                        <label class="form-check-label d-flex text-justify" for="accept_tou"><span class="my-auto">
                    @if(!$custom_tou)
                                    I agree to
                                    <a href="{{ config('app.SKALE_TNC_LINK') }}" target="_blank" alt="Term & Conditions"  class="underline" >SKALE's</a>
                                    and {{ config( 'sys.client_name')  ?? ($account ? $account->company_name : '') }}'s
                                    <a href="{{ config('sys.client_privacy_link') }}" target="_blank" alt="Privacy Policy" class="underline">Privacy Policy</a>
                                    and <a href="{{ config( 'sys.client_terms_link') }}" target="_blank" alt="Term & Conditions"  class="underline" >Terms & Conditions</a>
                                @else
                                    {!!
                                    str_replace(
                                        [':client_name',':client_privacy_link',':client_tnc_link'],
                                        [config('sys.client_name') ?? ($account ? $account->company_name : ''), config('sys.client_privacy_link'),config('sys.client_tnc_link')],
                                        $custom_tou)
                                    !!}
                                @endif
                 </span></label>

                        {{--        @if($hasTou1)--}}
                        {{--        <div>--}}
                        {{--            <input type="checkbox" class="form-check-input d-none accept_tou" id="accept_tou">--}}
                        {{--            <label class="form-check-label d-flex text-justify" for="accept_tou">--}}
                        {{--                <span class="w-100">{!! $tou !!}</span>--}}
                        {{--                --}}{{-- <span>I agree to <a href="{{ config('app.SKALE_TNC_LINK') }}" target="_blank" alt="Term & Conditions"  class="underline" >SKALE's</a> and Capitaland's--}}
                        {{--                    <a href="{{ config('plant.client_privacy_link') }}" target="_blank" alt="Privacy Policy" class="underline">Privacy Policy</a> and <a href="{{ config('plant.client_tnc_link') }}" target="_blank" alt="Term & Conditions"  class="underline" >Terms & Conditions</a>--}}
                        {{--                </span> --}}
                        {{--            </label>--}}
                        {{--        </div>--}}
                        {{--        @endif--}}
                        {{--        @if($hasTou2)--}}
                        {{--        <br/>--}}
                        {{--        <div>--}}
                        {{--            <input type="checkbox" class="form-check-input d-none accept_tou" id="accept_tou2">--}}
                        {{--            <label class="form-check-label d-flex text-justify" for="accept_tou2">--}}
                        {{--                <span class="w-100">{!! $tou2 !!}</span>--}}
                        {{--            </label>--}}
                        {{--        </div>--}}
                        {{--        @endif--}}

                    </div>
                    @if($dob_age_limit && $dob_age_limit > 0)
                        <div class="form-check" style="font-size: 0.7rem; background-color: rgba(0,0,0,{{$trans_ratio}}); margin-top:8px;">
                            <input type="checkbox" class="form-check-input d-none age_limit_accept_tou" id="age_limit_accept_tou">
                            <label class="form-check-label d-flex text-justify" for="age_limit_accept_tou"><span class="my-auto">
                                {!! __('label.tnc_age') !!}
                            </span></label>
                        </div>
                    @endif
                @endif
                {{--    @endif--}}
                <button type="submit" id="btn-signup" class="btn btn-primary my-3">{{ __('label.btn_registration_cta') }}</button>
                <x-main.error-msg/>

            </form>
            @if(!$reg_by_passcode_only && ($campaign_status['redeem_active'] || $campaign_status['pre_live_campaign']) && $campaign_status['login_active'])
                <p class="text-center mt-5">
                    {{ __('label.login_prompt') }}
                    <a href="{{ route('login') }}" class="bold underline">{{ __('label.login_here') }}</a>
                </p>
            @endif
        </div>
    </div>
@endif