@extends('layouts.app')

@section('title')
    New User
@endsection

@section('description')
    Create a new User
@endsection

@section('breadcrumb')
    <li><a href="#">New User</a></li>
@endsection

@section('content')
<!-- Small boxes (Stat box) -->
<div class="row">

    <div class="col-lg-6 col-xs-12">
        <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Create A New User</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form role="form" action="/user" method="POST" enctype="multipart/form-data">
            {{ csrf_field() }}
              <div class="box-body">

                {{-- PICK NAME --}}
                <div class="form-group">
                  <label for="name"> Name</label>
                  <input type="text" class="form-control" id="name" name="name" placeholder="Enter user name">
                </div>

                {{-- SHOW NAME --}}
                <div class="form-group">
                  <label for="name"> Email</label>
                  <input type="text" class="form-control" id="email" name="email" placeholder="Enter user email">
                </div>

                {{-- SHOW NAME --}}
                <div class="form-group">
                  <label for="name"> Password</label>
                  <input type="password" class="form-control" id="password" name="password" placeholder="Enter password">
                </div>
                
                {{-- Upload File --}}
                <div class="form-group">
                  <label>Avatar</label>
                  <input type="file" class="form-control" id="avatar" name="avatar" placeholder="Upload File Logo" >
                </div>                


              </div>
              <!-- /.box-body --> 

              <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
              
            </form>
          </div>
          <!-- /.box -->
    </div>

</div>
<!-- /.row -->
@endsection