@extends('layouts.app')
@section('content')

    <div class="login-bg">
        <div class="">
            {{-- <p class="login-box-msg">
            {{ trans('global.login') }}
            </p> --}}

            <div class="container login-container">
                <div class="logo">
                    <img src={{ asset('images/noipunno-new-logo.svg') }} style="width: 120px; height: 120px;"
                        alt="" />
                </div>

                <div class="row">
                    <div class="col-md-7 col-sm-12 col-xl-8">
                        @include('auth.sso.account-login-common-left')
                    </div>
                
                    <div class="col-md-5 col-sm-12 col-xl-4 order-mobile-first">

                        <div class="card login-form-card">
                            <p class="teacher-login-title text-center">রিসেট পিন</p>
                            @if (session()->has('message'))
                                <p class="alert alert-info">
                                    {{ session()->get('message') }}
                                </p>
                            @endif

                            @if (session('error'))
                                <div class="alert alert-danger">
                                    {{ session('error') }}
                                </div>
                            @endif
                            <!-- Form Start -->
                            <form action="{{ route('account.password-update') }}" method="POST">
                                @csrf

                                <div class="form-group">
                                    <label for="id" class="login-field-title"> নতুন পিন দিন</label>
                                    <div class="form-group">
                                        <input id="password" type="number"
                                            class="form-control np-login-form-field {{ $errors->has('password') ? ' is-invalid' : '' }}"
                                            name="password" required placeholder="নতুন পিন দিন" max="999999" data-toggle="tooltip" data-placement="top" title="৬ (ছয়) ডিজিটের নতুন পিন প্রদান করুন">

                                        @if ($errors->has('password'))
                                            <div class="invalid-feedback">
                                                {{ $errors->first('password') }}
                                            </div>
                                        @endif
                                    </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="pin" class="login-field-title"> নতুন পিনটি পুনরায় দিন</label>
                                        <div class="form-group">
                                            <input id="password_confirmation" type="number"
                                                class="form-control np-login-form-field {{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}"
                                                name="password_confirmation" required placeholder="নতুন পিনটি পুনরায় দিন"
                                                max="999999" data-toggle="tooltip" data-placement="top" title="৬ (ছয়) ডিজিটের নতুন পিনটি পুনরায় প্রদান করুন">

                                            @if ($errors->has('password_confirmation'))
                                                <div class="invalid-feedback">
                                                    {{ $errors->first('password_confirmation') }}
                                                </div>
                                            @endif
                                        </div>

                                    </div>

                                    <button type="submit" class="btn login-button mt-5" style="color: #FFF"> রিসেট
                                        করুন</button>


                            </form>
                            <!-- Form End -->
                        </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
@endsection