@extends('layouts.admin')

@section('title', 'Employee List')
@section('subtitle', 'Employee Set-Up / List View')

@section('content')
<div class="cardx">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="fw-bold text-primary mb-0">Employee List</h4>
    <a href="{{ route('admin.employees.create') }}" class="btn btn-brand"><i class="bi bi-plus-circle"></i> Add Employee</a>
  </div>

  <div class="table-responsive">
    <table class="table custom-table align-middle">
      <thead>
        <tr>
          <th>Employee ID</th><th>Name</th><th>Office</th><th>Department</th><th>Designation</th><th>Status</th><th class="text-end">Action</th>
        </tr>
      </thead>
      <tbody>
      @foreach($employees as $employee)
        <tr>
          <td>{{ $employee['employee_id'] }}</td>
          <td>{{ $employee['name'] }}</td>
          <td>{{ $employee['office'] }}</td>
          <td>{{ $employee['department'] }}</td>
          <td>{{ $employee['designation'] }}</td>
          <td><span class="badge bg-success-subtle text-success">{{ $employee['status'] }}</span></td>
          <td class="text-end">
            <a href="{{ route('admin.employees.show', $employee['employee_id']) }}" class="btn btn-sm btn-outline-primary">View</a>
            <a href="{{ route('admin.employees.edit', $employee['employee_id']) }}" class="btn btn-sm btn-outline-success">Edit</a>
          </td>
        </tr>
      @endforeach
      </tbody>
    </table>
  </div>
</div>
@endsection