@extends('layouts.app')
@section('title', 'Change Password — EasyHR Billing')
@section('content')
    <h1 class="page-title mb-4">Change Password</h1>
    <form method="POST" action="{{ route('password.update') }}" class="card card-body" style="max-width: 480px;">
        @csrf
        @method('PUT')
        <div class="mb-3">
            <label class="form-label" for="current_password">Current Password</label>
            <input id="current_password" name="current_password" type="password" class="form-control" required autofocus>
            @error('current_password')<div class="text-danger small">{{ $message }}</div>@enderror
        </div>
        <div class="mb-3">
            <label class="form-label" for="password">New Password</label>
            <input id="password" name="password" type="password" class="form-control" required>
            @error('password')<div class="text-danger small">{{ $message }}</div>@enderror
        </div>
        <div class="mb-3">
            <label class="form-label" for="password_confirmation">Confirm Password</label>
            <input id="password_confirmation" name="password_confirmation" type="password" class="form-control" required>
        </div>
        <button class="btn btn-primary" type="submit">Change Password</button>
    </form>
@endsection