@extends('layouts.portal_theme_01')
@section('content')
    <div class="container col-xl-12 col-xxl-8 px-4 py-5">
        <div class="row align-items-center g-lg-5 py-5">
            <div class="col-lg-6 text-center text-lg-start">
                <h1 class="display-4 fw-bold lh-1 text-body-emphasis mb-3">My Profile</h1>
                <p class="col-lg-10 fs-4">
                    Update your account password using the form on the right.
                </p>
            </div>
            <div class="col-md-10 mx-auto col-lg-6">

                <form class="p-4 p-md-5 border rounded-3 bg-body-tertiary" method="POST" action="{{ route('update-password') }}">
                    @csrf
                    <h2>Update Profile</h2>
                    <hr/>
                    @if (  session('message') )
                        <div class="alert alert-info mb-2">
                            {{  session('message')  }}
                        </div>
                    @endif

                    <div class="form-floating mb-3">
                        <input type="password" class="form-control" id="password" name="password" placeholder="Password">
                        <label for="password">Password</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="password" class="form-control" id="newpassword" name="newpassword" placeholder="Password">
                        <label for="newpassword">New Password</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="password" class="form-control" id="cpassword" name="cpassword" placeholder="Confirm password">
                        <label for="cpassword">Confirm New Password</label>
                    </div>
                    <button class="w-100 btn btn-lg btn-info" type="submit" value="update">Update Password</button>
                </form>
            </div>
        </div>
    </div>
@endsection