@extends('layouts.frontend.app')
@section('title', $category->title)

@section('content')
    <main>
        @include('inner.breadcrumb', ['pageTitle' => $category->title])

        <section class="section-padding about-area executive-page">
            <div class="container">
                <div class="row">
                    @if (!empty($chairman))
                        <div class="col-xs-12 offset-xs-3 col-sm-6 offset-sm-3 col-md-4 offset-md-4 col-lg-4 offset-lg-4">
                            <div class="people-block people-block-main">
                                <div class="people-img">
                                    <a href="{{ route('team.show', ['category' => $chairman->category->slug, 'id' => $chairman->id]) }}">
                                        <img src="{{ asset('storage/' . $chairman->photo) }}"
                                            alt="Photo of {{ $chairman->full_name }}">
                                    </a>
                                </div>
                                <div class="people-designation">
                                    <a href="{{ route('team.show', ['category' => $chairman->category->slug, 'id' => $chairman->id]) }}">{{ $chairman->full_name }}</a>
                                    <span>{{ $chairman->designation }}</span>
                                </div>
                            </div>
                        </div>
                    @endif
                    <div class="col-lg-12">&nbsp;</div>

                    @foreach ($team as $index => $item)
                        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 my-auto">
                            <div class="people-block">
                                <div class="people-img">
                                    <a href="{{ route('team.show', ['category' => $item->category->slug , 'id' => $item->id]) }}">
                                        <img src="{{ asset('storage/' . $item->photo) }}" alt="Photo of {{ $item->full_name }}">
                                    </a>
                                </div>
                                <div class="people-designation">
                                    <a href="{{ route('team.show', ['category' => $item->category->slug , 'id' => $item->id]) }}">{{ $item->full_name }}</a>
                                    <span>{{ $item->designation }}</span>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    </main>
@endsection