@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