@extends('layouts.superadmin')
@section('content')
@push('stylesheets')
@endpush
<script>
    function CheckSpace(event) {
        if (event.which == 32) {
            event.preventDefault();
            return false;
        }
    }
</script>
<!-- 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">Edit Employee</li>
            </ol>
        </nav>
        <!-- /#Breadcrumb -->
        <div class="sub-header">
            <div class="row">
                <div class="col-sm-8 col-12">
                    <h4>Edit 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.update', $employee->id)}}">
                @csrf
                @method('PATCH')
                <input type="hidden" name="id" value="{{$employee->id}}">
                <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="@php if(old('firstname') != null) echo old('firstname'); else echo $employee->firstname; @endphp"
                                    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="@php if(old('lastname') != null) echo old('lastname'); else echo $employee->lastname; @endphp"
                                    required minlength="2" maxlength="30" 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" onkeypress="CheckSpace(event)"
                                    value="@php if(old('ssn') != null) echo old('ssn'); else echo $employee->ssn; @endphp"
                                    required minlength="9" maxlength="9" class="form-control">
                            </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" onkeypress="CheckSpace(event)" id="password"
                                    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" onkeypress="CheckSpace(event)"
                                    id="confirmpassword" minlength="5" 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="email" name="email" id="email" onkeypress="CheckSpace(event)"
                                    value="@php if(old('email') != null) echo old('email'); else echo $employee->email; @endphp"
                                    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