@extends('frontend.layouts.template')
@section('content')
<div class="row box-banner" style="background: url(../assetsnew/img/about/BG18.png);background-repeat: no-repeat;background-size: cover;background-position: top center;">
    <div class="col-12">

        <div class="box-page">
            <div class="row" style="">
                <div class="col-sm-12 col-xl-1"></div>
                <div class="col-sm-12 col-xl-10">
                    <div class="box-resources">
                        <div class="mb-0 pb-3">
                            <div class="text-center c-black f-topic-news" style="padding-bottom: 15px;">
                                <b class="f-bold">{{ $category->name }}</b>
                            </div>
                        </div>
                        <div class="row mb-5" style="">
                            @if ($boards)
                                @foreach ($boards as $board)
                                    @php
                                        $country = json_decode( $board->country );
                                    @endphp
                                    <div class="col-sm-6 col-xl-3">
                                        <span class="ab-a-go-no">
                                            <div>
                                                @if ($board->image)
                                                    <img src="{{ asset( $board->image->path . $board->image->filename ) }}" alt="">
                                                @else
                                                    <img src="{{ asset('frontend/assetsnew/img/about/img3.png') }}" alt="">
                                                @endif
                                            </div>
                                            <div class="a-ab-box" style="">
                                                <div class="card-title position-relative" style="">
                                                    {{ $board->name }} <br>{{ ucfirst( $country->text ) }}
                                                </div>
                                                <div class="card-text mt-2 mb-2" style="font-size: 12px;height: 75px;overflow: hidden;">
                                                    {!! $board->description !!}
                                                </div>
                                                <div style="font-size: 12px;">
                                                    @if ($board->email )
                                                        <i class="fa fa-envelope icon-mail" aria-hidden="true" style=""></i>
                                                        {{ $board->email }}
                                                    @endif
                                                    Advisory Committee Chairman
                                                </div>
                                            </div>
                                        </span>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('stylesheet')
	<link href="{{ asset('frontend/assetsnew/css/resources.css')}}" rel="stylesheet">
	<link href="{{ asset('frontend/assetsnew/css/about.css')}}" rel="stylesheet">
@endsection