@extends('frontend.layouts.app')

@section('title')
Portfolio | Philippine Green Building Initiative (PGBI)
@endsection

@section('seo')
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Portfolio | Philippine Green Building Initiative (PGBI)" />
<meta property="og:url" content="{{ url('portfolio') }}" />
<meta property="og:site_name" content="Portfolio | Philippine Green Building Initiative (PGBI)" />
<meta property="og:image" content="{{ asset('images/meta-thumbnail.jpg') }}" />
<meta property="og:thumbnail" content="{{ asset('images/meta-thumbnail.jpg') }}" />
@endsection

@section('content')
{{-- BANNER --}}
<div class="container-fluid px-0 mb-5 text-center mb-5">
  @if ($project == 'EDGE')
    <img src="{{ asset('images/banner-edge.jpg') }}" class="img-fluid " alt="">
  @elseif ($project == 'GREEEN')
    <img src="{{ asset('images/banner-greeens.jpg') }}" class="img-fluid" alt="">
  @elseif ($project == 'ASHRAE')
    <img src="{{ asset('images/banner-ashrae.jpg') }}" class="img-fluid" alt="">
  @elseif ($project == 'BUILDING EQ')
    <img src="{{ asset('images/banner-beq.jpg') }}" class="img-fluid" alt="">
  @endif
</div>

<div class="container overflow-hidden mb-5">
  <h2 class="fw-bold mb-5" data-aos="fade-up" data-aos-duration="1500">Products Portfolio</h2>

  <div class="row">
    @if (empty($products))
    <div class="text-center">
      <h3 class="fw-bold">NO PRODUCT</h3>
    </div>
    @else
      @foreach ($products as $items)
        <div class="col-12 col-md-6 col-xl-4 mb-4">
          <a href="{{ url('portfolio-single/' . $items->title) }}" class="hover-media">
            <img src="{{ asset('products/' . $items->image) }}" class="portfolio-img mb-3" alt="">
            <h5 class="fw-bold">{{ Str::limit(strip_tags($items->title), 40, '...') }}</h5>
          </a>
        </div>
      @endforeach
    @endif
  </div>
</div>
@endsection