@extends('layouts.app')
@section('title', __('ui.change_password'))

@section('content')
<div class="card" style="max-width:520px">
    <div class="card-header bg-white py-3"><h5 class="mb-0"><i class="bi bi-key text-primary"></i> {{ __('ui.change_password') }}</h5></div>
    <form method="POST" action="{{ route('security.password') }}" class="card-body">
        @csrf
        @foreach ([['current_password','ui.current_password'],['password','ui.new_password'],['password_confirmation','ui.confirm_password']] as [$n,$l])
            <div class="mb-3">
                <label class="form-label">{{ __($l) }}</label>
                <input type="password" name="{{ $n }}" class="form-control @error($n) is-invalid @enderror" required>
                @error($n)<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        @endforeach
        <button class="btn btn-primary"><i class="bi bi-check2"></i> {{ __('ui.save') }}</button>
    </form>
</div>
@endsection