@extends('layouts.info')
@section('content')
<div class="container">
	<div class="row justify-content-center">
		<div class="col-md-6 col-12">
			<div class="my-5 card-body">
				@if(session()->has('message'))
					<div class="alert alert-info animated bounce">
					<i class="text-success fa fa-check-circle"></i> {{ session()->get('message') }}
					</div>
				@endif
				
				<div class="row">
					<div class="col-md-auto col-12 text-center">
						<i class="mi-lg text-success fa fa-check-circle"></i>
					</div>
					<div class="col">
						<h3 class="text-primary mb-2 font-weight-bold">OTP Verification</h3>
						<p class="text-muted">
							OTP has been sent to your phone number via SMS
						</p>
					</div>
					<div class="col-auto">
						<div id="countdown-timer" class="h4 text-bold text-info">--:--</div>
					</div>
				</div>