@extends('layout.app')

@section('content')
<style>
  .uper { margin-top: 40px; }
</style>
<div class="card uper">
  <div class="card-header">
    Add Employee
  </div>
  <div class="card-body">
    @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
        </ul>
      </div><br />
    @endif
      <form method="post" action="{{ route('employees.store') }}">
          <div class="form-group">
              @csrf
              <label for="firstname">Firstname:</label>
              <input type="text" class="form-control" name="firstname"/>
          </div>
          <div class="form-group">
              <label for="lastname">Lastname:</label>
              <input type="text" class="form-control" name="lastname"/>
          </div>
          <div class="form-group">
              <label for="email">Email Address:</label>
              <input type="email" class="form-control" name="email"/>
          </div>
          <div class="form-group">
              <label for="password">Password:</label>
              <input type="password" class="form-control" name="password"/>
          </div>
          <div class="form-group">
              <label for="department">Department:</label>
              <input type="text" class="form-control" name="department"/>
          </div>
          <button type="submit" class="btn btn-primary">Register</button>
      </form>
  </div>
</div>
@endsection