@extends('frontend.layouts.app')

@section('title')
About Us - Vision and Mission | Brokenshire Medical Center
@endsection
@section('seo')
<style>
    .blank-banner {
        background: url('{{url("/images/banners/about.jpg")}}') !important;
        padding: 15em 0;
        background-position: center !important;
        background-size: cover !important;
    }
</style>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="About Us - Vision and Mission | Brokenshire Medical Center" />
<meta property="og:url" content="{{ url('/mission-vision') }}" />
<meta property="og:site_name" content="About Us - Vision and Mission | 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>Vision, Mision, Values</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-8">
                    <div class="col-lg-12 mb-3">
                        <h2 class="green fw-bold">Why BMC?</h2>
                        <p class="my-4">
                            Brokenshire Medical Center is a healthcare facility dedicated to delivering comprehensive health and wellness services. Our mission is to provide nurturing and therapeutic experiences, promoting healing and well-being among our patients. With a focus on Filipino hospitality, BMC ensures that every individual receives exceptional care in an environment that fosters their physical, mental, and emotional well-being.
                        </p>    
                        <div class="row">
                            <div class="col-12 col-md-12 justify-content-center justify-content-md-start">
                                <div role="tablist">
                                    <div class="d-flex flex-wrap gx-1 gy-1">
                                        <div role="presentation py-1">
                                            <button class="tab-link py-2 mb-1 rounded-1 shadow border-0 px-5 {{ !request()->fullUrlIs(route('vision-mission', ['core-values' => 1])) ? 'active' : '' }}" id="pills-home-tab"
                                                data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab"
                                                aria-controls="pills-home" aria-selected="true">VISION</button>
                                        </div>
                                        <div class="mx-1"></div>
                                        <div role="presentation py-1">
                                            <button class="tab-link py-2 mb-1 rounded-1 shadow border-0  px-5" id="pills-profile-tab"
                                                data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab"
                                                aria-controls="pills-profile" aria-selected="false">MISSION</button>
                                        </div>
                                        <div class="mx-1"></div>
                                        <div role="presentation py-1">
                                            <button class="tab-link py-2 mb-1 rounded-1 shadow border-0 px-5 {{ request()->fullUrlIs(route('vision-mission', ['core-values' => 1])) ? 'active' : '' }}" id="core-values-tab"
                                                data-bs-toggle="pill" data-bs-target="#core-values" type="button" role="tab"
                                                aria-controls="core-values" aria-selected="false">CORE VALUES</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 w-100 mb-3">
                        <div class="row">
                            <div class="col-12 col-md-12">
                                <div class="tab-content">
                                    <div class="tab-pane fade {{ !request()->fullUrlIs(route('vision-mission', ['core-values' => 1])) ? 'show active' : '' }}" id="pills-home" role="tabpanel"
                                        aria-labelledby="pills-home-tab" tabindex="0">
                                        <div class="bg-white rounded-1 text-white tab-contents">
                                            <div class="bg-red pt-1 rounded"></div>
                                            <div class="p-4">
                                                <h5 class="green fw-bold">VISION:</h5>
                                                <p class="mb-0 fw-bold text-black">
                                                    To be in the forefront of Health & Wellness in Mindanao by 2025.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab"
                                        tabindex="0">
                                        <div class="bg-white rounded-1 text-white tab-contents">
                                            <div class="bg-red pt-1 rounded"></div>
                                            <div class="p-4">
                                                <h5 class="green fw-bold">MISSION:</h5>
                                                <p class="mb-0 fw-bold text-black">
                                                    We believe in innovative solutions to create an environment of excellence where all stakeholders are nurtured as we forge ahead to the forefront of our industry.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade {{ request()->fullUrlIs(route('vision-mission', ['core-values' => 1])) ? 'show active' : '' }}" id="core-values" role="tabpanel" aria-labelledby="core-values-tab"
                                        tabindex="0">
                                        <div class="bg-white rounded-1 text-white tab-contents">
                                            <div class="bg-red pt-1 rounded"></div>
                                            <div class="p-4">
                                                <h5 class="green fw-bold">CORE VALUES:</h5>
                                                <p class="mb-0 fw-bold text-black">
                                                    We are COMPASSIONATE<br>
                                                    We are COMPETENT<br>
                                                    We are RESILIENT<br>
                                                    We are CONTINUOUSLY IMPROVING<br>
                                                    We have ENTREPRENEURIAL MINDSET
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    
                    </div>
                    <div class="mb-5">
                        <h2 class="green fw-bold mb-3">Our Values</h2>

                        <span class="fw-bold fs-4">Brokenshire Medical Center: </span>
                        <span class="fs-4">Caring for You, Our Community</span>
                    </div>

                    <p class="mb-4">
                        For generations, Brokenshire Medical Center has been synonymous with compassiionate care and
                        affordable health-care for the Davao City community. Founded on the principles of service and
                        well-being, we offer a wide range of medical services, from routine checkups to specialized
                        treatments, akk dekuvered with warmth and expertise.
                    </p>

                    <p class="fw-bold mb-4">
                        Our dedicated team of doctors, nurses, and staff are committed to:
                    </p>

                    <div class="mb-5">
                        <p class="mb-0">
                            <b>Providing personalized care:</b> We take the time to understand your unique needs and
                            concers.
                        </p>
                        <p class="mb-0">
                            <b>offering comprehensive services:</b> We cover a wide range of medical specialtie under one
                            roof.
                        </p>
                        <p class="mb-0">
                            <b>Making healthcare accessible:</b> We offer affordable services and accept various insurance
                            plans.
                        </p>
                        <p class="mb-0">
                            <b>Building trust and relationships:</b> We believe in treating each patient with dignity and
                            respect.
                        </p>
                    </div>

                    <p class="mb-5">
                        More than just a medical facility, Brokenshire is a partner in your health journey. We are here to
                        support you every step of the way, from prevention and early detection to treatment and recovery.
                    </p>

                    {{-- <iframe src="https://www.facebook.com/plugins/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2Fbrokenshiremedicalcenter%2Fvideos%2F1329661800917374%2F&show_text=false&width=560&t=0" width="100%" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe> --}}
                    
                </div>
                <div class="col-12 col-md">
                    {{-- @include('frontend.layouts.info-sidebar') --}}
                </div>
            </div>
        </div>
    </div>
{{-- 
    <div class="container-fluid bg-light pb-3 overflow-hidden">
        <div class="container mb-3">
            <div class="row">
                <div class="col-12 col-md-8 justify-content-center justify-content-md-start">
                    <div role="tablist">
                        <div class="d-flex gx-1">
                            <div role="presentation">
                                <button class="tab-link py-2 rounded-1 shadow border-0 active px-5" id="pills-home-tab"
                                    data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab"
                                    aria-controls="pills-home" aria-selected="true">VISION</button>
                            </div>
                            <div class="mx-1"></div>
                            <div role="presentation">
                                <button class="tab-link py-2 rounded-1 shadow border-0  px-5" id="pills-profile-tab"
                                    data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab"
                                    aria-controls="pills-profile" aria-selected="false">MISSION</button>
                            </div>
                            <div class="mx-1"></div>
                            <div role="presentation">
                                <button class="tab-link py-2 rounded-1 shadow border-0  px-5" id="core-values-tab"
                                    data-bs-toggle="pill" data-bs-target="#core-values" type="button" role="tab"
                                    aria-controls="core-values" aria-selected="false">CORE VALUES</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row position-relative">
                <div class="col-12 col-md-8">
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                            aria-labelledby="pills-home-tab" tabindex="0">
                            <div class="bg-white rounded-1 text-white tab-contents">
                                <div class="bg-red pt-1 rounded"></div>
                                <div class="p-4">
                                    <p class="mb-0 fw-bold text-black">
                                        To be in the forefront of Health & Wellness in Mindanao by 2025.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab"
                            tabindex="0">
                            <div class="bg-white rounded-1 text-white tab-contents">
                                <div class="bg-red pt-1 rounded"></div>
                                <div class="p-4">
                                    <p class="mb-0 fw-bold text-black">
                                        We believe in innovative solutions to create an environment of excellence where all stakeholders are nurtured as we forge ahead to the forefront of our industry.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="core-values" role="tabpanel" aria-labelledby="core-values-tab"
                            tabindex="0">
                            <div class="bg-white rounded-1 text-white tab-contents">
                                <div class="bg-red pt-1 rounded"></div>
                                <div class="p-4">
                                    <p class="mb-0 fw-bold text-black">
                                        We are COMPASSIONATE<br>
                                        We are COMPETENT<br>
                                        We are RESILIENT<br>
                                        We are CONTINUOUSLY IMPROVING<br>
                                        We have ENTREPRENEURIAL MINDSET
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}

@endsection

@section('js')
    <script>
        $(document).ready(function() {
            var splide1 = new Splide('#splide1', {
                type: 'loop',
                perPage: 2,
                perMove: 1,
                arrows: false,
                gap: -50,
                breakpoints: {
                    768: {
                        perPage: 1,
                        gap: 0,
                    }
                }
            });
            splide1.mount();

            var splide2 = new Splide('#splide2', {
                type: 'loop',
                perPage: 2,
                perMove: 1,
                arrows: false,
                gap: -50,
                breakpoints: {
                    768: {
                        perPage: 1,
                        gap: 0,
                    }
                }
            });
            splide2.mount();

            $('#prevBtn').on('click', function() {
                splide1.go('-1');
                splide2.go('-1');
            });

            $('#nextBtn').on('click', function() {
                splide1.go('+1');
                splide2.go('+1');
            });
        });
    </script>
@endsection