@extends('themes.one.master')

@php
    $teacherMeta = ($pageSettingsBySlug ?? collect())->get('teachers');
    $title = transField($teacherMeta, 'title') ?? __('Meet Our Team');

@endphp
    

@section('title', __('Teacher') . " " . __('Details'));

@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>{{ $title }}</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">{{ $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>{{ $title }}</span></li>
                    </ol>
                    </div>
                </div>
                </div>
            </div>
        </section>
    @endif
    <!--=================================
    inner-header -->

    <!--=================================
    Team-single -->
    @isset($teacher)
        @php
            $img   = $teacher['image'] ?? 'images/team/placeholder.jpg';
            $name  = transField($teacher, 'title') ?? '—';
            $role  = transField($teacher, 'desination') ?? '';
            $phone = transField($teacher, 'contact_no') ?? '';
            $email = $teacher['email'] ?? '';
            $addr  = transField($teacher, 'address') ?? '';
            $desc  = transField($teacher, 'description') ?? '';

            $face  = $teacher['facebook_url']  ?? null;
            $tw    = $teacher['twitter_url']   ?? null;
            $ln    = $teacher['linkedin_url']  ?? null;
            $ig    = $teacher['instagram_url'] ?? null;
        @endphp
        <section class="space-pt">
            <div class="container">
                <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                    <div class="col-md-4 mb-4 mb-md-0">
                        <div class="team-single is-sticky">
                        <div class="team-img">
                            <img class="img-fluid border-radius" src="{{ $img }}" alt="{{ e($name) }}">
                        </div>
                        <div class="social mt-4 text-center">
                            <ul class="pl-0">
                            @if($face)<li><a href="{{ $face }}" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a></li>@endif
                            @if($tw)  <li><a href="{{ $tw }}"   target="_blank" rel="noopener"><i class="fab fa-twitter"></i></a></li>@endif
                            @if($ln)  <li><a href="{{ $ln }}"   target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a></li>@endif
                            @if($ig)  <li><a href="{{ $ig }}"   target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a></li>@endif
                            </ul>
                        </div>
                        </div>
                    </div>

                    <div class="col-md-8">
                        <div class="team-info">
                        <a href="#" class="team-name h4">{{ e($name) }}</a>
                        @if($role)<h6 class="border-bottom text-primary my-3 pb-3">{{ e($role) }}</h6>@endif

                        @if($phone)
                            <div class="d-flex"><h6>{{ __('Phone') }}:</h6><label class="ml-3">{{ e($phone) }}</label></div>
                        @endif

                        @if($email)
                            <div class="d-flex"><h6>{{ __('Email') }}:</h6><label class="ml-3">{{ e($email) }}</label></div>
                        @endif

                        @if($addr)
                            <div class="d-flex"><h6>{{ __('Address') }}:</h6><label class="ml-3">{{ e($addr) }}</label></div>
                        @endif

                        @if($desc)
                            <div class="mt-4">{!! $desc !!}</div>
                        @endif
                        </div>
                    </div>
                    </div>

                    @if(isset($prev) || isset($next))
                        <div class="row">
                            <div class="col-md-12">
                            <div class="my-4 my-sm-5 py-3 px-3 bg-dark border-radius">
                                <div class="row d-flex align-items-center justify-content-between">
                                <div class="col-sm">
                                    @if(isset($prev))
                                    <a href="{{ url('/teacher-details/' . $prev['id']) }}" class="d-flex align-items-center">
                                        <div class="sin-pag-img avatar">
                                        <img class="img-fluid rounded" src="{{ $prev['image'] ?? 'images/team/placeholder.jpg' }}" alt="{{ e($prev['title'] ?? '') }}">
                                        </div>
                                        <div class="sin-pag-con ml-3">
                                        <span class="h5 text-white">{{ transField($prev, 'title') ?? '' }}</span>
                                        <small class="d-block text-white">{{ __('Previous') }}</small>
                                        </div>
                                    </a>
                                    @endif
                                </div>

                                <div class="col-12 col-sm-1 text-center my-3 my-sm-0">
                                    <a href="{{ url('/teachers') }}"><i class="fas fa-lg fa-grip-horizontal text-white" aria-hidden="true"></i></a>
                                </div>

                                <div class="col-sm">
                                    @if(isset($next))
                                    <a href="{{ url('/teacher-details/' . $next['id']) }}" class="d-flex align-items-center text-right">
                                        <div class="sin-pag-con mr-3 ml-auto">
                                        <span class="h5 text-white">{{ transField($next, 'title') ?? '' }}</span>
                                        <small class="d-block text-white">{{ __('Next') }}</small>
                                        </div>
                                        <div class="sin-pag-img avatar">
                                        <img class="img-fluid rounded" src="{{ $next['image'] ?? 'images/team/placeholder.jpg' }}" alt="{{ e($next['title'] ?? '') }}">
                                        </div>
                                    </a>
                                    @endif
                                </div>
                                </div>
                            </div>
                            </div>
                        </div>
                    @endif

                </div>
                </div>
            </div>
        </section>
    @endisset
    <!--=================================
    Team-single -->

    <!--=================================
    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