@extends('frontend.layouts.app')

@section('title')
CAREERS SINGLE | 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="CAREERS | Philippine Green Building Initiative (PGBI)" />
<meta property="og:url" content="{{ url('careers') }}" />
<meta property="og:site_name" content="GREEEN | 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')
<div class="d-md-block d-none" style="margin-bottom: 5rem"></div>

<div class="container">
  <h2 class="fw-bold mb-3">{{ $careers->name }}</h2>
  <div class="d-flex align-items-center gap-3 mb-5">
    <i class="fa-solid fa-location-dot text-muted"></i>
    <span class="text-muted">{{ $careers->location }}</span>
  </div>

  <div class="text-muted mb-5">
    <p class="mb-4">Job Description:</p>

    <div>
      {!! $careers->description !!}
    </div>
  </div>

  <div class="text-muted mb-5">
    <p class="mb-4">Responsibilities:</p>

    <div>
      {!! $careers->responsibilities !!}
    </div>
  </div>

  <div class="text-muted mb-4">
    <p class="mb-4">Requirements:</p>

    <div>
      {!! $careers->requirements !!}
    </div>
  </div>

  <p class="text-muted mb-5">All applicant data submitted is handled in accordance with our Applicant Privacy policy.</p>

  <div class="row justify-content-center">
    <div class="col-12 col-md-3">
      <a href="mailto:pgbi.secretaria@gmail.com">
        <button data-aos="flip-right" data-aos-duration="1500" class="text-white text-decoration-none py-3 w-100 bg-light-green border-0">Apply Now</button>
      </a>
    </div>
  </div>
</div>

<div class="d-md-block d-none" style="margin-top: 5rem"></div>
@endsection