<?php
/**
 * Semantic page layout and custom Parker service pages.
 */

defined( 'ABSPATH' ) || exit;

get_header();

while ( have_posts() ) :
    the_post();
    $slug        = get_post_field( 'post_name', get_the_ID() );
    $is_contact  = false !== strpos( $slug, 'lien-he' ) || false !== strpos( $slug, 'contact' );
    $is_about    = false !== strpos( $slug, 'gioi-thieu' ) || false !== strpos( $slug, 'about' );
    $is_services = false !== strpos( $slug, 'dich-vu' ) || false !== strpos( $slug, 'services' );
    ?>
    <main class="orologio-clone oc-page" id="primary">
        <?php oc_clone_header(); ?>

        <?php if ( $is_about ) : ?>
            <?php oc_render_history_page_sections(); ?>
        <?php elseif ( $is_services ) : ?>
            <?php oc_render_services_page_sections(); ?>
        <?php elseif ( $is_contact ) : ?>
            <?php oc_render_contact_page_sections(); ?>
        <?php else : ?>
            <section class="oc-subhero" aria-labelledby="oc-page-title" style="--oc-subhero-image: url('<?php echo esc_url( oc_upload_base() . '/2023/11/BUT-PARKER-KHAC-TEN_butky_website.jpg' ); ?>');">
                <div>
                    <nav class="oc-breadcrumbs" aria-label="Breadcrumb">
                        <ol>
                            <li><a href="<?php echo esc_url( oc_local_url( home_url( '/' ) ) ); ?>">Trang chủ</a></li>
                            <li aria-current="page"><?php the_title(); ?></li>
                        </ol>
                    </nav>
                    <h1 id="oc-page-title"><?php the_title(); ?></h1>
                    <p>Nội dung Parker được trình bày theo phong cách tối giản, rõ ràng và sang trọng.</p>
                </div>
            </section>

            <section class="oc-section oc-page-layout" aria-label="Nội dung trang">
                <article id="post-<?php the_ID(); ?>" <?php post_class( 'oc-page-content' ); ?>>
                    <?php the_content(); ?>
                </article>

                <aside class="oc-contact-card" aria-labelledby="oc-page-support-title">
                    <h2 id="oc-page-support-title">Tư vấn Parker</h2>
                    <p>Cần chọn mẫu bút, khắc tên hoặc thiết kế set quà? Đội ngũ cửa hàng sẽ hỗ trợ phương án phù hợp.</p>
                    <a class="button" href="<?php echo esc_url( oc_local_url( home_url( '/lien-he/' ) ) ); ?>">Liên hệ tư vấn</a>
                </aside>
            </section>
        <?php endif; ?>

        <?php oc_clone_footer_cta(); ?>
    </main>
    <?php
endwhile;

get_footer();