@extends('website.layouts.web-layouts')
@section('title', 'FBCCI | Magazine')
@section('description', 'Magazine | FBCCI Magazines')
@section('image', '')
@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">
            <div class="former-president-item">
              <div class="image">
                <img src="{{ $member->member->logo }}" alt="{{ $member->member->name }}" class="img-fluid w-100">
              </div>
              <div class="text text-center">
                <h4>{{ $member->member->name }}</h4>
                <ul class="list-unstyled">
                  <li>Member: {{ $member->body->name }}</li>
                  <li>Organization: {{ $member->member->organization_name }}</li>
                </ul>
                <button>Term: ({{date('Y', strtotime($member->session->from_date))}} - {{date('Y', strtotime($member->session->to_date))}})</button>
              </div>
            </div>
          </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