@extends('candidate.layouts.app')

@section('content')
<div class="mb-4">
    <h4 class="fw-bold mb-1">Change Password</h4>
    <p class="text-muted mb-0">Update your account password.</p>
</div>

<div class="bg-white rounded-3 shadow-sm p-4" style="max-width: 500px; margin: 0 auto;">
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('candidate.password.update') }}" method="POST">
        @csrf

        <div class="mb-3">
            <label for="password" class="form-label fw-semibold">New Password</label>
            <input type="password" name="password" id="password"
                   class="form-control @error('password') is-invalid @enderror"
                   required autocomplete="new-password">
            @error('password')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
            <div class="form-text">Minimum 8 characters.</div>
        </div>

        <div class="mb-3">
            <label for="password_confirmation" class="form-label fw-semibold">Confirm New Password</label>
            <input type="password" name="password_confirmation" id="password_confirmation"
                   class="form-control"
                   required autocomplete="new-password">
        </div>

        <div class="d-flex gap-2">
            <button type="submit" class="btn btn-primary">
                <i class="ri-lock-password-line me-1"></i> Change Password
            </button>
            <a href="{{ route('candidate.dashboard') }}" class="btn btn-outline-secondary">
                Cancel
            </a>
        </div>
    </form>
</div>
@endsection