@extends('layouts.admin.master', ['bodyCss'=>'', 'title'=>'Bioderma | Admin'])

	@section('styles')
		
	@endsection

	@section('scripts')

	@endsection

	@section('content')

		<header>
			@include('layouts.admin.navbar')
		</header>

	    <div class="container-fluid">
	      <div class="row">

	        @include('layouts.admin.sidebar', [ 'menuActive' => 'customers' ] )

	        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
	          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
	            <h1 class="h5">Nuevo Cliente</h1>
	          </div>

	          <!-- Start Content  -->
	          <div class="col-md-12 order-md-1">

	          		<div class="col-md-6 mb-6">
		          		@if (count($errors)>0)
						<div class="alert alert-danger">
							<ul>
							@foreach ($errors->all() as $error)
								<li>{{$error}}</li>
							@endforeach
							</ul>
						</div>
						@endif
					</div>

					{!!Form::open( array('url'=>route('users.store'),'method'=>'POST','autocomplete'=>'off', 'files'=>true) )!!}
        			{{Form::token()}}

        				<input type="hidden" id="userType" name="userType" value="customer"> 

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="name">Nombre</label>
						      <input id="name" name="name" type="text" class="form-control" placeholder="Nombre" value="{{ old('name') }}" required>
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="name">Email</label>
						      <input id="email" name="email" type="text" class="form-control" placeholder="Email" value="{{ old('email') }}" required>
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="name">Password</label>
						      <input id="password" name="password" type="password" class="form-control" placeholder="Password" value="{{ old('password') }}" >
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="name">Teléfono</label>
						      <input id="phone_number" name="phone_number" type="text" class="form-control" placeholder="Teléfono" value="{{ old('phone_number') }}" >
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="name">Fecha de Nacimiento</label>
						      <input id="birth_date" name="birth_date" type="text" class="form-control" placeholder="Fecha de Nacimiento" value="{{ old('birth_date') }}" >
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="name">Tipo de Piel</label>
						      <input id="skin_type" name="skin_type" type="text" class="form-control" placeholder="Tipo de Piel" value="{{ old('skin_type') }}" >
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="name">Genero</label>
						      <input id="gender" name="gender" type="text" class="form-control" placeholder="Género" value="{{ old('gender') }}" >
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="name">&nbsp;</label>
						      <button type="submit" class="btn btn-outline-primary btn-sm form-control">Guardar</button>
						    </div>
						</div>
						
					{!!Form::close()!!}
				
				</div>

	          	
	          <!-- End Content  -->
	        </main>
	      </div>
	    </div>

	    <footer>
	    	@include('layouts.admin.footer')
	    </footer>
	    
	@endsection