@extends('cleaner.layouts.default')

@section('title', 'Login')

@section('content')
<section>
    <div class="page-header " style="margin-top: 100px">
        <div class="w-100 m-auto">
            <div class="row m-auto container m-auto" style="display: flex; justify-content: center;">

                <div class="col-xl-5 col-lg-5 col-md-6 d-flex flex-column mx-lg-0">
                    <div class="card card-plain">
                        <div class="card-header pb-0 text-start">
                            <h1 class="font-weight-bolder">OTP</h1>
                            <p class="mb-0 font-weight-bold">We have send OTP to you registered phone, please check.</p>
                        </div>
                        <div class="card-body">
                            <form role="form" action="{{ route('cleaner.lets.authenticate') }}" method="POST">
                                @csrf
                                <div class="mb-3">
                                    <input type="text" id="phone" name="otp" class="form-control form-control-lg" value="{{ old('otp') }}" placeholder="OTP" aria-label="phone" style="border: 1px solid #9B99AF !important;height: 58px;
border-radius: 4px;
                                    font-size: 18px;
                                    line-height: 24px;">
                                    @error('otp')
                                    <span class="font-12 text-danger"><span>{{ $message }}</span></span>
                                    @enderror
                                </div>

                                <div class="text-center">
                                    <button type="submit" style="font-size:18px;font-weight: 500; " class="btn btn-lg btn-warning btn-lg w-100 mt-2 mb-0">Next</button>
                                </div>
                            </form>
                        </div>

                        @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                        @endif

                        @if (session('failure'))
                        <div class="alert alert-danger">
                            {{ session('failure') }}
                        </div>
                        @endif
                    </div>
                </div>


            </div>
                </div>

    </div>
</section>
<div class="ps__rail-x" style="left: 0px; bottom: 0px;">
    <div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div>
</div>
<div class="ps__rail-y" style="top: 0px; right: 0px;">
    <div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 0px;"></div>
</div>
@endsection