@extends('www.layouts.app', [
    'title' => @$page->meta_title,
    'keywords' => @$page->keywords_description,
    'description' => @$page->meta_description,
    'image' => @$page->image,
    'header' => true,
    'footer' => true,
])
@section('content')
    @include('www.layouts.hero', ['title' => @$page->meta_title])
    <div class="container">
        <section class="py-5">
            <div class="container p-0">
                <div class="row">
                    <div class="col-lg-3 order-2 order-lg-1">
                        @include('www.account.sidebar')
                    </div>
                    <div class="col-lg-9 order-1 order-lg-2 mb-5 mb-lg-0">
                        <form id="ajax-form">
                            <div class="row g-3">
                                <div class="col-12">
                                    <label for="name">Current password</label>
                                    <input type="password" class="form-control" name="current_password">
                                </div>
                                <div class="col-12">
                                    <label for="phone">New password</label>
                                    <input type="password" class="form-control" name="password" id="password">
                                </div>
                                <div class="col-12">
                                    <label for="email">Confirm password</label>
                                    <input type="password" class="form-control" name="confirm_password">
                                </div>
                                <div class="col-12">
                                    <button class="btn btn-primary rounded-pill py-3 px-5" type="submit">Save</button>
                                </div>
                                <div class="col-12">
                                    <div class="ajax-message"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

@push('script')
@endpush