@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 class="col-sm-6 col-xl-3">
                                <span class="ab-a-go-no">
                                    <div>
                                        <img src="../assetsnew/img/about/img1.png" alt="">
                                    </div>
                                    <div class="a-ab-box" style="">
                                        <div class="card-title position-relative" style="">
                                            Prof. Emeritus Dr. <br>Somwang Pitiyanuwat
                                        </div>

                                        <div class="card-text mt-2 mb-2" style="font-size: 12px;height: 75px;overflow: hidden;">
                                            <ul style="padding-left: 15px;">
                                                <li>Former Deputy Chancellor of Chulalongkorn
                                                    University
                                                </li>

                                            </ul>
                                        </div>
                                        <div style="font-size: 12px;">
                                            Advisory Committee Chairman
                                        </div>
                                    </div>
                                </span>
                            </div>
                            <div class="col-sm-6 col-xl-3">
                                <span class="ab-a-go-no">
                                    <div>
                                        <img src="../assetsnew/img/about/img1.png" alt="">
                                    </div>
                                    <div class="a-ab-box" style="">
                                        <div class="card-title position-relative" style="">
                                            Dr. Pisan Sroituram
                                        </div>



                                        <div class="card-text mt-2 mb-2" style="font-size: 12px;height: 100px;overflow: hidden;">
                                            <ul style="padding-left: 15px;">
                                                <li>Former Director of The Institute for the
                                                    Promotion of Teaching Science and Technology
                                                </li>
                                                <li>
                                                    Board member of northern international school
                                                </li>
                                            </ul>
                                        </div>
                                        <div style="font-size: 12px;">
                                            Advisory Committee Chairman
                                        </div>
                                    </div>
                                </span>
                            </div>
                            <div class="col-sm-6 col-xl-3">
                                <span class="ab-a-go-no">
                                    <div>
                                        <img src="../assetsnew/img/about/img2.png" alt="">
                                    </div>
                                    <div class="a-ab-box" style="">
                                        <div class="card-title position-relative" style="">
                                            Ms. Suwannee Khamman
                                        </div>
                                        <div class="card-text mt-2 mb-2" style="font-size: 12px;height: 100px;overflow: hidden;">
                                            <ul style="padding-left: 15px;">
                                                <li>
                                                    Former Secretary General of The Office of
                                                    the National Economic and Social
                                                    Development Council
                                                </li>
                                            </ul>
                                        </div>
                                        <div style="font-size: 12px;">
                                            Advisory Committee Chairman
                                        </div>
                                    </div>
                                </span>
                            </div>

                            <div class="col-sm-6 col-xl-3">
                                <span class="ab-a-go-no">
                                    <div>
                                        <img src="../assetsnew/img/about/img1.png" alt="">
                                    </div>
                                    <div class="a-ab-box" style="">
                                        <div class="card-title position-relative" style="">
                                            Assoc. Prof. Dr. Werasit Sittitrai

                                        </div>

                                        <div class="card-text mt-2 mb-2" style="font-size: 12px;height: 75px;overflow: hidden;">
                                            <ul style="padding-left: 15px;">
                                                <li>
                                                    Advisor to Deputy Minister of Education
                                                </li>
                                                <li>
                                                    Former Director for Policy and Strategy at
                                                    Thai Red Cross
                                                </li>
                                            </ul>
                                        </div>
                                        <div style="font-size: 12px;">
                                            Advisory Committee Chairman
                                        </div>
                                    </div>
                                </span>
                            </div>
                            <div class="col-sm-6 col-xl-3">
                                <span class="ab-a-go-no">
                                    <div>
                                        <img src="../assetsnew/img/about/img2.png" alt="">
                                    </div>
                                    <div class="a-ab-box" style="">
                                        <div class="card-title position-relative" style="">
                                            M.L. Pariyada Diskul
                                        </div>
                                        <div class="card-text mt-2 mb-2" style="font-size: 12px;height: 100px;overflow: hidden;">
                                            <ul style="padding-left: 15px;">
                                                <li>
                                                    Secretary to the Minister of Education
                                                </li>
                                                <li>
                                                    Executive Director of Junior Achievement Thailand
                                                </li>
                                                <li>
                                                    Advisor to the Distance Learning Foundation \
                                                    Under The Royal Patronage
                                                </li>
                                            </ul>
                                        </div>
                                        <div style="font-size: 12px;">
                                            Advisory Committee Chairman
                                        </div>
                                    </div>
                                </span>
                            </div>

                        </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