@extends('doctor.layouts.authapp')

@section('content')
<div class="container">
        <div class="align-items-center d-flex justify-content-center vh-100">
            <div class="register-page">
                <a class="logo text-center" href="{{url('doctor/login')}}"><img src="{{ asset('assets/images/logo/logo.png') }}"></a>
                <h4>Let’s Set 4-Digit PIN.</h4>
                <form class="default-form-wrap" action="{{ route('doctor.set.pin') }}" method="POST">
        @csrf
        <input type="hidden" name="mobileno" value="{{ session('mobileno') }}">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="single-input-wrap">
                                <label><img src="{{ asset('frontend/assets/img/icon/profile.svg') }}" alt="img"></label>
                                <input type="password" name="password" class="form-control" required maxlength="4" pattern="\d{4}" placeholder="Enter 4-digit PIN">
                            </div>
                            @error('password')
                <div class="text-danger">{{ $message }}</div>
            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <button type="submit" class="btn btn-base w-100">Set PIN</button>
                        </div>
                    </div>


                </form>
                <div class="row">
                        <div class="col-md-12">
                    <a class="flogo text-center mt-4" href="{{url('doctor/login')}}"><img src="{{ asset('assets/images/logo/corona-logo.png') }}"></a>
                    </div>
                    </div>
            </div>           
        </div>
    </div>
@endsection