@extends('admin.layouts.layout')

@section('title')Department Management @endsection

@section('body')
    <div class="flex justify-between mb-4">
        <h1 class="text-2xl font-semibold mb-4">Department List</h1>
        <a href="{{ route('admin.management.organization-management.departments.add') }}" class="btn btn-primary">Add</a>
    </div>

    @include('partials.event')

    <table id="datatable">
        <thead>
            <tr>
                <th>#</th>
                <th>
                    <select id="filter-by-organization" class="form-control">
                        <option value="">All Organizations</option>
                        {{--@foreach ($organizations as $organization)
                            <option value="{{ $organization->id }}">{{ $organization->name }}</option>
                        @endforeach--}}
                    </select>
                </th>
                <th>
                    <select id="filter-by-division" class="form-control">
                        <option value="">All Divisions</option>
                    </select>
                </th>
                <th>
                    <select id="filter-by-project" class="form-control">
                        <option value="">All Projects</option>
                    </select>
                </th>
                <th>Name</th>
                <th></th>
            </tr>
        </thead>
    </table>
@endsection

@section('js')
    @vite('resources/js/organization-management/department.js')
@endsection