@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');

@endphp

<script>
    window.dobOptionSelect = "{{ $dob_option_select }}";
    window.dobAgeLimit = "{{ $dob_age_limit }}"
    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>

<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="" >
        </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') }}">
    </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--}}
    @if(config('sys.bypass_registration_question_flag'))
        <input type="hidden" id="bypass_registration_questions" name="bypass_registration_questions" value="true">
    @endif
    <button type="submit" id="btn-signup" class="btn btn-primary my-3">{{ __('label.btn_registration_cta') }}</button>
    <x-main.error-msg/>

</form>
@endif

@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

{{-- Bootstrap Modal for Session Messages --}}
@if(session('error'))
<!-- Session Message Modal -->
<div class="modal fade modal-theme" id="sessionMessageModal" tabindex="-1" popup_status="default" role="dialog" aria-labelledby="sessionMessageModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header h-100">
            </div>
            <div class="modal-body">
                <div class="masthead-main w-100 d-block my-0 mx-auto"></div>
                @if(session('error'))
                    <div class="alert alert-danger mt-5">
                        {{ session('error') }}
                    </div>
                @endif
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Close') }}</button>
                </div>
            </div>

        </div>
    </div>
</div>

<script>
    // Show modal if session message exists
    @if(session('error') || session('success') || session('warning') || session('info'))
        $(document).ready(function() {
            $('#sessionMessageModal').modal('show');
        });
    @endif
</script>
@endif