@extends('welcome.welcome-layout')

@section('style')
<style>
    .banner-our-team {
        background: url('{{ asset("images/welcome-images/our-team.jpg")}}') center center / cover no-repeat;
        width: 100%;
        height: 50vh;
    }
</style>
@endsection

@section('content')
    <section class="banner-our-team d-flex align-items-center justify-content-center mb-5">
        <div class="container">
            <div class="row banner-content-about">
                <div class="col-md-12 text-center">
                    <h2 class="text-white text-uppercase fw-bold mb-4">Meet our Team</h2>
                    <h3 class="text-white fw-bold fs-1">{{ isset($employee) ? $employee->home?->name : ''  }}</h3>
                </div>
            </div>
        </div>
    </section>

    @foreach($roleHierarchy as $roleH)
        @php 
            $role = $data[$roleH->role_id] ?? null;
            $total = 0;  
                        
        @endphp
        @continue(!$role)
        @if($role->getActiveEmployeesCount() > 0)
            @php
                $homeId = $employee?->work_place ?? null;
                // $activeEmployees = $role->getActiveEmployees($roleH->employeeRole?->company_id, $role['id'], $homeId, $employeeIds);  
                $activeEmployees = $role->getActiveEmployees($roleH->employeeRole?->company_id, $role['id'], $homeId);        
            @endphp
            @if(count($activeEmployees) > 0)
                <section class="our-team mb-5">        
                    <div class="container">
                        <div class="our-team-inner">                
                            <div class="our-team-headings mb-4">
                                <h3 class="fw-bold">{{ $roleH->employeeRole?->name }}</h3>
                                {{-- <p>Responsible for the overall leadership and operation of the home, ensuring high standards of care, compliance and team support.</p> --}}
                                <p>{{ $roleH->employeeRole->description ?? '' }}</p>
                            </div>
                            
                            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-5 g-4">
                                {{-- @foreach($role->getActiveEmployees($roleH->employeeRole?->company_id, $role['id'], $homeId,$employeeIds) as $emps) --}}
                                @foreach($role->getActiveEmployees($roleH->employeeRole?->company_id, $role['id'], $homeId) as $emps)
                                    <div class="col mb-3">
                                        <div class="team-card">
                                            @if(isset($emps['employee_pic']) && ($emps['employee_pic']!=='') &&
                                                                    (file_exists(public_path('crm/employee/'.$emps['employee_pic']))))
                                                <img class="team-member" src="{{url('/crm/employee/')}}/{{$emps['employee_pic']}}" alt="Team Member" width="100%">
                                            @else
                                                <img src="{{url('/images/profilerecu.png/')}}">
                                            @endif
                                            <div class="card-body text-start py-3 px-1">
                                                <h5 class="fw-bold mb-1">{{$emps['name']}}</h5>
                                                <p class="text-muted mb-0 fw-semibold">{{ $roleH->employeeRole?->name }}</p>
                                                <p class="text-muted mb-0 fw-semibold">{{ $emps->home?->name }}</p>
                                            </div>
                                        </div>
                                    </div>  
                                @endforeach                          
                            </div>   
                        </div>
                    </div>   
                </section>
            @endif
        @endif
    @endforeach
@endsection