@extends('site.inner')

@section('title')
  {!! $category->title !!}
@endsection

@section('breadcrumb')
    {{ breadcrumb() }}
@endsection

{{-- @section('page_title')
    {!! $category->title !!}
@endsection --}}

@section('page_content')

<div class="row page-content my-2">
    <div class="col-12 mt-2">
        <div class="pb-2 my-2 border-bottom">
            <h4 class="mb-0 text-uppercase">
                <div class="d-block  py-1 lines position-relative">
                    <div class="pr-sm-2 py-1 text-primary  position-relative">
                        <span class="round-border"><span class="round-border1 pl-1">{{ $category->title }}</span> </span>
                    </div>
                </div>
            </h4>
        </div>

        <div class="row mx-0">
            <div class="col-12 px-0">
                <div class="pb-3 rich-text">
                    {!! nl2br($category->summary) !!}
                </div>
                <div class="col-12 px-0">

                    @if(count($members))
                        @foreach ($members as $group)

                            <div class="row mx-0 my-3 justify-content-center border-bottommmmm">
                                @foreach ($group as $member)

                                    <div class="col-12 col-sm-6 col-md-3 text-center py-3">
                                        <a href="{!! url('administration/'.$category->slug.'/'.$member->member->slug) !!}" title="{{ label('lbl_view').' '.label('lbl_biography') }}" class="d-block w-100 shadow rounded bg-white zoom-container">
                                            <div class="text-center overflow-hidden p-3">
                                                <img src="{{asset('uploads/administration/'.$member->member->photo_url)}}" alt="{{$member->member->fullname.' photo'}}"
                                                     class="img-fluid rounded-circle image" style="width:100%; max-width:150px">
                                            </div>
                                            <div class="py-2">
                                                <h6 class="text-bold text-primary">{!! $member->member->salutation.' '.$member->member->fullname !!}</h6>
                                                @if ($member->position == 2)
                                                    @if($member->member->active_year)
                                                        <p class="bg-accent mx-auto px-2 py-2 rounded text-bold text-dark w-100" style="max-width:230px ;">{!! $member->member->active_year !!}</p>
                                                    @endif
                                                @else
                                                    <p class="text-faded mb-1 bold-600">{!! $member->title !!}</p>
                                                @endif
                                            </div>
                                        </a>
                                    </div>

                                @endforeach
                            </div>

                        @endforeach
                    @else
                        <div class="col-12 px-0 py-3 bold-600">
                            {{label('lbl_no_information')}}
                        </div>
                    @endif

                </div>
            </div>
        </div>
    </div>
</div>

@stop