@extends('frontend.layouts.app')

@section('title')
About Us - Facility | Brokenshire Medical Center
@endsection

@section('seo')
<style>
    .blank-banner {
        background: url('{{url("/images/banners/about-us.jpg")}}') !important; 
        
    }
</style>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="About Us - Facility | Brokenshire Medical Center" />
<meta property="og:url" content="{{ url('/about-facilities') }}" />
<meta property="og:site_name" content="About Us - Facility | Brokenshire Medical Center"/>
<meta property="og:image" content="{{ asset('images/icons/meta-thumbnail.jpg') }}" />
<meta property="og:thumbnail" content="{{ asset('images/icons/meta-thumbnail.jpg') }}" />
<meta property="og:icon" content="{{ asset('images/icons/android-chrome-192x192.png') }}" />
<link rel="icon" href="{{ asset('images/icons/android-chrome-192x192.png') }}">
<meta property="og:description" content="Brokenshire Medical Center offers exceptional healthcare services in Davao City. We are committed to compassionate care, affordability, and excellence. Find a doctor, schedule an appointment, or learn more about our services." />
<meta property="og:keywords" content="Davao City hospital, Philippines healthcare, Quality medical care, Affordable healthcare, Compassionate care, Medical specialties (Urinalysis, Fecalysis, Ova & Parasites, Amoeba, Complete Blood Count, Red Blood Cells, White Blood Cells, Platelet Count, Hemoglobin, Hemetocrit), Appointments, Patient portal, Medical records">
@endsection

@section('content')
    <div class="container-fluid bg-dark blank-banner">
        <div class="container text-white">
            <div>
                <h3 class="fw-bold mb-2">About Us</h3>
                <div>
                    <i class="fa-solid fa-angle-right"></i> <span>Facilities</span>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid bg-light pb-5">
        <div class="container">
            <div class="row gx-5 gy-4">
                <div class="col-12 col-md-12">
                    <div class="mb-5">
                        <h2 class="green fw-bold mb-3">Our Facilities</h2>
                    </div>
                    <p class="text-secondary">
                        Brokenshire Medical Center offers a wide range of healthcare facilities designed to address all your medical needs. From diagnosis to treatment, their team is dedicated to your health and well-being.
                    </p>
                    <div class="facilities">
                        <div class="row g-2">
                            @foreach ($facilities as $facility)
                            <div class="col-lg-6 overflow-hidden"> 
                                <img src="{{url(json_decode($facility->thumbnail)[0])}}" class="img-fluid w-100" alt="">
                                <p class="bg-white border-left mt-1 py-3 border-left-2">
                                    <a href="{{route('facility-single', $facility->title)}}" class="text-decoration-none">
                                        <span class="ms-3 fw-bold green">{{$facility->title}}</span>
                                    </a>
                                </p>
                            </div>
                            @endforeach
                            {{-- <div class="col-lg-6 overflow-hidden"> 
                                <img src="{{url('/images/facilities/img-facility-2.png')}}" class="img-fluid" alt="">
                                <p class="bg-white border-left mt-1 py-3 border-left-2">
                                    <span class="ms-1 fw-bold green">Sibley Medical Arts Building</span>
                                </p>
                            </div>
                            <div class="col-lg-6 overflow-hidden"> 
                                <img src="{{url('/images/facilities/img-facility-3.png')}}" class="img-fluid" alt="">
                                <p class="bg-white border-left mt-1 py-3 border-left-2">
                                    <span class="ms-1 fw-bold green">Brokenshire Woman Center</span>
                                </p>
                            </div>
                            <div class="col-lg-6 overflow-hidden"> 
                                <img src="{{url('/images/facilities/img-facility-4.png')}}" class="img-fluid" alt="">
                                <p class="bg-white border-left mt-1 py-3 border-left-2">
                                    <span class="ms-1 fw-bold green">Newborn Care Complex</span>
                                </p>
                            </div>
                            <div class="col-lg-6 overflow-hidden"> 
                                <img src="{{url('/images/facilities/img-facility-5.png')}}" class="img-fluid" alt="">
                                <p class="bg-white border-left mt-1 py-3 border-left-2">
                                    <span class="ms-1 fw-bold green">Sibley Medical Arts Building</span>
                                </p>
                            </div>
                            <div class="col-lg-6 overflow-hidden"> 
                                <img src="{{url('/images/facilities/img-facility-6.png')}}" class="img-fluid" alt="">
                                <p class="bg-white border-left mt-1 py-3 border-left-2">
                                    <span class="ms-1 fw-bold green">Sibley Medical Arts Building</span>
                                </p>
                            </div> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </section>
@endsection