@extends('layouts.app')
@section('page-title', 'Departments')
@section('page-heading', __('Departments'))

@section('content')
<div class="card">
        @php
        $currentUser = auth()->user();
        $canCreate = $currentUser->hasPermission('department.create');
        $canEdit = $currentUser->hasPermission('department.edit');
        $canDelete = $currentUser->hasPermission('department.delete');
       
    @endphp
    <div class="card-header d-flex justify-content-between align-items-center">
        <h2 class="mb-0">@lang('Departments')</h2>
        @if($canCreate)
        <a href="{{ route('departments.create') }}" class="btn btn-primary btn-sm">@lang('New Department')</a>
        @endif
    </div>
    <div class="card-body">
        @if(session('success'))
            <div class="alert alert-success mb-3">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="alert alert-danger mb-3">{{ session('error') }}</div>
        @endif

        <form method="GET" action="{{ route('departments.index') }}" class="mb-3">
            <div class="row g-2 align-items-center">
                <div class="col-auto" style="min-width:280px">
                    <input type="text" name="search" class="form-control" placeholder="Search by name..." value="{{ request('search') }}">
                </div>
                <div class="col-auto">
                    <button class="btn btn-outline-primary" type="submit"><i class="fas fa-search"></i></button>
                </div>
                @if(request('search'))
                    <div class="col-auto">
                        <a href="{{ route('departments.index') }}" class="btn btn-outline-secondary">Reset</a>
                    </div>
                @endif
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-bordered align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Name</th>
                        <th>Lead</th>
                        <th>Members</th>
                        <th>Role Breakdown</th>
                        <th style="width:170px">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($departments as $department)
                    @php $dist = $department->roleDistribution(); @endphp
                    <tr>
                        <td class="fw-semibold">
                            <a href="{{ route('departments.show', $department) }}">{{ $department->name }}</a>
                        </td>
                        <td>{{ optional($department->lead)->name ?? '—' }}</td>
                        <td>{{ $department->members_count }}</td>
                        <td>
                            @foreach($dist as $role => $count)
                                @if($count > 0)
                                    <span class="badge bg-light text-dark border me-1">{{ $role }}: {{ $count }}</span>
                                @endif
                            @endforeach
                            @if(array_sum($dist) === 0)
                                <span class="text-muted">No members yet</span>
                            @endif
                        </td>
                        <td class="text-nowrap">
                            <a href="{{ route('departments.show', $department) }}" class="btn btn-sm btn-info" title="View"><i class="bi bi-eye"></i></a>
                            @if($canEdit)
                            <a href="{{ route('departments.edit', $department) }}" class="btn btn-sm btn-warning" title="Edit"><i class="bi bi-pencil"></i></a>
                            @endif

                            @if($canDelete)
                            <form method="POST" action="{{ route('departments.destroy', $department) }}" class="d-inline" onsubmit="return confirm('Delete this department? All member records will also be removed.');">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-danger" title="Delete"><i class="bi bi-trash"></i></button>
                            </form>
                            @endif
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="5" class="text-center text-muted py-4">No departments found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-3">{!! $departments->appends(request()->query())->links() !!}</div>
    </div>
</div>
@endsection