@extends('layouts.admin')

@section('contenido')

<div class="row justify-content-center align-items-center">
    <div class="col-lg-11 col-md-11">
        <h3>Nuevo Usuario</h3>
    </div>
</div>

<div class="row">
    <div class="col-md-10">
        @include('compartido.mensajes')
        @include('compartido.errores')
    </div>
</div>

<br>

<form method="POST" action="{{ route('usuarios.store') }}">
    @csrf

    <div class="row">

        <div class="form-group col-md-4">
            <label for="name">Nombre (*)</label>

            <input type="text"
                   name="name"
                   id="name"
                   value="{{ old('name') }}"
                   class="form-control"
                   required>
        </div>

        <div class="form-group col-md-4">
            <label for="email">Correo electrónico (*)</label>

            <input type="email"
                   name="email"
                   id="email"
                   value="{{ old('email') }}"
                   class="form-control"
                   required>
        </div>

    </div>

    <div class="row">

        <div class="form-group col-md-4">
            <label for="password">Contraseña (*)</label>

            <input type="password"
                   name="password"
                   id="password"
                   class="form-control"
                   required>
        </div>

        <div class="form-group col-md-4">
            <label for="password_confirmation">
                Confirmar contraseña (*)
            </label>

            <input type="password"
                   name="password_confirmation"
                   id="password_confirmation"
                   class="form-control"
                   required>
        </div>

    </div>

    <br>

    <div class="row justify-content-center align-items-center">

        <div class="col-md-2">
            <button type="submit"
                    class="btn btn-success btn-block btn-lg">
                Guardar
            </button>
        </div>

        <div class="col-md-2">
            <a href="{{ route('usuarios.index') }}"
               class="btn btn-primary btn-block btn-lg">
                Salir
            </a>
        </div>

    </div>

</form>

@endsection