@extends('layouts.messages')

@section('content')
    <div class="card card-primary mt-5 mb-5">
        <div class="card-header">
            <h3 class="card-title">Termina estos cambios para registrar tu cuenta:</h3>
        </div>

        <form autocomplete="off" action="{{ Route('confirmAdmin') }}" method="post" enctype="multipart/form-data"
            id="form-user">
            @csrf
            <input type="hidden" name="idAdmin" value="{{ $admin->id }}">
            <div class="card-body">
                <div class="form-group">
                    <label for="name">Nuevo nombre de usuario (opcional):</label>
                    <input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
                        name="name" placeholder="Ingresa el nombre" value="{{ $admin->display_name }}" minlength="5"
                        maxlength="50" pattern="^\S.*" required>
                    <span id="error-name" class="text-danger"></span>
                    @if ($errors->has('name'))
                        <span class="text-danger">{{ $errors->first('name') }}</span>
                    @endif
                </div>

                <div class="form-group">
                    <label for="password">Nueva Contraseña:</label>
                    <input type="password" class="form-control @error('password') is-invalid @enderror" id="password"
                        name="password" placeholder="Ingresa la contraseña" value="{{ old('password') }}" minlength="8"
                        required>
                    @if ($errors->has('password'))
                        <span class="text-danger">{{ $errors->first('password') }}</span>
                    @endif
                </div>
                <div class="form-group">
                    <label for="password_confirmation">Repita la contraseña:</label>
                    <input type="password" class="form-control" id="password_confirmation" name="password_confirmation"
                        placeholder="Ingrese la contraseña" required>
                    <span id="error-pass" class="text-danger"></span>
                </div>

                <div class="form-group">
                    <label for="formFile">Foto de Perfil: (opcional)</label>
                    <input type="file" class="form-control" id="profileImage" name="profileImage" accept="image/*">
                    <small>Tipo de archivo: imagen | Extensiones permitidas: jpeg, png, jpg, gif | max:2MB</small>

                    <span id="error-image" class="text-danger"></span>
                    @if ($errors->has('profileImage'))
                        <span class="text-danger">{{ $errors->first('profileImage') }}</span>
                    @endif
                </div>
            </div>

            <div class="card-footer">
                <input type="submit" class="btn btn-success" id="submitUser" value="Terminar registro">
            </div>

        </form>
    </div>
@endsection

@section('custom_script')
    @vite('resources/js/users/validations.js')
@endsection