<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>Registrate con Easy Corp</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="Registrate con Easy Corp" name="description" />
    <meta content="Arts Guerra" name="author" />
    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">

    <!-- App css -->
    <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" id="light-style" />
    <link href="assets/css/app-dark.min.css" rel="stylesheet" type="text/css" id="dark-style" />

</head>

<body class="authentication-bg pb-0" data-layout-config='{"darkMode":false}'>

<div class="auth-fluid">
    <!--Auth fluid left content -->
    <div class="auth-fluid-form-box">
        <div class="align-items-center d-flex h-100">
            <div class="card-body">

                <!-- Logo -->
                <div class="auth-brand text-center text-lg-start">
                    <a href="index.html" class="logo-dark">
                        <span><img src="assets/images/LOGO-PAG-03-negro-03.svg" alt="" height="48"></span>
                    </a>
                    <a href="index.html" class="logo-light">
                        <span><img src="assets/images/LOGO-PAG-03-negro-03.svg" alt="" height="48"></span>
                    </a>
                </div>

                <!-- title-->
                <h4 class="mt-0">Registrate!</h4>
                <p class="text-muted mb-4">Crea tu cuenta de Easy Corp! Te tomara menos de un minuto</p>
                <form name="form" method="post">
                <!-- form -->

                <div class="row g-2">
                    <div class="mb-3 col-md-6">
                        <label for="inputFirstName" class="form-label">Nombre</label>
                        <input type="text" id="form_firstname" name="form[firstname]" required="required" class="form-control form-control" id="inputFirstName" />
                    </div>
                    <div class="mb-3 col-md-6">
                        <label for="inputLastName" class="form-label">Apellido</label>
                        <input type="text" id="form_lastname" name="form[lastname]" required="required" class="form-control form-control" id="inputLastName" />
                    </div>
                </div>

                <div class="mb-3">
                    <label for="emailaddress" class="form-label">Email address</label>
                    <input type="email" id="form_email" name="form[email]" required="required" class="form-control form-control" id="inputEmail" />
                </div>

                <div class="mb-3">
                    <label for="inputUsername" class="form-label">Usuario</label>
                    <input type="text" id="form_username" name="form[username]" required="required" class="form-control form-control" id="inputUsername" />
                </div>

                <div class="row g-2">
                    <div class="mb-3 col-md-6">
                        <label for="password" class="form-label">Contraseña</label>
                        <input type="password" id="form_password_first" name="form[password][first]" required="required" class="form-control form-control" id="inputPassword" />
                    </div>
                    <div class="mb-3 col-md-6">
                        <label for="passwordConfirm" class="form-label">Confirmar Contraseña</label>
                        <input type="password" id="form_password_second" name="form[password][second]" required="required" class="form-control form-control" id="inputPasswordConfirm" />
                    </div>
                </div>




                <div class="mb-3">
                    <h5 class="card-title text-center">Crea o únete a una empresa</h5>
                    <div class="row">
                        <div class="col-md-6">

                            <div class="input-group">
                                <div class="form-group"><button type="button" id="form_create" name="form[create]" class="btn btn-primary btn-block btn" onclick="openTab(event,&#039;Tab1&#039;)">Crear Nueva</button></div>
                                <div id="Tab1" class="tabcontent">
                                    <div class="form-label-group">
                                        <label for="inputcompanyname" class="form-label">Nombre de Empresa</label>
                                        <input type="text" id="form_companyname" name="form[companyname]" class="form-control form-control" id="inputcompanyname" />
                                    </div>
                                    
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="input-group">
                                <div class="form-group"><button type="button" id="form_join" name="form[join]" class="btn btn-primary btn-block btn" onclick="openTab(event,&#039;Tab2&#039;)">Unirse con Codigo</button></div>
                                <div id="Tab2"class="tabcontent">
                                    <div class="form-label-group">
                                        <label for="inputcompanyId" class="form-label">ID de Empresa</label>
                                        <input type="text" id="form_companyid" name="form[companyid]" class="form-control form-control" id="inputcompanyId" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mb-3">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="checkbox-signup">
                        <label class="form-check-label" for="checkbox-signup">Aceptar <a href="javascript: void(0);" class="text-muted">Terminos y Conditions</a></label>
                    </div>
                </div>
                <div class="mb-0 d-grid text-center">
                    <div class="form-group"><button type="submit" id="form_register" name="form[register]" class="btn btn-success btn-block btn">Registrate</button></div>

                </div>

                <input type="hidden" id="form__token" name="form[_token]" value="xj-EGg_NjRRkEaE3FOcCQC_M96Fx1F7mU7MRUgByp4Q" /></form>
                <!-- end form-->

                <!-- Footer-->
                <footer class="footer footer-alt">
                    <p class="text-muted">Ya tienes cuenta? <a href="/login" class="text-muted ms-1"><b>Log In</b></a></p>
                </footer>

            </div> <!-- end .card-body -->
        </div> <!-- end .align-items-center.d-flex.h-100-->
    </div>
    <!-- end auth-fluid-form-box-->

    <!-- Auth fluid right content -->
    <div class="auth-fluid-right text-center">
        <div class="auth-user-testimonial">
            <h2 class="mb-3"></h2>
            <p class="lead"><i class="mdi mdi-format-quote-open"></i>Nos da gusto tenerte!<i class="mdi mdi-format-quote-close"></i>
            </p>
            <p>
                - Easy Corp
            </p>
        </div> <!-- end auth-user-testimonial-->
    </div>
    <!-- end Auth fluid right content -->
</div>
<!-- end auth-fluid-->

<!-- bundle -->
<script src="assets/js/vendor.min.js"></script>
<script src="assets/js/app.min.js"></script>
<script src="/js/collection.js"></script>
<script src="/js/openTab.js"></script>

</body>

</html>