<x-form-section submit="updatePassword">
    <x-slot name="title">
        {{ __('Ažurirajte lozinku') }}
    </x-slot>

    <x-slot name="description">
        {{ __('Koristite sigurnu, dugu i sa različitim karakterima lozinku') }}
    </x-slot>

    <x-slot name="form">
        <div class="mb-3">
            <x-label class="form-label" for="current_password" value="{{ __('Trenutna lozinka') }}" />
            <x-input id="current_password" type="password"
                class="{{ $errors->has('current_password') ? 'is-invalid' : '' }}" wire:model="state.current_password"
                autocomplete="current-password" />
            <x-input-error for="current_password" />
        </div>

        <div class="mb-3">
            <x-label class="form-label" for="password" value="{{ __('Nova lozinka') }}" />
            <x-input id="password" type="password" class="{{ $errors->has('password') ? 'is-invalid' : '' }}"
                wire:model="state.password" autocomplete="new-password" />
            <x-input-error for="password" />
        </div>

        <div class="mb-3">
            <x-label class="form-label" for="password_confirmation" value="{{ __('Potvrdi novu lozinku') }}" />
            <x-input id="password_confirmation" type="password"
                class="{{ $errors->has('password_confirmation') ? 'is-invalid' : '' }}"
                wire:model="state.password_confirmation" autocomplete="new-password" />
            <x-input-error for="password_confirmation" />
        </div>
    </x-slot>


    <x-slot name="actions">
        <x-button>
            {{ __('Spremi') }}
        </x-button>
    </x-slot>
</x-form-section>