@extends('layouts.application_auth_layout')

@section('content')


            <div class="nk-block-head">
                <div class="nk-block-head-content">
                    <h5 class="nk-block-title">Password Setup </h5>
                    <div class="nk-block-des">
                        <small>Set up password to complete your registration process</small>
                    </div>
                </div>
            </div><!-- .nk-block-head -->
            <form method="POST" action="{{ route('web_save_password') }}" class="form-validate">
                @csrf

                <div class="form-group">
                    <label class="form-label" for="password">Password</label>
                    <div class="form-control-wrap">
                        <a tabindex="-1" href="#" class="form-icon form-icon-right passcode-switch" data-target="password">
                            <em class="passcode-icon icon-show icon ni ni-eye"></em>
                            <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                        </a>
                        <input type="password" class="form-control form-control-lg" id="password" autofocus required name="password" placeholder="Enter password">
                        @error('password')
                        <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                        @enderror
                    </div>
                </div>

                <div class="form-group">
                    <label class="form-label" for="password_confirmation">Confirm Password</label>
                    <div class="form-control-wrap">
                        <a tabindex="-1" href="#" class="form-icon form-icon-right passcode-switch" data-target="password_confirmation">
                            <em class="passcode-icon icon-show icon ni ni-eye"></em>
                            <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                        </a>
                        <input type="password" class="form-control form-control-lg" name="password_confirmation" id="password_confirmation" required placeholder="Confirm password">
                        @error('confirm_password')
                        <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                        @enderror
                    </div>
                </div>



                <input type="hidden" name="email" value="{{$applicant->email}}">
                <input type="hidden" name="applicant_id" value="{{$applicant->id}}">


                <div class="form-group">
                    <button class="btn btn-lg bg-custom-green text-white btn-block">Set Password</button>
                </div>

            </form><!-- form -->


@endsection