<!DOCTYPE html>
<html>
<head>
    <title>Change Password</title>
    <link rel="stylesheet" href="{{ asset('css/employee.css') }}">
</head>
<body style="background:#f4f6f9;">

<div class="content" style="max-width:700px;margin:60px auto;">

<div class="card">
    <h2>Change Password</h2>

    <form method="POST" action="/change-password">
        @csrf

        <input type="password" name="current_password" placeholder="Current Password" required class="form-input"><br><br>

        <input type="password" name="new_password" placeholder="New Password" required class="form-input"><br><br>

        <input type="password" name="new_password_confirmation" placeholder="Confirm New Password" required class="form-input"><br><br>

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

    <br>

    <a href="
    @if(auth()->user()->role == 'admin')
        /admin/dashboard
    @elseif(auth()->user()->role == 'security')
        /security/dashboard
    @else
        /employee/dashboard
    @endif
    " class="modal-btn neutral-btn">
Back to Dashboard
    </a>

</div>

</div>

</body>
</html>