@extends('layouts.app')
@section('content')
<div class="mainsection col-lg-12 col-md-12 col-sm-12 col-xs-12">
</div>
<div class="logincontainer col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <div class="row">
        <div class="loginsecleft col-lg-12 col-md-12 col-sm-12 col-xs-12 px-0"> 
            <div class="loginsecleftsec col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="loginseclogoimg col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <img src="{{asset('assets/img/logo-2.png')}}" class="img-fluid" alt="Tricall"/>
                </div> 
                <div class="loginformhead col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h2>Reset your Password</h2>
                    <p class="mb-3">
                        {{ __('Please enter your new 8-digit Password.') }}
                    </p>
                </div>
                <!-- Validation Errors -->
                @if (session('status'))
                    <div class="mb-4 text-green-600 font-medium text-sm px-3">
                        {{ session('status') }}
                    </div>
                @endif
                <form method="POST" action="{{ route('password.store') }}">
                    @csrf
                    <input type="hidden" name="token" value="{{ $request->route('token') }}">
                    <div class="logformdiv col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group">
                            <div class="input-icon">
                                <span class="input-icon-addon">
                                    <i class="fe fe-at-sign"></i>
                                </span>
                                <input id="email" name="email" type="email" value="{{ old('email', $request->email) }}" class="resetemail form-control @error('email') border-red-500 @enderror" placeholder="Email" readonly required autofocus/>
                            </div>
                            @error('email')
                                <div class="text-sm text-red-600 mt-1 errmsg">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="logformdiv col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group">
                            <div class="input-icon">
                                <span class="input-icon-addon">
                                    <i class="fe fe-lock"></i>
                                </span>
                                <input id="password" name="password" type="password" minlength="8" class="resetpass form-control @error('password') border-red-500 @enderror" placeholder="Password" required/>
                            </div>
                            @error('password')
                                <div class="text-sm text-red-600 mt-1 errmsg">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="logformdiv col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group">
                            <div class="input-icon">
                                <span class="input-icon-addon">
                                    <i class="fe fe-lock"></i>
                                </span>
                                <input id="password_confirmation" name="password_confirmation" type="password" minlength="8" class="resetconpass form-control @error('password_confirmation') border-red-500 @enderror" placeholder="Confirm Password" required/>
                            </div>
                            @error('password_confirmation')
                                <div class="text-sm text-red-600 mt-1 errmsg">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="logformdivcheck col-lg-12 col-md-12 col-sm-12 col-xs-12 d-block">
                        <a class="text-sm text-blue-500 hover:underline" style="float: right;" href="{{ route('login') }}">
                            Back to login
                        </a>
                    </div>
                    <div class="logformdivbtn col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <button type="submit" class="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded">
                            {{ __('Reset Password') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@include('includes.login_jslinks')
@endsection