<?php
/*
Template Name: About
*/
?>

<?php get_header(); ?>

<div class="about-page inner-page">

    <?php while (have_posts()) : the_post(); ?>

        <?php
        $banner_heading = get_field("banner_heading");
        ?>

        <!-- Banner section -->

        <div class="inner-banner-sec about-banner-sec" data-aos="fade-up" data-aos-duration="1000">
            <img decoding="async" src="<?php bloginfo('template_url'); ?>/images/about-banner-new.jpg" alt="" class="img-resp">
        </div>
        <!-- banner-sec -->

        <div class="about-main-sec main-sec my-sec" data-aos="fade-left" data-aos-duration="1000">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-3 col-md-4 col-lg-3 ams-left ams-col hidden-sm hidden-xs">
                        <ul>
                            <li>
                                <strong onclick="toggleSubmenu('heritage-submenu')" style="cursor: pointer;">Heritage</strong>
                                <ul id="heritage-submenu" style="display: block;"> <br>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/about-us/brief-history">Brief History</a></li>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/about-us/timeline">Timeline</a></li>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/about-us/mission-vision-values">Mission, Vision & Values</a></li>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/about-us/intercare-2.0">Intercare 2.0</a></li>
                                </ul>
                            </li>

                            <li>
                                <strong onclick="toggleSubmenu('company-overview-submenu')" style="cursor: pointer;">Company Overview</strong>
                                <ul id="company-overview-submenu" style="display: none;"><br>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/wp-content/uploads/2024/07/Intercare_Corporate_Profile_Presentation.pdf">Corporate Profile</a></li>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/about-us/corporate-video">Corporate Video</a></li>
                               </ul>

                            </li>

                            <li>
                                <strong onclick="toggleSubmenu('chairman-message-submenu')" style="cursor: pointer;">
                                    <a href="<?php bloginfo('wpurl'); ?>/about-us/chairmans-message">Chairman's Message</a>
                                </strong>
                            </li>

                            <li>
                                <strong onclick="toggleSubmenu('leadership-submenu')" style="cursor: pointer;">Leadership & Org Chart</strong>
                                <ul id="leadership-submenu" style="display: none;"><br>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/about-us/board-of-directors">Board of Directors</a></li>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/about-us/intercare-structure">Intercare Group Structure</a></li>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/about-us/management-team">Management Team -UAE</a></li>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/about-us/management-egypt">Management Team -Egypt</a></li>
                                </ul>
                            </li>

                            <li>
                                <strong onclick="toggleSubmenu('sustainability-submenu')" style="cursor: pointer;">Sustainability</strong>
                                <ul id="sustainability-submenu" style="display: none;"> <br>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/about-us/corporate-social-responsibility">Corporate Social Responsibility</a></li>
                                    <li><a href="<?php bloginfo('wpurl'); ?>/wp-content/uploads/2024/07/Newsletter-CSR-Report-June-2024.pdf">Newsletter Report - June 2024</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!-- ams-left ams-col -->

                    <div class="col-xs-12 col-sm-12 col-md-8 col-lg-9 ams-right ams-col">
                        <?php the_content(); ?>
                    </div>
                    <!-- ams-right ams-col -->

                </div>
                <!-- row -->

            </div>
            <!-- container -->
        </div>
        <!-- my-sec -->

        <div class="bottom-btn-sec my-sec">
            <div class="container">
                <div class="bottom-btn-inner d-flex justify-content-between">
                    <a href="#" class="my-btn dw-profile-btn myPopup">Download Profile</a>
                    <button class="my-btn enq-btn bg-green myPopup">Make an Inquiry</button>
                </div>
            </div>
        </div>
        <!-- bottom-btn-sec -->

    <?php endwhile; ?>

</div>
<!-- about-page -->

<script>
function toggleSubmenu(submenuId) {
    var submenus = document.querySelectorAll('.ams-left ul ul');
    submenus.forEach(function(submenu) {
        if (submenu.id === submenuId) {
            submenu.style.display = submenu.style.display === 'block' ? 'none' : 'block';
        } else {
            submenu.style.display = 'none';
        }
    });
}
</script>

<?php get_footer(); ?>