@extends('frontend.master')
<link rel="stylesheet" href="{{ asset('assets/frontend/css/recent_projects.css') }}">
<link rel="stylesheet" href="{{ asset('assets/frontend/css/blog_archive.css') }}">
<link rel="stylesheet" href="{{ asset('assets/frontend/css/blog_single.css') }}">
@section('content')
    <section id="loginPart">
        <div class="container">

            <div class="row">
                <div class="col-md-7">
                    <div class="login_signup_left">
                        <div class="left_login">
                            <a href="{{route('home')}}"><img class="img-responsive" src="{{ asset('assets/frontend/images/BICM-Logo.png') }}" alt="" /></a>
                            <h3 class="desk">Bangladesh Institute of Capital Market (BICM)</h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="row">
                        <!-- Success Error message from backend-->
                        @include('frontend.include.backendAlert')
                    </div>
                    <div class="row login_signup_right">
                        <div class="col-md-12 mb-3">
                        <h3>Reset Password</h3>
                        @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                        @endif
                        @if(session('error'))
                            <div style="color: red;">{{ session('error') }}</div>
                        @endif
                        <form name="loginForm" id="loginForm"  class="custom form needs-validation" method="POST" action="{{ route('studentResetPasswordUpdate') }}" enctype="multipart/form-data"  novalidate>
                            @csrf
                            <input type="hidden" name="token" value="{{ request()->route('token') }}">
                            <div class="form-group">
                                <label class="form-label" for="exampleInputEmail1">Your Email Address</label>
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ request()->email }}" required readonly>
                                @error('email')
                                <span class="invalid-feedback d-block">{{ $message }}</span>
                                @enderror
                                
                            </div>

                            <div class="form-group">
                                <label for="password" class="form-label">{{ __('New Password') }}</label>
                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required>
    
                                @error('password')
                                <span class="invalid-feedback d-block">{{ $message }}</span>
                                @enderror
                            </div>
    
                            <div class="form-group">
                                <label for="password_confirmation" class="form-label">{{ __('Confirm Password') }}</label>
                                <input id="password_confirmation" type="password" class="form-control" name="password_confirmation" required>
                            </div>
                            
                        </div>
                        <div class="d-grid mb-3">
                            <button type="submit" class="btn btn-primary w-100">
                                {{ __('Reset Password') }}
                            </button>
                        </div>
                            
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </section>

@endsection
@section('customScript')
<script src="{{ asset('assets/plugins/jqueryvalidate/jquery.validate.min.js') }}"></script>
<script>
    $(document).ready(function () {
$("#loginForm").validate({
    rules: {
        email: {
            required: true,
            email: true,
        },
    },
    messages: {
        email: {
            required: "Please provide email address",
        },
    },
    errorElement: "div",
    errorPlacement: function (error, element) {
        var feedbackElement = element.siblings('.invalid-feedback');
        if (feedbackElement.length) {
            feedbackElement.html(error.html());
        } else {
            error.addClass("invalid-feedback");
            element.closest(".form-group").append(error);
        }
    },
    // errorPlacement: function (error, element) {
    //     error.addClass("invalid-feedback"); // Bootstrap's error class
    //     element.closest(".form-group").append(error);
    // },
    highlight: function (element) {
        $(element).addClass("is-invalid").removeClass("is-valid");
    },
    unhighlight: function (element) {
        $(element).addClass("is-valid").removeClass("is-invalid");
    },
    submitHandler: function (form) {
        // Add 'was-validated' class to trigger Bootstrap validation
        form.classList.add('was-validated');
        form.submit(); // Perform the default form submission
    }
});
});    
</script>
@endsection

{{-- @extends('frontend.master')
<link rel="stylesheet" href="{{ asset('assets/frontend/css/recent_projects.css') }}">
<link rel="stylesheet" href="{{ asset('assets/frontend/css/blog_archive.css') }}">
<link rel="stylesheet" href="{{ asset('assets/frontend/css/blog_single.css') }}">

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">{{ __('Reset Password') }}</div>

                <div class="card-body">
                    <form method="POST" action="{{ route('password.update') }}">
                        @csrf
                        <input type="hidden" name="token" value="{{ request()->route('token') }}">

                        <div class="mb-3">
                            <label for="email" class="form-label">{{ __('Email Address') }}</label>
                            <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ request()->email }}" required readonly>

                            @error('email')
                            <span class="invalid-feedback d-block">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="password" class="form-label">{{ __('New Password') }}</label>
                            <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required>

                            @error('password')
                            <span class="invalid-feedback d-block">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="password_confirmation" class="form-label">{{ __('Confirm Password') }}</label>
                            <input id="password_confirmation" type="password" class="form-control" name="password_confirmation" required>
                        </div>

                        <button type="submit" class="btn btn-primary w-100">
                            {{ __('Reset Password') }}
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection --}}