@extends('layouts.app')

@section('content')
<div class="main-outer">
    <div class="row justify-content-center">
         <div class="col-md-8 p-0">
      <div class="brand-img-outer">
        <img src="{{ env('APP_URL', '') }}/assets/img/brand-img.png">
      </div>
    </div>
        <div class="col-md-4 p-0">
            <div class="card h-100 p-4">
                <h1 class="text-center main-heading mb-4" id="headingpoll">Enter PIN/OTP</h1>
            

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

                    <form method="POST" action="{{ route('pin.verify') }}">
                        @csrf

                        <div class="form-group">
<!--                                 <label class="form-control-placeholder">Pin</label>
 -->                                
                                <input placeholder = "PIN" id="pin" type="text" class="form-control @error('pin') is-invalid @enderror" name="pin" value="{{ old('pin') }}" required autocomplete="pin" autofocus>
                                <input id="email" type="hidden" class="form-control" name="email" value="{{ $user->email }}" required autocomplete="email" autofocus>
                                <input id="user_id" type="hidden" class="form-control" name="user_id" value="{{ $user->id }}" required autocomplete="user_id" autofocus>

                                @error('pin')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                           
                        </div>

                        <div class="form-group ">
                                <button type="submit" class="purple-btn w-100">
                                    {{ __('Continue') }}
                                </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection