{{-- components/staff-department-display.blade.php --}}
@foreach ($departments as $department)
    <div class="col-lg-6 col-md-6 col-xl-6 col-xs-12">
        <div class="staff-department">
            <strong class="department-title">{{ $department['title'] }}</strong>
            <div class="staff-details">
                <div class="staff-info">
                    <span class="staff-label">Male:</span>
                    <span class="staff-value">{{ $staffData->{$department['male_field']} }}</span>
                </div>
                <div class="staff-info">
                    <span class="staff-label">Female:</span>
                    <span class="staff-value">{{ $staffData->{$department['female_field']} }}</span>
                </div>
            </div>
        </div>
    </div>
@endforeach