@extends('themes.one.master')

@php
    $pageInfo = [];
    $pageTitle = '';
    foreach($pageSettings as $page){
        if($page['page'] == $currentPageSlug){
            $pageInfo = $page;
            $pageTitle = transField($pageInfo, 'title') ?? __('Teachers');
        }
    }
@endphp

@section('title', $pageTitle)

@section('content')
    <!--=================================
    inner-header -->
    @if(!empty($banner))
        <section class="inner-banner bg-overlay-black-70 bg-holder" style="background-image: url('');">
            <div class="container">
                <div class="row d-flex justify-content-center">
                <div class="col-md-12">
                    <div class="text-center">
                    <h1 class="text-white">{{ transField($banner, 'title') }}</h1>
                    </div>
                    <div class="d-flex justify-content-center ">
                    <ol class="breadcrumb mb-0 p-0">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ __('Home') }}</a></li>
                    <li class="breadcrumb-item active"><span>{{ $pageTitle  }}</span></li>
                    </ol>
                    </div>
                </div>
                </div>
            </div>
        </section>
    @else
        <section class="inner-banner bg-overlay-black-70 bg-holder" style="background-image: url('assets/themes/one/images/bg/10.jpg');">
            <div class="container">
                <div class="row d-flex justify-content-center">
                <div class="col-md-12">
                    <div class="text-center">
                    <h1 class="text-white">{{ $pageTitle }}</h1>
                    </div>
                    <div class="d-flex justify-content-center ">
                    <ol class="breadcrumb mb-0 p-0">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ __('Home') }}</a></li>
                    <li class="breadcrumb-item active"><span>{{ $pageTitle }}</span></li>
                    </ol>
                    </div>
                </div>
                </div>
            </div>
        </section>
    @endif
    <!--=================================
    inner-header -->

    <!--=================================
    Team -->
    @if(page_enabled('teachers') && !empty($ourTeams))
        @php
            $teacherMeta = ($pageSettingsBySlug ?? collect())->get('teachers');
            $title = transField($teacherMeta, 'title') ?? __('Meet Our Team');
            $descHtml = transField($teacherMeta, 'description') ?? "";
        @endphp
        <section class="space-ptb">
        <div class="container">
            <div class="row justify-content-center">
            <div class="col-lg-8 col-md-10 text-center">
                <!-- Section Title START -->
                <div class="section-title">
                <h2>{{ $title }}</h2>
                <p>{!! $descHtml !!}</p>
                </div>
                <!-- Section Title END -->
            </div>
            </div>
            @php
                $teams = $ourTeams instanceof \Illuminate\Support\Collection ? $ourTeams : collect($ourTeams);
            @endphp
          
            @foreach ($teams->chunk(4) as $chunkIndex => $chunk)
                <div class="row {{ $chunkIndex === 0 ? 'mb-xl-4' : '' }}">
                    @foreach ($chunk as $colIndex => $item)
                        @php
                            $img   = $item['image'] ?? '';
                            $name  = transField($item, 'title') ?? '—';
                            $role  = transField($item, 'designation') ?? '';
                            $face  = $item['facebook_url']  ?? null;
                            $tw    = $item['twitter_url']   ?? null;
                            $ln    = $item['linkedin_url']  ?? null;
                            $ig    = $item['instagram_url'] ?? null;


                            $isLastInRow = ($colIndex === 3);
                            $secondRow = $chunkIndex !== 0 ? " mb-xl-0" : "";
                            $colClasses = 'col-xl-3 col-lg-6 col-sm-6 mb-4' . ($isLastInRow ? ' mb-sm-0' : $secondRow) ;
                        @endphp

                        <div class="{{ $colClasses }}">
                            <!-- team-01 START -->
                            <div class="team">
                                <div class="team-img">
                                    <img class="img-fluid" src="{{ $img }}" alt="{{ e($name) }}">
                                </div>
                                <div class="team-info">
                                    <a href="{{ url('/teacher-details/' . $item['id']) }}" class="team-name">{{ e($name) }}</a>
                                    @if($role)<p class="team-leader">{{ e($role) }}</p>@endif

                                    <ul class="list-unstyled">
                                    @if($face)<li><a href="{{ $face }}"><i class="fab fa-facebook-f"></i></a></li>@endif
                                    @if($tw)  <li><a href="{{ $tw }}"><i class="fab fa-twitter"></i></a></li>@endif
                                    @if($ln)  <li><a href="{{ $ln }}"><i class="fab fa-linkedin-in"></i></a></li>@endif
                                    @if($ig)  <li><a href="{{ $ig }}"><i class="fab fa-instagram"></i></a></li>@endif
                                    </ul>
                                </div>
                            </div>
                            <!-- team-01 END -->
                        </div>
                    @endforeach
                </div>
            @endforeach
        </div>
        </section>
    @endif
    <!--=================================
    Team -->

    <!--=================================
    Call to action -->
    @include('themes.one.sections.subscribe')
    <!--=================================
    Call to action -->
@endsection