@extends('layouts.frontend')
@section('title',$data['action'])
@section('content')
     <!-- Inner Page Banner Area Start Here -->
     <div class="inner-page-banner-area" style="background-image: url('frontend/img/banner/5.jpg');">
        <div class="container">
            <div class="pagination-area">
                <h1>{{ $data['action'] }}</h1>

            </div>
        </div>
    </div>
    <!-- Inner Page Banner Area End Here -->
    <!-- About Page 1 Area Start Here -->
    <div class="about-page1-area">
        <div class="container">
            <div class="row about-page1-inner">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="about-page-content-holder">
                        <div class="content-box">
                            <h2>Faculty Member's</h2><hr/>
                             <table class="table table-striped table-hover">
                                <thead>
                                <tr>
                                  <th scope="col">S.N</th>
                                  <th scope="col">Image </th>
                                  <th scope="col">Full Name </th>
                                  <th scope="col">Department </th>
                                  <th scope="col">Contact</th>
                                </tr>
                              </thead>
                            <tbody>
                                @foreach ($data['members'] as $key => $member )
                                 <tr>
                                  <th scope="row">{{ $key+1 }}</th>
                                  <td><img src="{{asset('images/member/' . $member->image)}}" alt="{{$member->name}}" width="100" height="50" i> </td>
                                  <td>{{ $member->name }}</td>
                                  <td>{{ $member->department }}</td>
                                  <td>{{ $member->contact }}</td>
                                </tr>
                                @endforeach
                            </tbody> 
                        </table>
                        </div>
                        
                    </div>
                </div> 
            </div>
        </div>
    </div>
    <!-- About Page 1 Area End Here --> 
@endsection