@extends($activeTemplate . 'layouts.frontend')

@section('content')
    <section class="breadcrumb-area">
        <div class="container">
            <div class="breadcrumb-area-content">
                <h3 class="breadcrumb-area-title">@lang('Change Password')</h3>
                <p class="breadcrumb-area-desc mt-3">
                    @lang('Change your password to keep your account secure. Use a strong password that you don\'t use elsewhere.')
                </p>
            </div>
        </div>
    </section>

    <section class="py-60">
        <div class="container">
            <div class="row justify-content-center mt-4">
                <div class="col-md-8">
                    <div class="card custom--card">
                        <div class="card-header">
                            <h5 class="card-title">@lang('Change Password')</h5>
                        </div>
                        <div class="card-body">

                            <form method="post">
                                @csrf
                                <div class="form-group">
                                    <label class="form--label style-two">@lang('Current Password')</label>
                                    <input type="password" class="form--control md-style" name="current_password" required
                                        autocomplete="current-password">
                                </div>
                                <div class="form-group">
                                    <label class="form--label style-two">@lang('Password')</label>
                                    <input type="password" class="form--control md-style" name="password" required
                                        autocomplete="current-password">
                                </div>
                                <div class="form-group">
                                    <label class="form--label style-two">@lang('Confirm Password')</label>
                                    <input type="password" class="form--control md-style" name="password_confirmation"
                                        required autocomplete="current-password">
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn--base btn--md w-100">@lang('Submit')</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
