@extends('complementos.Dashboard')

@section('titulo')
    Registro
@endsection
@section('contenido')
<div class="container">
    <div class="mt-5">
        <div class="form-row table-light" style="border-radius:8px; color: rgb(3, 43, 104);">
                <h3 class="offset-md-5 mt-5">Registro de usuarios</h3>
            
            <form action="{{route('registro_usuario.store')}}" class="mt-5 offset-md-2" method="POST">@csrf
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Nombre Completo" name="nombre">
                        </div>
                    </div>

                    <div class="col-md-5 mt-1">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Usuario" name="usu">
                        </div>
                    </div>

                    <div class="col-md-5 mt-1">
                        <div class="form-group">
                            <select name="dominio" id="" class="form-control">
                                <option value="">Selecciona Empresa.</option>
                                <option value="@cieagenciaaduanal.com">Corporativo Internacional Especializado</option>
                            </select>
                        </div>
                    </div>

                    <div class="col-md-5 mt-1">
                        <div class="form-group">
                            <input type="password" placeholder="Contraseña" class="form-control" name="password">
                        </div>
                    </div>

                    <div class="col-md-5 mt-1">
                        <div class="form-group">
                            <select name="tipoUsr"  id="" class="form-control" onchange="mostrarAlias(this)">
                                <option value="">Selecciona tipo de usuario</option>
                                <option value="1">Administrador</option>
                                <option value="3">Cliente</option>
                            </select>
                        </div>
                    </div>
                    
                    <div id="Alias" class="col-md-5 mt-1" style="display: none">
                        <div class="form-group">
                            <select name="alias" id="" class="form-control">
                                <option value="">Alias</option>
                                <option value="Operaciones">Operaciones</option>
                                <option value="Contador">Contador</option>
                                <option value="Comercial">Comercial</option>
                                <option value="Liquidacion">Liquidacion</Li></option>
                                <option value="Monitoreo">Monitoreo</option>
                                <option value="Vacios">Vacios</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-sm" >Guardar</button>
                    <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal"  role="button">Cerrar</button>
                </div>
                   

                </div>
                
            </form>
        </div>
    </div>
</div>
<script>
    function mostrarAlias(sel) {
         if (sel.value=="2"){
              divC = document.getElementById("Alias");
              divC.style.display = "";
         }else{
              divC = document.getElementById("Alias");
              divC.style.display="none";
         }
   }
    </script>
@if (session()->has('Registro_usuario'))
<script>alertify.success('Registro de usuario exitoso!');</script>
@endif
@endsection