@extends('layouts.frontend.app')

@section('content')


		<!-- Start Page Title Area -->
		<div class="page-title-area bg-2">
			<div class="container">
				<div class="page-title-content">
					<h2>أعضاء مجلس الإدارة</h2>
					<ul>
						<li>
							<a href="{{ route('welcome') }}">
								الرئيسية
							</a>
						</li>

						<li class="active">أعضاء مجلس الإدارة</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- End Page Title Area -->

		<!-- Start Team Area -->
		<section class="team-area ptb-100">
			<div class="container">
				<div class="section-title" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='1000'>
					{{-- <span>PROFESSIONALS</span> --}}
					<h2>أعضاء مجلس الإدارة</h2>
				</div>

				<div class="row" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='1500'>
                    @foreach ($members as $member)


					<div class="col-lg-4 col-md-6">
						<div class="single-team-member">
							<img src="{{ $member->getFirstMediaUrl('team','mainthumb') }}" alt="Image">

							<div class="team-content">
								<span>{{ $member->postion }}</span>
								<h3>{{ $member->name }}</h3>

								{{-- <div class="team-social">
									<a href="#" class="control">
										<i class="bx bx-share-alt"></i>
									</a>

									<ul>
										<li>
											<a href="#">
												<i class="bx bxl-twitter"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="bx bxl-instagram"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="bx bxl-facebook"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="bx bxl-linkedin-square"></i>
											</a>
										</li>
									</ul>
								</div> --}}
							</div>
						</div>
					</div>


                    @endforeach
					{{-- <div class="col-lg-12 col-md-12">
						<div class="pagination-area">
							<a href="#" class="prev page-numbers">
								<i class="bx bx-chevron-left"></i>
							</a>

							<span class="page-numbers current" aria-current="page">1</span>
							<a href="#" class="page-numbers">2</a>
							<a href="#" class="page-numbers">3</a>
							<a href="#" class="page-numbers">4</a>

							<a href="#" class="next page-numbers">
								<i class="bx bx-chevron-right"></i>
							</a>
						</div>
					</div> --}}
                </div>

                {{ $members->links() }}
			</div>
		</section>
		<!-- End Team Area -->

        @endsection