<?php
/**
 * View file for WooCommerce Custom Order SMS Message
 *
 * @package miniorange-sms-order-notification-otp-verification/notifications/wcsmsnotification/views
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

use WCSMSOTP\Helper\MoUtility;

	echo '
			<div id="custom_order_sms_meta_box">
				<input type="hidden" id="post_ID" name="post_ID" value="' . esc_attr( get_the_ID() ) . '">
				<div id="jsonMsg" hidden></div>

				<b>' . esc_html__( 'Billing Phone', 'miniorange-sms-order-notification-otp-verification' ) . ': </b><br>
				<input type="text" id="billing_phone" name="billing_phone" value="' . esc_attr( isset( $phone_numbers ) ? $phone_numbers : '' ) . '" style="width:100%"/><br><br>';


	echo ' <b>' . esc_html__( 'SMS Template:', 'miniorange-sms-order-notification-otp-verification' ) . ' </b><br>
                <p>
					<textarea type="text" name="mo_wc_custom_order_msg" id="mo_wc_custom_order_msg" class="mowc-textarea w-full mowc_remaining_characters" 
						value="" placeholder="' . esc_attr__( 'Write your message here..', 'miniorange-sms-order-notification-otp-verification' ) . '"></textarea>
					<span id="characters" style="font-size:12px;">' . esc_html__( 'Remaining Characters :', 'miniorange-sms-order-notification-otp-verification' ) . ' <span id="remaining_mo_wc_custom_order_msg">160</span> </span>
				</p>
				<p>
					<a class="mowc-button primary" id="mo_custom_order_send_message">' . esc_html__( 'Send SMS', 'miniorange-sms-order-notification-otp-verification' ) . '</a>
	        	</p>
			</div>

			<div class="mo_otp_note">
				' . esc_html__( 'Note for Indian customers :', 'miniorange-sms-order-notification-otp-verification' ) . '
				' . esc_html__( 'Please contact us on', 'miniorange-sms-order-notification-otp-verification' ) . '
				<u>  ' . esc_html__( 'mfasupport@xecurify.com', 'miniorange-sms-order-notification-otp-verification' ) . '</u>      
				' . esc_html__( 'for sending the Custom SMS to users.', 'miniorange-sms-order-notification-otp-verification' ) . '   
            </div>';

	echo '           

			<script>
				jQuery(document).ready(function () {  
					window.intlTelInput(document.querySelector("#billing_phone"));
				});
			</script>';
