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

    <section class="former-secretary">
        <div class="container">
            <div class="row">
                @forelse ($members as $member)
                <div class="col-lg-4 col-xl-3 col-md-6">
                    <div class="former-secretary-item">
                        <div class="image">
                            <img src="{{ $member->image }}" alt="{{ $member->name }}">
                        </div>
                        <div class="text text-center">
                            <h4>{{ $member->name }}</h4>
                            {{-- <span class="d-block">{{ $member->name }}</span> --}}
                            <span class="d-block">{{ $member->mobile ?? '' }}</span>
                            <span class="d-block">{{ $member->email ?? '' }}</span>
                        </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