@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>Forgot your Password</h2>
                    <p class="mb-3">
                        {{ __('Forgot your Password? No problem. Just let us know your email address and we will email you a Password reset link that will allow you to choose a new one.') }}
                    </p>
                </div>
                <!-- Session Status -->
                @if (session('status'))
                    <div class="mb-4 text-green-600 font-medium text-sm px-3 resetlinkmsg">
                        {{ session('status') }}
                    </div>
                @endif
                <form method="POST" action="{{ route('password.email') }}">
                    @csrf
                    <input type="hidden" name="latitude" id="latitude">
                    <input type="hidden" name="longitude" id="longitude">
                    <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') }}" class="forgetemail form-control @error('email') border-red-500 @enderror" required autofocus/>
                                @error('email')
                                    <div class="text-sm text-red-600 mt-1 errmsg">{{ $message }}</div>
                                @enderror
                            </div>
                        </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">
                            {{ __('Submit') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@include('includes.login_jslinks')
@endsection