@extends('frontend.v2.layout.app')
@section('title', 'Admission')
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card  text-white border shadow text-center">
                    <div class="card-body">
                        <h1>Faculty Members</h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card border shadow">
                    <div class="card-header text-white" style="background-color: rgb(59, 59, 59)">
                        <h3 class="header-title d-inline text-white">All Members: <span class="">{{$teachers->count()}}</span></h3>
                        <a href="{{ url()->previous() }}" class="btn btn-danger btn-sm float-end"><i class="mdi mdi-arrow-left"></i> Go Back</a>
                        
                    </div>
                    <div class="card-body">
                        <div class="row">
                            @foreach($teachers as $teacher)
                                <div class="col-md-3 mb-3">
                                    <div class="card h-100">
                                        <div class="card-header p-4">
                                            <img src="{{asset($teacher->image) ?? defaultImage()}}" class="card-img-top rounded" alt="{{ $teacher->name ?? '' }}">
                                        </div>
                                        <div class="card-body">
                                            <span class="h4 font-weight-normal text-gray">{{ $teacher->name ?? "Teacher Name" }}</span>
                                            <br/>
                                            <span class="h5 font-weight-normal text-gray">{{ $teacher->line2 ?? ''}}</span>
                                            <div class="mt-2">
                                                <div class="">{{ $teacher->line3 ?? ''}}</div>
                                                <div class="">{{ $teacher->line4 ?? ''}}</div>
                                                <div class="">{{ $teacher->line5 ?? ''}}</div>
                                            </div>
                                        </div>
                                        <div class="card-footer">
                                            <div class="d-flex justify-content-between align-items-center">
                                                <div class="">
                                                    <a href="{{ $teacher->fb_page ?? ''}}"><i class="mdi mdi-facebook" style="font-size: 30px;color: #0866FF;"></i></a>
                                                    <a href="{{ $teacher->youtube_channel ?? ''}}"><i class="mdi mdi-youtube" style="font-size: 34px;color: #ff0600;"></i></a>
                                                </div>
                                                <div class="">
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection