@extends('adminlte::page')

@section('title', 'Añadir usuario')

@section('content_header')
    <h1>Dashboard</h1>
@endsection


@section('content')
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">Agregar administrador</h3>
        </div>

        <form autocomplete="off" action="{{ Route('adminAdded') }}" method="POST" id="form-user">
            @csrf
            <div class="card-body">
                <div class="form-group">
                    <label for="name">Nombre de usuario</label>
                    <input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
                        name="name" placeholder="Ingresa el nombre" value="{{ old('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="row">
                    <div class="col">
                        <div class="form-group">
                            <label for="firstName">Nombre</label>
                            <input type="text" class="form-control @error('firstName') is-invalid @enderror"
                                id="firstName" name="firstName" placeholder="Ingresa el nombre"
                                value="{{ old('firstName') }}" minlength="5" maxlength="25" pattern="^\S.*" required>
                            <span id="error-firstName" class="text-danger"></span>
                            @if ($errors->has('firstName'))
                                <span class="text-danger">{{ $errors->first('firstName') }}</span>
                            @endif
                        </div>
                    </div>
                    <div class="col">
                        <div class="form-group">
                            <label for="lastName">Apellidos</label>
                            <input type="text" class="form-control @error('lastName') is-invalid @enderror"
                                id="lastName" name="lastName" placeholder="Ingresa el nombre" value="{{ old('lastName') }}"
                                minlength="5" maxlength="25" pattern="^\S.*" required>
                            <span id="error-lastName" class="text-danger"></span>
                            @if ($errors->has('lastName'))
                                <span class="text-danger">{{ $errors->first('lastName') }}</span>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="email">Correo electronico</label>
                    <input type="email" class="form-control @error('email') is-invalid @enderror" id="email"
                        name="email" placeholder="Ingresa el correo" value="{{ old('email') }}" required>
                    <span id="error-email" class="text-danger"></span>
                    @if ($errors->has('email'))
                        <span class="text-danger">{{ $errors->first('email') }}</span>
                    @endif
                </div>
                <div class="form-group">
                    <label for="password">Contraseña temporal</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="rol">Rol</label>
                    <select class="form-control @error('rol') is-invalid @enderror" id="rol" name="rol" required>
                        <option value="" disabled selected>*Selecciona una*</option>
                        @foreach ($roles as $rol)
                            <option value="{{ $rol->id }}" @selected(old('rol') == $rol->id)>{{ $rol->role_name }}
                            </option>
                        @endforeach
                    </select>
                    @if ($errors->has('rol'))
                        <span class="text-danger">{{ $errors->first('rol') }}</span>
                    @endif
                </div>
            </div>

            <div class="card-footer">
                <input type="submit" class="btn btn-success" id="submitUser" value="Agregar">
            </div>
        </form>
    </div>
@endsection

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