@extends('layouts.app')

@section('content')
<div class="container py-4">
  <h4>Add Employee</h4>

  @if($errors->any())
    <div class="alert alert-danger">
      <ul class="mb-0">
        @foreach($errors->all() as $e)
          <li>{{ $e }}</li>
        @endforeach
      </ul>
    </div>
  @endif

  <form action="{{ route('employees.store') }}" method="POST">
    @csrf

    <div class="mb-3">
      <label class="form-label">Full Names*</label>
      <input type="text" name="full_name" class="form-control" value="{{ old('full_name') }}" required>
    </div>

    <div class="mb-3">
      <label class="form-label">Department*</label>
      <select name="department_id" class="form-select" required>
        <option value="">Select Department…</option>
        @foreach($departments as $d)
          <option value="{{ $d->id }}" {{ old('department_id')==$d->id?'selected':'' }}>
            {{ $d->name }}
          </option>
        @endforeach
      </select>
    </div>

    <div class="mb-3">
      <label class="form-label">Position*</label>
      <input type="text" name="position" class="form-control" value="{{ old('position') }}" required>
    </div>

    <div class="mb-3">
      <label class="form-label">Phone*</label>
      <input type="text" name="phone" class="form-control" value="{{ old('phone') }}" required>
    </div>

    <div class="mb-3">
      <label class="form-label">Gender*</label>
      <select name="gender" class="form-select" required>
        <option value="">Select Gender…</option>
        <option value="Male"   {{ old('gender')=='Male'?'selected':'' }}>Male</option>
        <option value="Female" {{ old('gender')=='Female'?'selected':'' }}>Female</option>
        <option value="Other"  {{ old('gender')=='Other'?'selected':'' }}>Other</option>
      </select>
    </div>

    <div class="mb-3">
      <label class="form-label">Date of Birth*</label>
      <input type="date" name="dob" class="form-control" value="{{ old('dob') }}" required>
    </div>

    <div class="mb-3">
      <label class="form-label">Username*</label>
      <input type="text" name="username" class="form-control" value="{{ old('username') }}" required>
    </div>

    <div class="mb-3">
      <label class="form-label">Password*</label>
      <input type="password" name="password" class="form-control" required>
    </div>

    <div class="mb-3">
      <label class="form-label">Repeat Password*</label>
      <input type="password" name="password_confirmation" class="form-control" required>
    </div>

    <button type="submit" class="btn btn-success">Add Employee</button>
    <a href="{{ route('employees.unapproved') }}" class="btn btn-secondary ms-2">Cancel</a>
  </form>
</div>
@endsection