<div class="d-flex flex-column flex-root">
    @section('title')
    Login | IAEA
    @endsection
    <!--begin::Login-->
    <div class="login login-5 login-signin-on d-flex flex-row-fluid " id="kt_login">
        <div class="d-flex flex-center bgi-size-cover bgi-no-repeat flex-row-fluid" style="background-image: url({{asset("public/theme/html/demo1/dist/assets/media/bg/bg-2.jpg")}});">
            <div class="login-form text-center text-white p-7 position-relative overflow-hidden">
                <!--begin::Login Header-->
                <div class="d-flex flex-center mb-15">
                    <a href="#">
                        <img src="{{asset("public/theme/html/demo1/dist/assets/media/logos/logo-letter-13.png")}}" class="max-h-75px" alt="" />
                    </a>
                </div>
                <!--end::Login Header-->
                <!--begin::Login Sign in form-->
                <div class="login-signin">
                    <div class="mb-20">
                        <h3 class="opacity-40 font-weight-normal">View Status Update</h3>
                        <p class="opacity-40">Kindly note that you are not to share<br> this number with anyone aside our staffs:</p>
                    </div>
                    <form class="form" method="post" action="{{url('users/login')}}">
                        @csrf
                        <div class="form-group">
                            <input type="text" placeholder="Your Phone Number" name="phone" required class="form-control h-auto text-white bg-white-o-5 rounded-pill border-0 py-4 px-8" />
                            @error('phone')<span class="text-white text-sm">{{$message}}</span>@enderror
                        </div>
                        <div class="form-group text-center mt-10">
                            <button type="submit" class="btn btn-pill btn-primary opacity-90 px-15 py-3">Sign in</button>
                        </div>
                    </form>
                </div>
                <!--end::Login Sign in form-->
            </div>
        </div>
    </div>
    <!--end::Login-->
</div>
