@extends('layouts.app')

@section('content')
<div class="flex justify-between items-center mb-4">
    <h1>Update Password</h1>
</div>

<div style="max-width: 500px">
    <div class="card">
        <form method="POST" action="{{ route('admin.profile.password') }}">
            @csrf
            @method('PUT')
            
            <div class="form-group">
                <label class="form-label" for="current_password">Current Password</label>
                <input id="current_password" type="password" name="current_password" class="form-control" required>
                @error('current_password')<div class="error-text">{{ $message }}</div>@enderror
            </div>
            
            <div class="form-group mt-4">
                <label class="form-label" for="password">New Password</label>
                <input id="password" type="password" name="password" class="form-control" required>
                @error('password')<div class="error-text">{{ $message }}</div>@enderror
            </div>
            
            <div class="form-group">
                <label class="form-label" for="password_confirmation">Confirm New Password</label>
                <input id="password_confirmation" type="password" name="password_confirmation" class="form-control" required>
            </div>

            <button type="submit" class="btn mt-4">Update Password</button>
        </form>
    </div>
</div>
@endsection