@extends('setting.nav')

@section('title', 'All Employee')

@section('styles')
    <style>
        .dashboard-container {
            background: #ffffff;
            border-radius: 12px;
            padding: 30px;
            margin-top: 30px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        }
    </style>
@endsection
@section('content')
    <div class="container dashboard-container mt-4">
        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        <h2 class="mb-4">Admin's Related Employees</h2>

        @if ($employees === null)
            <div class="alert alert-warning">Admin not found or not authorized.</div>
        @elseif ($employees->isEmpty())
            <div class="alert alert-info">No related employees found.</div>
        @else
            <div class="table-responsive">
                <table class="table table-bordered table-hover text-center">
                    <thead>
                        <tr>
                            <th class='bg-success text-white'>ID</th>
                            {{-- <th>Name</th> --}}
                            <th class='bg-success text-white'>Email</th>
                            {{-- <th>Auth ID</th> --}}
                            <th class='bg-success text-white'>Group</th>
                            <th class='bg-success text-white'>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($employees as $employee)
                            <tr>
                                {{-- <td>{{ $employee->id }}</td> --}}
                                <td>{{ $loop->iteration }}</td>
                                {{-- <td>{{ $employee->name ?? '-' }}</td> --}}
                                <td>{{ $employee->email }}</td>
                                {{-- <td>{{ $employee->auth_id }}</td> --}}
                                <td>
                                    {{-- @switch($employee->group_by)
                                        @case(1)
                                            <span class="badge bg-primary">HR</span>
                                        @break

                                        @case(2)
                                            <span class="badge bg-success">Sales</span>
                                        @break

                                        @case(3)
                                            <span class="badge bg-warning text-dark">Accounts</span>
                                        @break

                                        @default
                                            <span class="badge bg-secondary">Normal User </span>
                                    @endswitch --}}
                                    <span>{{ $employee->group_lable }}</span>
                                </td>
                                <td>
                                    <form action="{{ route('employee.action') }}" method="POST">
                                        @csrf

                                        {{-- Hidden field to send employee id --}}
                                        <input type="hidden" name="employee_id" value="{{ $employee->id }}">
                                        {{-- Department Dropdown --}}
                                        <select name="department_id" class="form-select form-select-sm d-inline w-auto">
                                            {{-- <option value="0" {{ !$employee->department_id ? 'selected' : '' }}>Normal
                                                User</option> --}}
                                            <option disabled selected>Please Select Group</option>
                                            @forelse ($departments as $department)
                                                <option value="{{ $department->id }}"
                                                    {{ $employee->group_by == $department->id ? 'selected' : '' }}>
                                                    {{ $department->department_name }}
                                                </option>
                                            @empty
                                                <option disabled>No departments available</option>
                                            @endforelse
                                        </select>

                                        {{-- Submit Button --}}
                                        <button type="submit" class="btn btn-sm btn-primary">Update</button>
                                    </form>
                                    {{-- <a href="{{ route('employee.action', ['id' => $employee->id, 'type' => 1]) }}"
                                        class="btn btn-primary btn-sm">HR</a>
                                    <a href="{{ route('employee.action', ['id' => $employee->id, 'type' => 2]) }}"
                                        class="btn btn-success btn-sm">Sales</a>
                                    <a href="{{ route('employee.action', ['id' => $employee->id, 'type' => 3]) }}"
                                        class="btn btn-warning btn-sm">Accounts</a>
                                    <a href="{{ route('employee.action', ['id' => $employee->id, 'type' => 0]) }}"
                                        class="btn btn-secondary btn-sm">Normal User</a> --}}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
@endsection