@extends ('index')

@section ('content')
    <div class="main-container dark-translucent-bg gray-title" ng-app="registerApp" ng-controller="registerCtlr as register"
         style="background-image:url('img/landing/photo-startup1.jpg');">
        <div class="container">
            <div class="row">
                <!-- main start -->
                <!-- ================ -->


                <div class="col-md-12" ng-cloak>

                    {{--<div class="main object-non-visible animated object-visible fadeInUpSmall" data-animation-effect="fadeInUpSmall" data-effect-delay="100">--}}
                    <div class="form-block center-block p-30 light-gray-bg border-clear">



                        {{--<h3 class="title" style="color: #666;text-transform: uppercase;">Registrate con: </h3>--}}

                        <div class="text-center">


                            <a target="_self" href="/auth/social/professional/facebook" class="btn btn-animated  facebook social-login">Registrate con Facebook<i class="pl-10 fa fa-facebook-square"></i></a>

                            {{--<a target="_self" href="/auth/social/professional/linkedin" class="btn btn-animated linkedin social-login">Linkedin<i class="pl-10 fa fa-linkedin"></i></a>--}}

                            {{--<a target="_self" href="/auth/social/professional/google" class="btn btn-animated googleplus social-login">Google+<i class="pl-10 fa fa-google-plus"></i></a>--}}
                        </div>

                        <hr>

                        <div class="mt-20">
                            <h3 class="title" style="color: #666;text-transform: uppercase;">O complete sus datos personales </h3>

                        </div>



                        {{--<div class="form-block center-block p-30 light-gray-bg border-clear">--}}


                        <div class="alert alert-danger alert-dismissible mb-20 buttons-hide" id="error" role="alert">
                            <button type="button" class="close" onclick="$('#error').hide()"><span
                                        aria-hidden="true">×</span></button>
                            <strong>Error!</strong> <span id="error-content"></span>
                        </div>


                        <form id="userForm" name="userForm" class="form-horizontal" method="post" novalidate>
                            <div class="form-group has-feedback "
                                 ng-class="{'has-error has-feedback': ( register.submit || !userForm.name.$pristine) && userForm.name.$invalid , 'has-success has-feedback' : userForm.name.$valid }">
                                <label for="inputName" class="col-sm-3 control-label">Nombre <span
                                            class="text-danger small">*</span></label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" ng-model="register.name" id="inputName"
                                           name="name" placeholder="Nombre de entidad o persona" required>
                                    {{-- 	<i class="fa fa-user form-control-feedback"></i> --}}

                                    <i ng-show="( register.submit || !userForm.name.$pristine) && userForm.name.$invalid"
                                       class="fa fa-times form-control-feedback"></i>
                                    <i ng-show="userForm.name.$valid" class="fa fa-check form-control-feedback"></i>
                                    <em ng-show=" ( register.submit || !userForm.name.$pristine) && userForm.name.$invalid  "
                                        class="error help-block">Por favor ingrese su nombre</em>

                                </div>


                            </div>
                            <div class="form-group has-feedback"
                                 ng-class="{'has-error has-feedback': ( register.submit || !userForm.lastname.$pristine) && userForm.lastname.$invalid , 'has-success has-feedback' : userForm.lastname.$valid }">
                                <label for="inputLastName" class="col-sm-3 control-label">Apellido <span
                                            class="text-danger small">*</span></label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" ng-model="register.lastname"
                                           id="inputLastName" name="lastname" placeholder="Apellidos" required>
                                    {{-- <i class="fa fa-user form-control-feedback"></i> --}}

                                    <i ng-show="( register.submit || !userForm.lastname.$pristine) && userForm.lastname.$invalid"
                                       class="fa fa-times form-control-feedback"></i>
                                    <i ng-show="userForm.lastname.$valid" class="fa fa-check form-control-feedback"></i>
                                    <em ng-show=" ( register.submit || !userForm.lastname.$pristine) && userForm.lastname.$invalid  "
                                        class="error help-block">Por favor ingrese su apellido</em>
                                </div>
                            </div>


                            <div class="form-group has-feedback"
                                 ng-class="{'has-error has-feedback': ( register.submit || !userForm.email.$pristine) && (userForm.email.$invalid || register.userexist), 'has-success has-feedback' : userForm.email.$valid && !register.userexist }">
                                <label for="inputEmail" class="col-sm-3 control-label">Email <span
                                            class="text-danger small">*</span></label>
                                <div class="col-sm-8">
                                    <input type="email" class="form-control" ng-model="register.email" id="inputEmail"
                                           name="email" placeholder="Email" required>
                                    {{-- <i class="fa fa-envelope form-control-feedback"></i> --}}

                                    <i ng-show="( register.submit || !userForm.email.$pristine) && userForm.email.$invalid  "
                                       class="fa fa-times form-control-feedback"></i>
                                    <i ng-show="userForm.email.$valid && !register.userexist"
                                       class="fa fa-check form-control-feedback"></i>


                                    <em ng-show=" ( register.submit || !userForm.email.$pristine) && userForm.email.$invalid  "
                                        class="error help-block">Por favor ingrese un correo el&eacute;ctronico
                                        v&aacute;lido</em>
                                    <em ng-show=" ( register.submit || !userForm.email.$pristine) && register.userexist "
                                        class="error help-block"> Email ya se encuentra registrado </em>


                                </div>
                            </div>
                            <div class="form-group has-feedback"
                                 ng-class="{'has-error has-feedback': ( register.submit || !userForm.password.$pristine) && userForm.password.$invalid , 'has-success has-feedback' : userForm.password.$valid }">
                                <label for="inputPassword" class="col-sm-3 control-label">Contrase&ntilde;a <span
                                            class="text-danger small">*</span></label>
                                <div class="col-sm-8">
                                    <input type="password" name="password" class="form-control"
                                           ng-model="register.password" id="inputPassword" placeholder="Password"
                                           required>
                                    {{-- <i class="fa fa-lock form-control-feedback"></i> --}}

                                    <i ng-show="( register.submit || !userForm.password.$pristine) && userForm.password.$invalid"
                                       class="fa fa-times form-control-feedback"></i>
                                    <i ng-show="userForm.password.$valid" class="fa fa-check form-control-feedback"></i>
                                    <em ng-show=" ( register.submit || !userForm.password.$pristine) && userForm.password.$invalid  "
                                        class="error help-block">Por favor ingrese su contrase&ntilde;a</em>

                                </div>
                            </div>
                            <input type="hidden" name="rol" ng-init="register.rol='profesional'" ng-model="register.rol"
                                   id="inputRol">

                            {{-- 	<div class="form-group">
                                    <div class="col-sm-offset-3 col-sm-8">
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox" required=""> Accept our <a href="#">privacy policy</a> and <a href="#">customer agreement</a>
                                            </label>
                                        </div>
                                    </div>
                                </div> --}}
                            <div class="form-group">
                                <div class="col-sm-offset-3 col-sm-8">
                                    <button id="registrate" type="submit"
                                            ng-click="register.registerProfessional($event,userForm.$valid)"
                                            class="btn btn-group btn-default btn-animated">Registrarse<i
                                                class="fa fa-check"></i></button>
                                </div>
                            </div>
                        </form>




                        <div class="separator-2"></div>

                        <p>

                            ** Si eres una empresa, registrate con tu correo corporativo y los datos de la persona
                            encargada, luego completa los datos en t&uacute; perfil

                        </p>


                    </div>
                </div>


            </div>

            <!-- main end -->
        </div>
    </div>
    </div>


@stop

{{--@section('script')--}}
{{--<script src="js/scripts/js/app/commonService.min.js"></script>--}}
{{--<script src="js/scripts/js/app/registerApp.min.js"></script>--}}
{{--@stop--}}