<?php
session_start();
include 'layouts/dbconn.php';
include 'layouts/session.php';

if (!isset($_SESSION['user_id']) || $_SESSION['role_code'] !== 'PATIENT') {
    header('Location: login.php');
    exit();
}
?>
<?php include 'layouts/main.php'; ?>

<head>
    <?php includeFileWithVariables('layouts/title-meta.php', array('title' => 'Contact Us')); ?>
    <?php include 'layouts/head-css.php'; ?>
</head>

<body>
    <div id="layout-wrapper">
        <?php include 'layouts/menu.php'; ?>
        <div class="main-content">
            <div class="page-content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                <h4 class="mb-sm-0">Contact Us</h4>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-4">
                            <div class="card">
                                <div class="card-body text-center">
                                    <div class="avatar-sm mx-auto mb-4">
                                        <div
                                            class="avatar-title bg-primary-subtle text-primary font-size-20 rounded-circle">
                                            <i class="ri-map-pin-line"></i>
                                        </div>
                                    </div>
                                    <h5 class="font-size-15 mb-2">Visit Us</h5>
                                    <p class="text-muted mb-0">Polakis 360 ENT Clinic</p>
                                    <p class="text-muted mb-0">Nairobi, Kenya</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="card">
                                <div class="card-body text-center">
                                    <div class="avatar-sm mx-auto mb-4">
                                        <div
                                            class="avatar-title bg-success-subtle text-success font-size-20 rounded-circle">
                                            <i class="ri-phone-line"></i>
                                        </div>
                                    </div>
                                    <h5 class="font-size-15 mb-2">Call Us</h5>
                                    <p class="text-muted mb-0">+254 700 000 000</p>
                                    <p class="text-muted mb-0">Mon - Sat: 8am - 5pm</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="card">
                                <div class="card-body text-center">
                                    <div class="avatar-sm mx-auto mb-4">
                                        <div class="avatar-title bg-info-subtle text-info font-size-20 rounded-circle">
                                            <i class="ri-mail-line"></i>
                                        </div>
                                    </div>
                                    <h5 class="font-size-15 mb-2">Email Us</h5>
                                    <p class="text-muted mb-0">info@polakis360.com</p>
                                    <p class="text-muted mb-0">support@polakis360.com</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Find Us</h5>
                                </div>
                                <div class="card-body">
                                    <div class="ratio ratio-21x9">
                                        <iframe
                                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15955.20455802283!2d36.8219!3d-1.2921!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x182f10d22f22f2c7%3A0x2b2b2b2b2b2b2b2b!2sNairobi%2C%20Kenya!5e0!3m2!1sen!2ske!4v1620000000000!5m2!1sen!2ske"
                                            width="600" height="450" style="border:0;" allowfullscreen=""
                                            loading="lazy"></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php include 'layouts/footer.php'; ?>
        </div>
    </div>
    <?php include 'layouts/vendor-scripts.php'; ?>
</body>

</html>