@extends('layouts.site')

@section('content')
    @php

        $lang = app()->getLocale();
        $name = 'name_' . $lang;
        $details = 'details_' . $lang;
        $type = 'type_' . $lang;
        $description = 'description_' . $lang;
        $title = 'title_' . $lang;

        $img_alt = 'img_alt_' . $lang;
        $question = 'question_' . $lang;
        $answer = 'answer_' . $lang;
    @endphp

    <!--Start Page Header-->
    <section class="page-header">
        <div class="page-header__bg" style="background-image: url({{ asset('assets/front/img/pages/team.webp') }} )">
        </div>
        <div class="container">
            <div class="page-header__inner text-center">
                <h2>{{ __('Work Team') }}</h2>
                <ul class="thm-breadcrumb">
                    <li><a href="{{ route('home_index') }}">{{ __('Home') }}</a></li>
                    <li><span class="icon-right-arrow-5"></span></li>
                    <li>{{ __('Work Team') }}</li>
                </ul>
            </div>
        </div>
        <svg class="wave" viewBox="0 0 1440 40" xmlns="http://www.w3.org/2000/svg">
            <path fill="#fff" fill-opacity="1" d="M0,40 Q360,10 720,30 T1440,40 L1440,50 L0,50Z">
            </path>
        </svg>
    </section>



    <!--Start Team1  -->
  {{--   @php
        $categories = \App\Models\EmpCategory::where('is_active', 1)->get();
    @endphp
    @if ($categories && $categories->count() > 0)
        @foreach ($categories as $category)
            <section class="team-three team-three--team wow fadeInUp" data-wow-delay=".3s">
                <div class="container">
                    <div class="sec-title-style3 text-center">
                        <div class="sub-title center">
                            <div class="icon">
                                <img src="{{ asset('assets/img/favicon.webp') }}" alt="">
                            </div>
                            <h5>{{ __('Work Team') }}</h5>
                        </div>
                        <h2>{{ $category->$name }}</h2>
                    </div>

                    @php
                        $teams = \App\Models\Empolyee::where([
                            'is_active' => 1,
                            'cat_id' => $category->id,
                        ])
                            ->orderBy('id', 'asc')
                            ->get();
                    @endphp

                    @if ($teams && $teams->count() > 0)
                        <div class="row">
                            @foreach ($teams as $employee)
                                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                                    <div class="team-three__single">
                                        <div class="team-three__single-img">
                                            <img src="{{ $employee->img ? asset('assets/images/empolyees/' . $employee->img) : asset('assets/images/default.jpg') }}"
                                                alt="{{ $employee->$img_alt ?? 'team img' }}">
                                        </div>
                                        <div class="team-three__single-content text-center">
                                            <h3>{{ $employee->$name }}</h3>
                                            <p>{{ $employee->$type }}</p>
                                            <div class="social-links">
                                                <p>{{ $employee->$details }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </section>
        @endforeach
    @endif
 --}}
    <!--  Team2  -->
    @php
        $categories = \App\Models\EmpCategory::where('is_active', 1)->get();
    @endphp
    @if ($categories && $categories->count() > 0)
        @foreach ($categories as $category)
            <section class="team-three team-three--team team-paddinglast background2 wow fadeInUp" data-wow-delay=".3s">
                <div class="container">
                    <div class="sec-title-style3 text-center">
                        <div class="sub-title center">
                            <div class="icon">
                                <img src="assets/img/favicon.webp" alt="">
                            </div>
                            <h5>{{ __('Work Team') }}</h5>
                        </div>
                        <h2>
                            {{ $category->$name }}

                        </h2>
                    </div>
                    @php
                        $teams = \App\Models\Empolyee::where(['is_active' => '1', 'cat_id' => $category->id])
                            ->orderBy('id', 'asc')
                            ->get();
                    @endphp
                    @if ($teams && $teams->count() > 0)
                        <div class="row">
                            <!--Start Team Three Single-->
                            @foreach ($teams as $index => $employee)
                                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                                    <div class="team-three__single">
                                        <div class="team-three__single-img">
                                            <img src="{{ asset('assets/images/empolyees/' . $employee->img) ?? '' }}"
                                                alt="{{ $employee->$img_alt ?? 'team img' }}">
                                        </div>
                                        <div class="team-three__single-content text-center">
                                            <h3> {{ $employee->$name }}</h3>
                                            <p> {{ $employee->$type }}</p>
                                            <div class="social-links">
                                                <p>{{ $employee->$details }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach

                        </div>
                    @endif
                </div>
            </section>
             @endforeach
    @endif
        @stop
        @section('scripts')
            <script>
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
            </script>

        @stop