@extends('frontend.layouts.app')
@section('frontend_title', 'Tushar Enterprise')

@section('frontend_content')
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-md-offset-3 mx-auto px-5 py-5 my-5 shadow-sm rounded">
                <div id="register" class="px-2 py-3 border-1">
                    <form method="POST" action="{{ route('password.store') }}">
                        @csrf
                        <h4 class="border-b pb-2 mb-3">Change Your Password</h4>
                        <!-- Password Reset Token -->
                        <input type="hidden" name="token" value="{{ $request->route('token') }}">

                        <div class="form-group">
                            <label for="register-email">Email *</label>
                            <input type="email" class="form-control" id="register-email" name="email" value="{{ old('email', $request->email) }}" required>
                            @error('email')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div><!-- End .form-group -->

                        <div class="form-group">
                            <label for="register-password">Password *</label>
                            <input type="password" class="form-control" id="register-password" name="password" required>
                            @error('password')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div><!-- End .form-group -->

                        <div class="form-group">
                            <label for="confirm-password">Confirm Password *</label>
                            <input type="password" class="form-control" id="confirm-password" name="password_confirmation" required>
                            @error('password_confirmation')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div><!-- End .form-group -->

                        <div class="form-footer justify-content-between">
                            <button type="submit" class="btn btn-outline-primary-2">
                                <span>Reset Password</span>
                                <i class="icon-long-arrow-right"></i>
                            </button>
                        </div><!-- End .form-footer -->
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection