@extends('layouts.userLayout')
@section('content')

<!-- ==== Breadcame ==== -->
<div class="breadcrumb_bg_img">
    <div class="page_heading">Student Profile</div>
</div>
<!-- ==== Breadcame ==== -->


<!-- ==== Syllabus Section Start ==== -->
<section class="dashboard_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="dashboard_sec_area">
                    <div class="dashboard_inner_area">
                        <div class="left_sidebar d-lg-block d-none match_height_col">
                            @include('user.dashboard.sidebar')
                        </div>
                        <div class="right_sec_area match_height_col">
                            <div class="change_pass_area">
                                <div class="change_inner_area match_height_col">
                                    <!--!! FLAST MESSAGES !!-->
                                    @include('user.partials.flash_messages')
                                    <form method="post" id="change_password">
                                        {{ csrf_field() }}
                                        <div class="inputs_fields">
                                            <div class="form-group">
                                                <div class="form_input">
                                                    <input type="password" class="form-control" name="old_password" value="{{ old('old_password') }}" placeholder="Enter Your Old Password" autocomplete="off" required />
                                                    <div class="password_show">
                                                        <div class="eye_icon icon close">
                                                            <img src="{{ url('frontend/images/password_eye_closed.png') }}" alt="..." />
                                                        </div>
                                                        <div class="eye_icon icon open d-none">
                                                            <img src="{{ url('frontend/images/password_eye_open.png') }}" alt="..." />
                                                        </div>
                                                    </div>
                                                </div>
                                                <label id="old_password-error" class="error" for="old_password">@error('old_password') {{ $message }} @enderror</label>
                                            </div>
                                            <div class="form-group">
                                                <div class="form_input">
                                                    <input type="password" class="form-control" name="new_password" value="{{ old('new_password') }}" placeholder="New Password" autocomplete="off" required />
                                                    <div class="password_show">
                                                        <div class="eye_icon icon close">
                                                            <img src="{{ url('frontend/images/password_eye_closed.png') }}" alt="..." />
                                                        </div>
                                                        <div class="eye_icon icon open d-none">
                                                            <img src="{{ url('frontend/images/password_eye_open.png') }}" alt="..." />
                                                        </div>
                                                    </div>
                                                </div>
                                                <label id="new_password-error" class="error" for="new_password">@error('new_password') {{ $message }} @enderror</label>
                                            </div>
                                            <div class="form-group">
                                                <div class="form_input">
                                                    <input type="password" class="form-control" name="confirm_password" value="{{ old('confirm_password') }}" placeholder="Confirm New Password" autocomplete="off" required />
                                                    <div class="password_show">
                                                        <div class="eye_icon icon close">
                                                            <img src="{{ url('frontend/images/password_eye_closed.png') }}" alt="..." />
                                                        </div>
                                                        <div class="eye_icon icon open d-none">
                                                            <img src="{{ url('frontend/images/password_eye_open.png') }}" alt="..." />
                                                        </div>
                                                    </div>
                                                </div>
                                                <label id="confirm_password-error" class="error" for="confirm_password">@error('confirm_password') {{ $message }} @enderror</label>
                                            </div>
                                        </div>

                                        <div class="reset_btn">
                                            <button type="submit" class="btn btn-primary">Submit</button>
                                        </div>
                                    </form>
                                </div>
                            </div>      
                        </div>
                        <div class="bg_image d-xl-block d-none">
                            <img src="{{ url('frontend/images/pencil_img.png') }}" alt="..." />
                        </div>
                        <div class="bg_image bg_icon1 d-xl-block d-none">
                            <img src="{{ url('frontend/images/academics/bg_icon.png') }}" alt="..." />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Syllabus Section End ==== -->

@endsection