@extends('admin.layout.master')

@section('content-header')
    <section class="content-header" xmlns="http://www.w3.org/1999/html">
      <h1>
        Manage Users
        <small>Add User</small>
      </h1>
     <!--  <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Forms</a></li>
        <li class="active">General Elements</li>
      </ol> -->
    </section>
@stop

@section('content')
<!-- Main content -->
    <section class="content">
      <div class="row">
        <!-- left column -->
        <div class="col-md-6">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Add User</h3>
              
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form role="form" action="{{url('users')}}" method="POST" enctype="multipart/form-data">
            	{{ csrf_field() }}
              <div class="box-body">
                <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                    <label for="name">First Name</label> <span style="color: red;">*</span></span>
                  <input type="text" class="form-control" id="name" name="name" placeholder="Enter First Name" data-validation="required" data-validation-error-msg="Please Enter First Name">
                    @if ($errors->has('name'))
                      <span class="help-block">
                          <strong>{{ $errors->first('name') }}</strong>
                      </span>
                    @endif
                  <span class="help-block"></span>
                </div>
                  <div class="form-group{{ $errors->has('last_name') ? ' has-error' : '' }}">
                      <label for="name">last Name</label> <span style="color: red;">*</span></span>
                      <input type="text" class="form-control" id="last_name" name="last_name" placeholder="Enter Last Name" data-validation="required" data-validation-error-msg="Please Enter Last Name">
                      @if ($errors->has('last_name'))
                          <span class="help-block">
                          <strong>{{ $errors->first('last_name') }}</strong>
                      </span>
                      @endif
                      <span class="help-block"></span>
                  </div>

                  <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                  <label for="email">Email</label> <span style="color: red;">*</span></span>
                  <input type="text" class="form-control" id="email" name="email" placeholder="Enter Email Address" data-validation="required|email" data-validation-error-msg="Please enter email ">
                  @if ($errors->has('email'))
                    <span class="help-block">
                        <strong>{{ $errors->first('email') }}</strong>
                    </span>
                  @endif
                  <span class="help-block"></span>
                </div>   

                <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                  <label for="password">Password</label> <span style="color: red;">*</span></span>
                  <input type="password" class="form-control" id="password" name="password" placeholder="Enter Password" data-validation="required" data-validation-error-msg="Please enter password ">
                    @if ($errors->has('password'))
                        <span class="help-block">
                            <strong>{{ $errors->first('password') }}</strong>
                        </span>
                    @endif
                  <span class="help-block"></span>
                </div> 

                <div class="form-group">
                  <label for="confirm_password">Confirm Password</label> <span style="color: red;">*</span></span>
                  <input type="password" class="form-control" id="confirm_password" name="password_confirmation" placeholder="Enter Confirm Password" data-validation="required" data-validation-error-msg="Please enter confirm password ">
                  <span class="help-block"></span>
                </div>  

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

              <div class="box-footer">
                <a href="{{url('users')}}" class="btn btn-bg btn-primary">
                <span><i class="fa fa-arrow-left fa-btn fa-back"></i> {{trans('table.back')}}</span>
                </a>

                <button type="submit" class="btn btn-primary">Submit</button>
              </div>

            </form>
          </div>
          <!-- /.box -->
        </div>
        <!--/.col (left) -->
        <!-- right column -->

      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
@stop

@section('javascript')
    <script type="text/javascript">
        (function () {
            //validator
            $.validate();
        })();
    </script>

    <script>
        $(function () {
           setTimeout(function() {
                $(".alert-danger,.alert-success,.email-error").fadeOut('slow')
            }, 5000);
        });
    </script>
@stop