@extends('website.layouts.web-layouts')
@section('title', 'FBCCI | Member')
@section('description', 'FBCCI Member')
@section('image', $siteSetting->logo)
@section('url', url()->full())
@section('content')
    {{-- bread-cumb --}}
    <x-bread-crumb module="{{ucwords(str_replace('-', ' ',$tag))}}" :extra="false" />

    <section class="former-president">
      <div class="container">
        <div class="row">
          @forelse ($members as $member)
          <div class="col-xl-3 col-lg-4 col-md-6">
            <a href="{{route('web.president.details', ['id' => $member->body->id])}}">
              <div class="former-president-item">
                <div class="image">
                    <img src="{{ $member->body->image }}" alt="{{ $member->member?->organization_name }}" class="img-fluid w-100"> 
                  
                </div>
                <div class="text text-center">
                  <h4>{{ $member->body?->name }}</h4>
                  <ul class="list-unstyled">
                    <li>Member: {{ $member->member?->organization_name }}</li>
                    <li>Organization: {{ $member->body?->company_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>
          @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