@extends ('index')

@section ('content')


	{{-- 	<div class="col-md-8 col-md-offset-2">
			<h2 class="text-center">Crea tu cuenta en <strong class="text-default"> Tumecontratas</strong></h2>
			<div class="separator"></div>
			
			<br>
		</div> --}}


		<div class="main-container dark-translucent-bg no-top" style="background-image:url('img/landing/register.jpg');">
				<div class="container">
					<div class="row">
						<!-- main start -->
						<!-- ================ -->
						<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" style="width: 760px;">
								<h3 class="title" style="color: #777777;text-transform: uppercase;">Completa tus datos personales </h3>
								<form class="form-horizontal" role="form" style="margin-left:-50px">
									<div class="form-group has-feedback">
										<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" id="inputName" placeholder="Nombre Completo" required="">
											<i class="fa fa-user form-control-feedback"></i>
										</div>
									</div>
									<div class="form-group has-feedback">
										<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" id="inputLastName" placeholder="Apellido" required="">
											<i class="fa fa-user form-control-feedback"></i>
										</div>
									</div>
									<div class="form-group has-feedback">

										<label for="inputUserName" class="col-sm-3 control-label">Telefono <span class="text-danger small">*</span></label>
										<div class="col-sm-3">
											<input type="text" class="form-control" id="inputUserName" placeholder="N° Telefono" required="">
											<i class=" icon-phone form-control-feedback"></i>
										</div>
										<label for="inputUserName" class="col-sm-1 control-label">Ciudad<span class="text-danger small">*</span></label>
										<div class="col-sm-4">
											<input type="text" class="form-control" id="inputUserName" placeholder="selecciona una ciudad" required="">
											<i class="fa fa-pencil form-control-feedback"></i>
										</div>

									</div>
									<div class="form-group has-feedback">
										<label for="inputDireccion" class="col-sm-3 control-label">Direcci&oacute;n<span class="text-danger small">*</span></label>
										<div class="col-sm-8">
											<input  class="form-control" id="inputDireccion" placeholder="Av. n° Calle 1" required="">
											<i class="icon-info-circled form-control-feedback"></i>
										</div>
									</div>
									<div class="form-group has-feedback">
										<label for="inputEmail" class="col-sm-3 control-label">Identificacion <span class="text-danger small">*</span></label>
										<div class="col-sm-8">
											<input type="text" class="form-control"  placeholder="ID" required="">
											<i class="fa fa-user form-control-feedback"></i>
										</div>
									</div>

									<div class="form-group has-feedback">
										<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" id="inputEmail" placeholder="Email" required="">
											<i class="fa fa-envelope form-control-feedback"></i>
										</div>
									</div>
									<div class="form-group has-feedback">
										<label for="inputPassword" class="col-sm-3 control-label">Password <span class="text-danger small">*</span></label>
										<div class="col-sm-8">
											<input type="password" class="form-control" id="inputPassword" placeholder="Password" required="">
											<i class="fa fa-lock form-control-feedback"></i>
										</div>
									</div>
									<div class="form-group has-feedback">

										<label for="inputUserName" class="col-sm-3 control-label">Website <span class="text-danger small"></span></label>
										<div class="col-sm-4">
											<input type="text" class="form-control" id="inputUserName" placeholder="{{ config('constants.hostdomainglobal') }}" required="">
											<i class="fa fa fa-laptop form-control-feedback"></i>
										</div>
										<label for="inputUserName" class="col-sm-1 control-label" style="margin-left: -9px;margin-right: 8px;">Facebook<span class="text-danger small"></span></label>
										<div class="col-sm-3">
											<input type="text" class="form-control" id="inputUserName" placeholder="facebook" required="">
											<i class="fa fa-facebook form-control-feedback"></i>
										</div>

									</div>
								{{-- 	<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 type="submit" class="btn btn-group btn-default btn-animated">Registrarse <i class="fa fa-check"></i></button>
										</div>
									</div>
								</form>
							</div>
						</div>
						<!-- main end -->
					</div>
				</div>
			</div>
	
@stop