@extends('plantilla.main')
@section('scripts')
    
@endsection
@section('title',"Agregar Usuario")
@section('contenido_title',"Catálogo de usuarios")
@section('contenido')
    
<div class="formulario" id="formulario">
    <div class="card">
        <div class="card-header">
            <h4 class="text-center">Agregar Usuario</h4>
        </div>
        <div class="card-body">
            <form action="{{route('usuario.store')}}" method="POST">
                {{ csrf_field() }}
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="tipousuario"><strong>Tipo de usuario</strong></label>
                        <select class="form-control" name="tipousuario">
                            <option value="0">Administrador</option>
                            <option value="1">Usuario</option>
                            <option value="9">Cliente</option>
                        </select>
                        {!! $errors->first('tipousuario','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="nombre"><strong>Nombre</strong></label>
                        <input name="nombre" class="form-control {{ $errors->has('nombre') ? 'is-invalid' : '' }}" type="text" placeholder="Ingrese el nombre completo" value="{{ old('nombre') }}" required>
                        {!! $errors->first('nombre','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="email"><strong>E-Mail</strong></label>
                        <input name="email" type="email" class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" type="text" placeholder="Ingrese el correo electrónico" value="{{ old('email') }}" required>
                        {!! $errors->first('email','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="estado"><strong>Estado</strong></label>
                        <div class="form-row align-middle">
                            <div class="custom-control custom-radio custom-control-inline" style="margin-left:10px;">
                                <input type="radio" id="customRadioInline1" name="estado" value="1" checked class="custom-control-input">
                                <label class="custom-control-label" for="customRadioInline1">Activo</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input type="radio" id="customRadioInline2" name="estado" value="0" class="custom-control-input">
                                <label class="custom-control-label" for="customRadioInline2">Baja</label>
                            </div>
                            {!! $errors->first('estado','<div class="invalid-feedback">:message</div>') !!}
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="password"><strong>Contraseña</strong></label>
                        <input name="password" type="password" class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}"  type="text" placeholder="*****" required>
                        {!! $errors->first('password','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="confirmpassword"><strong>Confirmar contraseña</strong></label>
                        <input id="" name="confirmpassword" class="form-control" type="password" placeholder="*****" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <button type="submit" class="btn btn-success btn-block" data-placement="bottom" title="Agregar">
                            <i class="fas fa-check"></i> Agregar
                        </button>
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <a href="{{route('usuario.index')}}" class="btn btn-info btn-block" data-placement="bottom" title="Cancelar">
                            <i class="fas fa-ban"></i> Cancelar
                        </a>
                    </div>
                </div>
            </form>
        </div>
        </div>
    </div>
</div>
@endsection