@extends('includes.master')


@section('content')

<div class="wizard-main">
	<div id="particles-js"></div>
	<div class="container">
		<div class="row">
		
			<div class="col-lg-6 login-sec mx-auto">
				<div class="login-sec-bg">
					<h2 class="text-center">Information</h2>
					<form ="" method="POST">
						@csrf
                        <h3 class="text-center p-2">Important Note</h3>
						<fieldset class="form-input">
                            @include('includes.alerts')
                                <p>
                                खाली दिलेल्या मराठी, हिंदी आणि इंग्लिश भाषेमधील कोणत्याही एका भाषेतलं वाक्य निवंडून तुम्हाला व्हिडिओ मध्ये बोलायचं आहे. 
                                <br>(Choose any one of the following language sentences from Marathi, Hindi and English language that you want to speak in the video.)
                                </p>
                                
                                <h4>
                                    <strong>English :</strong>
                                    "I, {{ $user->first_name .' '.$user->last_name }}, with video code {{ $videoCode }}, have applied for pension and eKYC with BNCMC."
                                </h4>

                                <h4>
                                   <strong> मराठी :</strong>
                                    "मी, {{ $user->first_name .' '.$user->last_name }}, व्हिडिओ कोड आहे {{ $videoCode }}, मी BNCMC कडे पेंशन आणि eKYC साठी अर्ज केला आहे."
                                </h4>
                                
                                <h4>
                                    <strong>हिंदी :</strong>
                                    "मैं, {{ $user->first_name .' '.$user->last_name }}, वीडियो कोड हैं {{ $videoCode }}, मैं BNCMC के साथ पेंशन और eKYC के लिए आवेदन कर चुका हूँ।"
                                </h4>
                                
                            
	                        <div class="row">
	                         <div class="col-lg-6">
	                              <a href="{{ url('recordings-video') }}" class="btn btn-warning mt-3 form-control">Next</a>
	                         </div>
	                         <div class="col-lg-6">
	                              <a href="#" class="btn btn-warning mt-3 form-control">Cancel</a>
	                         </div>
	                        </div>
	                       
						</fieldset>
					</form>	
				</div>
			</div>			
		</div>
	</div>
</div>


@endsection
@section('js')
<script src="{{ asset('wizard/js/jquery.min.js') }}"></script>

<script>
$(document).ready(function () {
function generateRandomFiveDigitNumber() {
    let randomNumber = Math.floor(Math.random() * 100000);
    let randomFiveDigitNumber = randomNumber.toString().padStart(5, '0');
    return randomFiveDigitNumber;
}

  var randomNoInput = document.getElementById("randomNo");
    randomNoInput.value = generateRandomFiveDigitNumber();
});
</script>
@endsection