@extends('layouts.app')

@section('content')
    <!-- MAIN -->
    <main class="page-maincontent" id="page-main-content">
        <!-- SECTION Change Password -->
        <section class="section section-change-password-form pt-100 pb-110">
            <!-- Background -->
            <div class="bg-holder">
                <figure class="img-holder bg-img">
                    <img src="{{ asset('app/img/common/page-cloud-bg.jpg') }}" alt="" />
                </figure>

                <div class="bg-transition"></div>
            </div>

            <!-- Main Content -->
            <div class="main-content pt-180 pb-180 pt-60-mb pb-60-mb">
                <!-- Decor El -->
                <div class="decor">
                    <figure class="img-holder decor-img">
                        <img src="{{ asset('app/img/submit-form/form-decor.jpg') }}" alt="" />
                    </figure>
                </div>

                <!-- Change Password Form Main Content -->
                <div class="pw-changed-content">
                    <h1 class="page-title mb-20 txt-center jambono">
                        Password changed
                    </h1>
                    <p class="desc mb-40 txt-center">
                        Your Password has been <br class="mb-show" />Changed sucessfully!
                    </p>
                    <div class="cta txt-center">
                        <a href="{{ route('profile') }}" class="btn">Log into your account</a>
                    </div>
                </div>
            </div>
        </section>
        <!-- SECTION Change Password - END -->

        <!-- SECTION Fly with Vietjet -->
        @include('layout/fly-with-vj')
        <!-- SECTION Fly with Vietjet - END -->
    </main>
    <!-- MAIN - END -->
@endsection