<?php $__env->startSection('content'); ?>
    <section class="all-container">
        <div class="card mb-3 mt-4">
            <div class="card-header">
                <i class="fas fa-users-cog"></i> Registrar usuario
            </div>
            <div class="card-body">
                <form action="<?php echo e(route('register')); ?>"  class="form-inlin mt-2" method="post" id="form-datos">
                    <?php echo csrf_field(); ?>
                    <div class="containe">
                        <div class="row">
                            <!-- <div class = "col-md-3 text-center pic-container">
                                <label for="file-input">
                                    <img id="image-profile-img" class="card-img-top" src="https://image.flaticon.com/icons/svg/149/149071.svg" alt="Card image cap">
                                    <input id="img-file" name="img" class="image-profile-input" type="file" onchange="cargarIMG(this.files[0])" accept="image/jpeg" style = "display:none;">
                                </label>    

                                <button type = "button" class = "btn btn-info active btn-s button-pic" id ="open-image"> 
                                    <i class="fas fa-camera"></i>
                                </button>
                            </div> -->
                            
                            <div class="col-md-12">
                                <div class="container">
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label>Nombre:</label>
                                            <input type="text" id="name" name="name" class="form-control" placeholder="Nombre" required>
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label>Apellido:</label>
                                            <input type="text" class="form-control" id="surname" name="surname" placeholder="Apellido" required>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label>Correo Electronico:</label>
                                            <input type="email" class="form-control" id="email" name="email" placeholder="Correo Electronico" required>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label>Telefono:</label>
                                            <input id="tel" type="nomber" class="form-control" name="tel" required placeholder="Telefono">
                                        </div>


                                        <div class="form-group col-md-6">
                                            <label>Direccion:</label>
                                            <input id="address" type="text" class="form-control" name="address" required placeholder="Direccion">
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label for="" class="form-label-title">Cedula:</label>
                                            <input id="cedula" type="text" class="form-control" name="idCard" required placeholder="Cedula">
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label>Tipo de usuario :</label>
                                            <select name="role" id="role" id="role" class="form-control" required>
                                                <option value="admin">Admin</option>
                                                <option value="cliente">Cliente</option>
                                                <option value="desarrollador">Desarrollador</option>
                                            </select>
                                        </div>

                                        <div class="form-group col-md-3" style = "padding-right: 0;">
                                            <label>Contraseña:</label>
                                            <input type="password" id="password" name="password" class="form-control" placeholder="Contraseña">
                                        </div>
                                        
                                        <div class="form-group col-md-3">
                                            <label>Confirmacion:</label>
                                            <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required placeholder="Confirmacion">
                                        </div>

                                    </div>
                                    <div class="col-md-12 text-center">
                                        <a href="<?php echo e(url()->previous()); ?>" class="btn btn-secondary btn-sm">Cancelar</a>
                                        <button type="submit" class="btn btn-primary active btn-sm">Registrar</button>
                                    </div> 
                                </div>                                
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    <section>
    <script  src="<?php echo e(asset('js/admin.js')); ?>"> </script>  
    <link  media="all" rel="stylesheet" type="text/css" href="<?php echo e(asset('css/registrar.css')); ?>">

    <script>
        $("#image-profile-img,#open-image").click(function (e) { 
            $("#img-file").trigger('click');
        });
    </script>

    <style>
        #image-profile-img{
            cursor:pointer;
        }
    </style>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.dashboard', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>