{{--
  Template Name: Centre Map Template
--}}

@php
  $groundFloor = get_field('ground_floor');
  $firstFloor = get_field('first_floor');
@endphp

@extends('layouts.app')

@section('content')
  {{-- @include('partials.page-header') --}}
  @include('partials.content-page')

  <section class="center-map-section">
    <div class="container">
      <div class="text-center">
        <h2>Centre Map</h2>
      </div>
      <div class="row" id="images">
        <div class="col-md-12 col-lg-6 text-center text-lg-left map-wrapper">
          <div class="image-wrapper">
            <h5>Ground Floor</h5>
            <img class="map-image" id="map-1" src="{{ $groundFloor['url'] }}" alt="{{ $groundFloor['alt'] }}">
          </div>
        </div>
        <div class="col-md-12 col-lg-6 text-center text-lg-left map-wrapper">
          <div class="image-wrapper">
            <h5>First Floor</h5>
            <img class="map-image" id="map-2" src="{{ $firstFloor['url'] }}" alt="{{ $firstFloor['alt'] }}">
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection