<?php
/**
 * The template for displaying the footer
 *
 * @package Theme_An_Phat
 */
?>

    <footer id="colophon" class="site-footer bg-primary text-white pt-5 pb-4 mt-auto">
        <div class="container">
            <div class="row g-4 mb-4 footer-main-row">
                <!-- Cột 1: Thông tin chung -->
                <div class="col-lg-5 col-md-6 col-12">
                    <div class="footer-widget mb-4">
                        <h4 class="footer-widget-title font-heading text-white fw-bold mb-3 text-uppercase"><?php esc_html_e( 'THÔNG TIN CHUNG', 'theme-anphat' ); ?></h4>
                        <p class="text-white text-sm mb-4 lh-base">
                             <?php echo esc_html( __( 'CÔNG TY CỔ PHẦN DƯỢC PHẨM AN PHÁT cam kết cung cấp dược phẩm và thực phẩm bảo vệ sức khỏe đạt chuẩn chất lượng, an toàn, hiệu quả, với chi phí tối ưu, mang lại giá trị tốt nhất cho người dùng.', 'theme-anphat' ) ); ?>
                        </p>
                        <div class="footer-contact-details d-flex flex-column gap-2 text-sm">
                            <div><?php esc_html_e( 'Địa chỉ:', 'theme-anphat' ); ?> <?php echo esc_html( __( 'Số 51 Đường số 24A, P. An Phú, Quận 2, TP. Thủ Đức, TP. Hồ Chí Minh.', 'theme-anphat' ) ); ?></div>
                            <div><?php esc_html_e( 'Điện thoại:', 'theme-anphat' ); ?> <span class="text-accent fw-bold"><?php echo esc_html( __( '028 2211 855', 'theme-anphat' ) ); ?></span></div>
                            <div><?php esc_html_e( 'Email:', 'theme-anphat' ); ?> <span class="text-accent fw-bold"><?php echo esc_html( __( 'info@anphatpharma.com', 'theme-anphat' ) ); ?></span></div>
                        </div>
                    </div>
                </div>

                <!-- Cột 2: Địa chỉ công ty -->
                <div class="col-lg-5 col-md-6 col-12">
                    <div class="footer-widget mb-4">
                        <h4 class="footer-widget-title font-heading text-white fw-bold mb-3 text-uppercase"><?php esc_html_e( 'ĐỊA CHỈ CÔNG TY', 'theme-anphat' ); ?></h4>
                        <div class="address-list d-flex flex-column gap-3 text-sm">
                            <div class="address-item d-flex gap-2 align-items-start">
                                <i class="fa-solid fa-location-dot text-accent mt-1"></i>
                                <div>
                                    <?php esc_html_e( 'Trụ sở TP.HCM:', 'theme-anphat' ); ?> <?php echo esc_html( __( '232/4 Tô Hiệu, P. Hiệp Tân, Q. Tân Phú, TP. HCM', 'theme-anphat' ) ); ?>
                                </div>
                            </div>
                            <div class="address-item d-flex gap-2 align-items-start">
                                <i class="fa-solid fa-location-dot text-accent mt-1"></i>
                                <div>
                                    <?php esc_html_e( 'Trụ sở Hà Nội:', 'theme-anphat' ); ?> <?php echo esc_html( __( 'Ngõ 29 Mạc Thái Tổ, P. Yên Hòa, Q. Cầu Giấy, TP. Hà Nội', 'theme-anphat' ) ); ?>
                                </div>
                            </div>
                        </div>
                        <a href="<?php echo esc_url( home_url( '/gioi-thieu/ve-an-phat/' ) ); ?>" class="btn btn-footer-intro btn-sm mt-4 px-4 text-white rounded-pill shadow-sm"><i class="fa-solid fa-house me-2"></i><?php esc_html_e( 'Giới thiệu Công ty', 'theme-anphat' ); ?></a>
                    </div>
                </div>

                <!-- Cột 3: Liên kết nhanh -->
                <div class="col-lg-2 col-md-12 col-12">
                    <div class="footer-widget mb-4">
                        <h4 class="footer-widget-title font-heading text-white fw-bold mb-3 text-uppercase"><?php esc_html_e( 'LIÊN KẾT NHANH', 'theme-anphat' ); ?></h4>
                        <?php
                        wp_nav_menu(
                            array(
                                'theme_location' => 'menu-footer',
                                'menu_id'        => 'footer-menu',
                                'container'      => false,
                                'menu_class'     => 'footer-menu-list list-unstyled mb-0 d-flex flex-column gap-3 text-sm',
                                'fallback_cb'    => false,
                                'depth'          => 1,
                            )
                        );
                        ?>
                    </div>
                </div>
            </div>

            <hr class="border-white-20 my-4">

            <!-- Bản quyền -->
            <div class="footer-bottom text-center text-sm text-white py-3">
                <p class="mb-0">© <?php echo esc_html( __( 'Bản quyền thuộc về Công ty Cổ phần Dược phẩm An Phát', 'theme-anphat' ) ); ?></p>
            </div>
        </div>
    </footer>
</div><!-- #page -->

<?php wp_footer(); ?>

</body>
</html>
