@extends('admin.layouts.app')

@section('content')

        <!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Add New User
        </h1>

        @include('admin.users.top_action_bar')

        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="#">Admin</li>
            <li class="active">Add Users</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- Small boxes (Stat box) -->
        <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 New User</h3>
                    </div>
                    <!-- /.box-header -->
                    <!-- form start -->
                    <form role="form" method="POST" action="{{route('admin_add_user')}}">
                        {{ csrf_field() }}
                        <div class="box-body">
                            <div class="form-group {{$errors->has('user_name') ? 'has-error' : ''}}">
                                <label for="userInputName">Name</label>
                                <input type="text" name="user_name" class="form-control" id="userInputName" placeholder="Enter Name" value="{{ old('user_name') }}">
                                {!! $errors->has('user_name') ? '<span class="help-block">Name field required</span>' : '' !!}
                            </div>
                            <div class="form-group {{$errors->has('user_email') ? 'has-error' : ''}}">
                                <label for="userInputEmail">Email</label>
                                <input type="text" name="user_email" class="form-control" id="userInputEmail" placeholder="Enter Email" value="{{ old('user_email') }}">
                                {!! $errors->has('user_email') ? '<span class="help-block">Email field required</span>' : '' !!}
                            </div>
                            <div class="form-group {{$errors->has('user_password') ? 'has-error' : ''}}">
                                <label for="userInputPassword">Password</label>
                                <input type="password" name="user_password" class="form-control" id="userInputPassword" placeholder="Enter Password" value="{{ old('user_password') }}">
                                {!! $errors->has('user_password') ? '<span class="help-block">Password field required | At Least 6 characters long</span>' : '' !!}
                            </div>
                            <div class="form-group {{$errors->has('user_designation') ? 'has-error' : ''}}">
                                <label for="userInputDesignation">Designation</label>
                                <input type="text" name="user_designation" class="form-control" id="userInputDesignation" placeholder="Enter Designation" value="{{ old('user_designation') }}">
                                {!! $errors->has('user_designation') ? '<span class="help-block">Designation field required</span>' : '' !!}
                            </div>
                            <div class="form-group {{$errors->has('user_role') ? 'has-error' : ''}}">
                                <label for="userInputRole">User Role</label>
                                <select name="user_role" class="form-control" id="userInputRole" placeholder="Select Role Designation" value="{{ old('user_role') }}">
                                    <option value="" readonly class="text-gray">Select Role</option>
                                    <option value="administrator">Administrator</option>
                                    <option value="employee">Employee</option>
                                    <option value="customer">Customer</option>
                                </select>
                                {!! $errors->has('user_role') ? '<span class="help-block">Role field required</span>' : '' !!}
                            </div>
                        </div>
                        <!-- /.box-body -->

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

            </div>
            <!--/.col (left) -->

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

@endsection

@section('footer_extra')

@endsection