@extends('frontend.layouts.app')

@section('title')
Laboratory Services | Brokenshire Medical Center
@endsection

@section('seo')
<style>
    .blank-banner {
        background: url('{{url("/images/banners/laboratory.jpg")}}') !important;
    }
</style>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Laboratory Services | Brokenshire Medical Center" />
<meta property="og:url" content="{{ url('/laboratory-services') }}" />
<meta property="og:site_name" content="Laboratory Services | 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="bg-light">
        <div class="container-fluid bg-dark blank-banner">
            <div class="container text-white">
                <div>
                    <h3 class="fw-bold mb-2">Laboratory</h3>
                    <div>
                        <i class="fa-solid fa-angle-right"></i> <span>Lab Examination Offered <i class="fa-solid fa-angle-right"></i> Urinalysis</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="container first-overlay">
            <div
                class="row bg-white shadow p-3 bg-body rounded border-bottom border-danger border-4 justify-content-between">
                <div class="col-lg-4 6 col-md-8 mb-4 mb-md-0 pt-3">
                    <div class="py-3">
                        <h1 class="green">Urinalysis</h1>
                    </div>
                </div>
                <div class="col-lg-4 6 col-md-8 mb-4 mb-md-0 pt-3">
                    <div class="py-3 text-end">
                        <button class="bg-green btn text-white px-5 btn-success border-0"><i class="fa fa-cart-shopping"></i> <a href="{{url("cart")}}" class="text-white text-decoration-none">ADD TO CART</a></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid bg-light">
        <div class="container py-5">
            <div class="row">
                <div class="col-lg-8">
                    <p class="text-secondary">
                        Morbi mattis sollicitudin sapien eu commodo. Maecenas at laoreet est, id accumsan nisl. Curabitur mollis varius arcu, a porttitor massa fermentum vel. Nunc nisi felis, tristique non efficitur non, mattis non libero. Duis maximus mauris nibh, a faucibus leo aliquet quis. Proin tellus lorem, iaculis quis pellentesque at, euismod nec felis. Vivamus ut diam ultricies mi ultrices gravida. Vivamus convallis, est at auctor vulputate, ligula elit pellentesque sapien, at lacinia magna eros non magna. Etiam sed blandit nisl. Integer sit amet nisi sit amet lorem accumsan feugiat vel quis magna. Morbi faucibus vestibulum velit, congue suscipit lorem tristique sed. Proin metus tortor, ultrices sed eleifend sed, suscipit id ligula. In massa mauris, vestibulum porttitor aliquet sed, aliquet efficitur tellus.
                    </p>
                    <div class="row">
                        <div class="col-lg-6">
                            <img src="{{url('/images/services/gallery-1.png')}}" class="w-100" alt="">
                        </div>
                        <div class="col-lg-6">
                            <img src="{{url('/images/services/gallery-2.png')}}" class="w-100" alt="">
                        </div>
                    </div>
                    <p class="text-secondary">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis ligula sagittis, cursus magna ut, molestie magna. Mauris eget facilisis lectus. Fusce dictum egestas lacus vitae auctor.
                    </p>
                    <h6 class="fw-bold">
                        Among the many elite programs and procedures are:
                    </h6>
                    <div class="row">
                        <div class="col-lg-6">
                            <i class="far fa-check-square green"></i> <span class="fw-bold">Tristique nulla aliquet enim</span>
                        </div>
                        <div class="col-lg-6">
                            <i class="far fa-check-square green"></i> <span class="fw-bold">Tristique nulla aliquet enim</span>
                        </div>
                        <div class="col-lg-6">
                            <i class="far fa-check-square green"></i> <span class="fw-bold">Tristique nulla aliquet enim</span>
                        </div>
                        <div class="col-lg-6">
                            <i class="far fa-check-square green"></i> <span class="fw-bold">Tristique nulla aliquet enim</span>
                        </div>
                        <div class="col-lg-6">
                            <i class="far fa-check-square green"></i> <span class="fw-bold">Tristique nulla aliquet enim</span>
                        </div>
                        <div class="col-lg-6">
                            <i class="far fa-check-square green"></i> <span class="fw-bold">Tristique nulla aliquet enim</span>
                        </div>
                    </div>
                    <p class="text-secondary mt-3">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis ligula sagittis, cursus magna ut, molestie magna. Mauris eget facilisis lectus. Fusce dictum egestas lacus vitae auctor.
                    </p>
                </div>
                <div class="col-lg-4">
                    @include('frontend.layouts.doctor-schedule-sidebar')
                </div>
            </div>
        </div>
    </div>
    {{-- <div class="container-fluid bg-white">
        <div class="container py-5">
            <div class="row">
                <div class="col-lg-6 col-md-12 mb-4 mb-md-0 fifth-contact-bg p-5">
                    <form>
                        <h1 class="text-white pb-2">Make an Appointment</h1>
                        <div class="my-3">
                            <div class="inputBox my-3">
                                <input type="text" required="">
                                <span>Full Name</span>
                            </div>
                            <div class="inputBox my-3">
                                <input type="tel" required="">
                                <span>Contact No.</span>
                            </div>
                            <div class="inputBox my-3">
                                <input type="email" required="required">
                                <span>Email</span>
                            </div>
                            <div class="inputBox my-3">
                                <input type="text" required="required">
                                <span>Message</span>
                            </div>
                            <button type="submit" class="btn fifth-button-bg">Submit<img class="mx-1"
                                    src="images/right-arrow.png" style="height:14px; width: 16px"></button>
                        </div>
                    </form>
                </div>
                <div class="col-lg-6 col-md-12 mb-4 mb-md-0 faq-container">
                    <h1 class="text-secondary pb-2">FAQs</h1>
                    <div>
                        <div class="accordion accordion-flush my-2" id="faqlist">
                            <div class="accordion-item" style="border: 1px solid #C0C0C0" data-bs-toggle="collapse"
                                data-bs-target="#faq-content-1">
                                <div class="accordion-header d-flex flex-row">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#faq-content-1"></button>
                                    <h6>How can I schedule an appointment?</h6>
                                </div>
                                <div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                                    <div class="accordion-body">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                        incididunt ut labore et dolore magna aliqua.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item my-2" style="border: 1px solid #C0C0C0" data-bs-toggle="collapse"
                                data-bs-target="#faq-content-2">
                                <div class="accordion-header d-flex flex-row">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#faq-content-2"></button>
                                    <h6>What form of payment do you accept?</h6>
                                </div>
                                <div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                                    <div class="accordion-body">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                        incididunt ut labore et dolore magna aliqua.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item my-2" style="border: 1px solid #C0C0C0" data-bs-toggle="collapse"
                                data-bs-target="#faq-content-3">
                                <div class="accordion-header d-flex flex-row">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#faq-content-3"></button>
                                    <h6>What emergency services do you provide?</h6>
                                </div>
                                <div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                                    <div class="accordion-body">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                        incididunt ut labore et dolore magna aliqua.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item my-2" style="border: 1px solid #C0C0C0" data-bs-toggle="collapse"
                                data-bs-target="#faq-content-4">
                                <div class="accordion-header d-flex flex-row">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#faq-content-4"></button>
                                    <h6>What should I do if I have a medical emergency?</h6>
                                </div>
                                <div id="faq-content-4" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                                    <div class="accordion-body">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                        incididunt ut labore et dolore magna aliqua.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item my-2" style="border: 1px solid #C0C0C0" data-bs-toggle="collapse"
                                data-bs-target="#faq-content-5">
                                <div class="accordion-header d-flex flex-row">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#faq-content-5"></button>
                                    <h6>Can I get my test result online?</h6>
                                </div>
                                <div id="faq-content-5" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                                    <div class="accordion-body">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                        incididunt ut labore et dolore magna aliqua.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}
@endsection