@section('script')
    @parent
@endsection

@component(getPopupLayout(),  ['id' => 'popup_login_otp'])
    <div class="status_item" status_id="default">
        <div class="text-center">
            {{ __('label.you_have_entered') }}<br/>
            <h5 class="user-mobile">+60XX XXXX XXX</h5>
            {{ __('label.msg_6digit_pin_next_cta_info') }}
        </div>
        @include('components.main.6-digit-pin', ['id'=>'popup_login_otp_pin'])

        <button id="btn-login-otp" class="btn btn-primary">{{ __('heading.btn_verify') }}</button>

        <div id="login-otp-resend" style='cursor: pointer' class=" my-2"></div>

        <div class="message-container">
            <div class="message text-center"></div>
        </div>
    </div>

@endcomponent