@extends('core::public.psim')
@section('title', $page->meta_title)
@section('ogTitle', $page->meta_title)
@section('description', $page->meta_description)
@section('keywords', $page->meta_keywords)
@section('ogImage', $page->present()->ogImage())
@section('content')
 <!------------Gallery page content------->
    <div class="fellowshipbnr">
        <div class="container breadum-container">
            <div class="pagetitle">
                <h3 class="title-heading">PSIM FELLOWSHIP</h3>
                <div class="divider gallery-background-image-heading-divider"></div>
            </div>
            <div class="breadummenu">
                Home &lt; Fellowship
            </div>
        </div>
    </div>
	<div class="container mt-5">
        <div class="col-sm-12">
            <div class="fellowship-section">
				{!! $page->present()->body !!}
				<div class="app-felloship-btn">
                    <button class="btn btn-primary">Apply for Fellowship</button>
                </div>
			</div>
		</div>
	</div>
	<div class="container my-5 fellowship-section-accorditon">
        <!-- Search Bar -->
        <div class="row pb-3">
            <div class="col-sm-8">
                <div class="tabletitle">
                    <h1 class="maintitle">Fellowship Awardee</h1>
                    <div class="divider"></div>
                </div>
            </div>
            <!--<div class="col-sm-4">
                <div class="input-group search-bar">
                    <input type="text" class="form-control" placeholder="Search for Members">
                    <div class="input-group-append">
                        <button class="btn btn-warning" type="button">🔍</button>
                    </div>
                </div>
            </div>-->
        </div>


        <!-- Fellowship Accordion -->
        <div id="fellowshipAccordion" class="accordion fellowshipAccordion">
            @if($years = TypiCMS\Modules\Fellowships\Models\Fellowship::published()->orderBy('fellowship_year','DESC')->distinct('fellowship_year')->pluck('fellowship_year')->toArray() and count($years) > 0)
			@foreach($years as $year)
            <div class="card">
                <div class="card-header" id="heading{{$year}}">
                    <h5 class="mb-0">
                        <button class="btn btn-link" data-toggle="collapse" data-target="#collapse{{$year}}" aria-expanded="false" aria-controls="collapse{{$year}}">
                            Fellowship <strong> {{$year}}</strong>
                        </button>

                    </h5>
                </div>
                <div id="collapse{{$year}}" class="collapse" aria-labelledby="heading{{$year}}"
                    data-parent="#fellowshipAccordion">
                    <div class="card-body px-0 pt-0 pb-0 table-responsive">
						@if($items = TypiCMS\Modules\Fellowships\Models\Fellowship::where('fellowship_year',$year)->get() and $items->count() > 0)
                        <table class="table table-bordered table-hover mb-0">
                            <thead class="thead-light">
                                <tr>
                                    <th scope="col">Picture/Full Name</th>
                                    <th scope="col">Designation</th>
                                    <th scope="col">Institute</th>
                                    <th scope="col">Fellowship Type</th>
                                </tr>
                            </thead>
                            <tbody>
								@foreach($items as $item)
									<tr>
										<td class="profile-cell"><img src="{{$item->user->profile_picture ? url('storage/uploads/'.$item->user->profile_picture) : 'https://www.gravatar.com/avatar/'.md5($item->user->email).'?d=mm'}}" alt="{{$item->user->title}} {{$item->user->first_name}} {{$item->user->last_name}}" title="{{$item->user->title}} {{$item->user->first_name}} {{$item->user->last_name}}">{{$item->user->title}} {{$item->user->first_name}} {{$item->user->last_name}}</td>
										<td>{{$item->user->designation}}</td>
										<td>{{$item->user->institute}}</td>
										<td>{{$item->fellowshiproles->name}}</td>
									</tr>
								@endforeach
                                
                            </tbody>
                        </table>
						@endif
                    </div>
                </div>
            </div>
			@endforeach   
			@endif 
         </div>
    </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"></script>
	
@endsection