@extends('backend.layout.layout')
@section('content')
    @include('backend.message')
    {{-- <form method="POST" action="{{ route('admin.changepassword') }}">
        @csrf
        <div>
            <label for="current_password">Current Password</label>
            <input type="password" name="current_password" id="current_password" required>
        </div>
        @error('current_password')
            <div>{{ $message }}</div>
        @enderror

        <div>
            <label for="password">New Password</label>
            <input type="password" name="password" id="password" required>
        </div>

        <div>
            <label for="password_confirmation">Confirm New Password</label>
            <input type="password" name="password_confirmation" id="password_confirmation" required>
        </div>
        @error('password')
            <div>{{ $message }}</div>
        @enderror
        <button type="submit">Change Password</button>
    </form> --}}

    <div class="login-box hold-transition" style="margin-left: 350px; margin-top: 150px;">
        <div class="login-logo">
            <a href="#"><b>Change</b>Password</a>
        </div>
        <!-- /.login-logo -->
        <div class="card">
            <div class="card-body login-card-body">
                <p class="login-box-msg"> Here you can easily set a new password.</p>

                <form action="{{ route('admin.changepassword') }}" method="post">
                    @csrf
                    <div class="input-group mb-3">
                        <label for="current_password">Current Password</label>
                        <input type="password" name="current_password" class="form-control" id="current_password" required>
                        {{-- <div class="input-group-append">
                          <div class="input-group-text">
                           <span class="fas fa-envelope"></span>
                           </div>
                         </div> --}}
                    </div>
                    @error('current_password')
                        <p class="text-danger">{{ $message }}</p>                        
                    @enderror

                    <div class="input-group mb-3">
                        <label for="password">New Password</label>
                        <input type="password" name="password" class="form-control" id="password" required>
                    </div>

                    <div class="input-group mb-3">
                        <label for="password_confirmation">Confirm New Password</label>
                        <input type="password" name="password_confirmation" class="form-control" id="password_confirmation" required>
                    </div>
                    @error('password')
                    <p class="text-danger">{{ $message }}</p>  
                    @enderror
                    <div class="row">
                        <div class="col-12">
                            <button type="submit" class="btn btn-primary btn-block">Change password</button>
                        </div>
                        <!-- /.col -->
                    </div>
                </form>

                {{-- <p class="mt-3 mb-1">
                    <a href="login.html">Login</a>
                </p>
                <p class="mb-0">
                    <a href="register.html" class="text-center">Register a new membership</a>
                </p> --}}
            </div>
            <!-- /.login-card-body -->
        </div>
    </div>
@endsection