<x-form-section submit="updatePassword">
    <x-slot name="title"></x-slot>
    <x-slot name="description"></x-slot>

    <x-slot name="form">
        <div class="col-12 col-md-6 mb-3">
            <label for="current_password" class="form-label fw-bold">Contraseña actual</label>
            <input id="current_password" type="password" class="form-control"
                   wire:model="state.current_password" autocomplete="current-password" />
            <x-input-error for="current_password" class="mt-1" />
        </div>

        <div class="col-12 col-md-6 mb-3">
            <label for="password" class="form-label fw-bold">Nueva contraseña</label>
            <input id="password" type="password" class="form-control"
                   wire:model="state.password" autocomplete="new-password" />
            <x-input-error for="password" class="mt-1" />
        </div>

        <div class="col-12 col-md-6 mb-3">
            <label for="password_confirmation" class="form-label fw-bold">Confirmar contraseña</label>
            <input id="password_confirmation" type="password" class="form-control"
                   wire:model="state.password_confirmation" autocomplete="new-password" />
            <x-input-error for="password_confirmation" class="mt-1" />
        </div>
    </x-slot>

    <x-slot name="actions">
        <button type="submit" class="btn btn-primary"
                wire:loading.attr="disabled">
            <span wire:loading
                  class="spinner-border spinner-border-sm mr-1"
                  role="status" aria-hidden="true"></span>
            Guardar
        </button>
    </x-slot>
</x-form-section>
