@extends('frontend.layouts.template')
@section('content')
@if ($article )
	<div class="row box-banner" style="background: #fff;">
		<div class="col-12 p-0">
			{!! $article->detail !!}
		</div>
	</div>
@endif
@if( $projects )
<div class="row" style="background: #fff;">
	<div class="col-sm-12 col-xl-1"></div>
	<div class="col-sm-12 col-xl-10 res-p-15">
		<div class="mt-5">
			<div class="topic-resources f-bold c-black pt-4">
				<img src="{{ asset('frontend/assetsnew/img/program/icon/icon1.png') }}" alt="" style="width: 35px;vertical-align: sub;" class="icon-res">&nbsp;&nbsp;PROJECT LIST
			</div>
				
			@foreach ($projects as $item)
				<div class="mt-1" style="border-bottom: 2px solid #E2E2E2;padding: 30px 0">
					<div class="row" style="">
						<div class="col-sm-9 col-xl-9">
							<div class="c-black">
									<h5><b>Project 1</b></h5>

							</div>
							<div class="c-black" style="padding:0;">
								What Works in Southeast Asia
							</div>
						</div>
						<div class="col-sm-3 col-xl-3">
							@if( $item->attach)
							<div class="text-right dl-res-left">
								<a href="{{ asset( $item->attach->path . $item->attach->filename ) }}" target="_blank" class="stem-click-red" style="padding: 5px 30px;font-size: 14px;display: inline-block;">
									Click Here
								</a>
							</div>
							@endif
						</div>
					</div>
				</div>
			@endforeach
		</div>

	</div>
	<div class="col-sm-12 col-xl-1"></div>
</div>
@endif
@if( $completeds )
<div class="row" style="background: #EDEDED;">
	<div class="col-sm-12 col-xl-1"></div>
	<div class="col-sm-12 col-xl-10 res-p-15">
		<div class="mt-5">
			<div class="topic-resources f-bold c-black pt-4">
				<img src="{{ asset('frontend/assetsnew/img/program/icon/icon2.png') }}" alt="" style="width: 35px;vertical-align: sub;" class="icon-res">&nbsp;&nbsp;COMPLETED PROJECTS
			</div>
				@foreach ($completeds as $item)	
					<div class="mt-1" style="border-bottom: 2px solid #E2E2E2;padding: 30px 0">
						<div class="row" style="">
							<div class="col-sm-9 col-xl-9">
								<div class="c-black">
										<h5><b>{{ $item->name }}</b></h5>
								</div>
								<div class="c-black" style="padding:0;">
									{!! $item->description !!}
								</div>
							</div>
							<div class="col-sm-3 col-xl-3">
								@if( $item->attach)
								<div class="text-right dl-res-left">
									<a href="{{ asset( $item->attach->path . $item->attach->filename ) }}" target="_blank" class="stem-click-blu" style="padding: 5px 30px;font-size: 14px;display: inline-block;">
										Click Here
									</a>
								</div>
								@endif
							</div>
						</div>
					</div>
				@endforeach
		</div>

	</div>
	<div class="col-sm-12 col-xl-1"></div>
</div>
@endif

@endsection
@section('stylesheet')
	<link href="{{ asset('frontend/assetsnew/css/resources.css')}}" rel="stylesheet">
	<link href="{{ asset('frontend/assetsnew/css/about.css')}}" rel="stylesheet">
@endsection