{{-- To attain knowledge, add things every day; To attain wisdom, subtract things every day. --}}
<div class="content-body">
    <div class="page-titles">
        <h5 class="dashboard_bar">Change Password</h5>
        <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ url('/dashboard') }}">
                    Home </a>
            </li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Change Password</a></li>
        </ul>
    </div>
    <div class="container">
        <div class="col-xl-12 col-lg-12">
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Change Password</h4>
                </div>
                <div class="card-body">
                    <form wire:submit.prevent="updatePassword">
                        <div class="mb-3">
                            <label class="form-label">Current Password</label>
                            <input type="password" wire:model.defer="current_password" class="form-control">
                            @error('current_password')
                                <div class="text-danger small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label">New Password</label>
                            <input type="password" wire:model.defer="password" class="form-control">
                            @error('password')
                                <div class="text-danger small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Confirm New Password</label>
                            <input type="password" wire:model.defer="password_confirmation" class="form-control">
                        </div>

                        <button type="submit" class="btn btn-primary">
                            Update Password
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

</div>