@extends('frontend.layouts.template')
@section('content')
@php
    if( $type == 'advisory'){
        $bg = asset('frontend/assetsnew/img/about/BG18.png');
    }else{
        $bg = asset('frontend/assetsnew/img/about/BG8.png');
    }
@endphp
<div class="row box-banner" style="background: url({{ $bg }});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">{{ strtoupper( $type ) }} BOARD</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="padding-right:26px;height: 54px; overflow-y: auto;">
                                                    {!! $board->name !!}
                                                    @if( $country )
                                                    <div style="position: absolute;right:0px;top:0px;">
                                                        <span class="flag-icon flag-icon-{{ strtolower($country->value) }}"></span>
													</div>
                                                    @endif
                                                </div>
                                                @if( $country )
                                                <div>
													{{ $country->text }}
												</div>
                                                @endif
                                                <div class="card-text mt-2 mb-2" style="font-size: 12px;height: 75px;overflow-y: auto;">
                                                    {!! $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
                                                    @if ($board->bottom_text )
                                                        {{ $board->bottom_text }}
                                                    @endif
                                                </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">
	<link href="{{ asset('frontend/assetsnew/css/flag-icon.min.css')}}" rel="stylesheet">
@endsection