@extends('layouts.superadmin')
@section('content')
@push('stylesheets')
@endpush
<!-- Page Content -->
<div class="page-content-wrapper">
    <div class="container-fluid">
        <!-- Page Header -->
        <div class="page-header">
            <div class="row">
                @include('includes.client-popup')
                <div class="col-md-4 col-sm-12 order-md-1">
                    <h2><i class="fa fa-users"></i> Employees</h2>
                </div>
            </div>
        </div>
        <!-- /#Page Header -->
        <!-- Breadcrumb -->
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item" aria-current="page">
                    <a href="/employees">Employees</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">Create Employee</li>
                &nbsp;<a href="javascript:void(0);" onclick="addQuicklink('Create Employee',location.href);"
                    title="Quicklink this page!"><i class="fa fa-link" aria-hidden="true"></i></a>
            </ol>
        </nav>
        <!-- /#Breadcrumb -->
        <div class="sub-header">
            <div class="row">
                <div class="col-sm-8 col-12">
                    <h4>Create Employee</h4>
                </div>
            </div>
        </div>
        @if (count($errors) > 0)
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        <div class="white-wrapper">
            <form method="post" action="{{route('employees.store')}}">
                @csrf
                <div class="row">
                    <div class="col-12 col-md-6">
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">First Name *</label>
                            <div class="col-sm-8">
                                <input type="text" name="firstname" id="firstname" value="{{old('firstname')}}" required
                                    minlength="2" maxlength="30" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">Last Name *</label>
                            <div class="col-sm-8">
                                <input type="text" name="lastname" id="lastname" value="{{old('lastname')}}" required
                                    minlength="2" maxlength="30" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">Email</label>
                            <div class="col-sm-8">
                                <input type="text" name="email" id="email" value="{{old('email')}}"
                                    class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">SSN *</label>
                            <div class="col-sm-8">
                                <input type="text" name="ssn" id="ssn" value="{{old('ssn')}}"
                                    onkeypress="CheckSpace(event)" required minlength="9" maxlength="9"
                                    class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">User Name *</label>
                            <div class="col-sm-8">
                                <input type="text" name="username" id="username" onkeypress="CheckSpace(event)"
                                    value="{{old('username')}}" required minlength="2" maxlength="30"
                                    class="form-control disablePaste">
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6">
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">Password *</label>
                            <div class="col-sm-8">
                                <input type="password" name="password" id="password" value="{{old('password')}}"
                                    onkeypress="CheckSpace(event)" required minlength="5" maxlength="30"
                                    class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">Confirm Password *</label>
                            <div class="col-sm-8">
                                <input type="password" name="password_confirmation" id="confirmpassword"
                                    onkeypress="CheckSpace(event)" value="{{old('password_confirmation')}}" required
                                    minlength="5" maxlength="30" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-6">
                        <button type="reset" class="btn btn-outline-primary mb-2">Reset</button>
                    </div>
                    <div class="col-6">
                        <button type="submit" class="btn btn-primary float-right mb-2">Submit</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /#page-content-wrapper -->
@push('scripts')

@endpush
@endsection