@extends('website.layouts.web-layouts')
@section('title', 'FBCCI | Former President')
@section('description', ' | Former President')
@section('image', $siteSetting->logo)
@section('url', url()->full())
@section('content')
    {{-- bread-cumb --}}
    <x-bread-crumb module="Formar {{ucwords(str_replace('-', ' ',$tag))}}" :extra="false" />
    <section class="former-president">
      <div class="container">
        <div class="row">
          @forelse ($members as $member)
            @if($member->body != null)
            <div class="col-xl-3 col-lg-4 col-md-6">
              <a href="{{ route('web.president.details', ['id' => $member->body->id]) }}" class="d-block w-100">
                <div class="former-president-item">
                  <div class="image">
                    <img src="{{$member->body->image  }}" alt="" class="img-fluid w-100">
                  </div>
                  <div class="text text-center">
                    <h4>{{ $member->body->name ?? '' }}</h4>
                    <ul class="list-unstyled">
                      <li>Member: {{ $member->body->name ?? '' }} </li>
                      <li> Organization: {{ $member->organization_name ?? '...' }}</li>
                    </ul>
                    <button>Term : ( {{ GlobalHelper::getTerm( date('Y', strtotime($member?->session?->from_date)), date('Y', strtotime($member?->session?->to_date))) }} )</button>
                  </div>
                </div>
              </a>
            </div>
            @endif

          @empty
             <x-empty-component></x-empty-component>
          @endforelse
        </div>
        <div class="pagination my-4 d-flex justify-content-end">
          {{ $members->links('website.custom.paginate') }}
        </div>
      </div>
    </section>
@endsection