<?php
/**
 * The 404 template
 *
 * @package Paws_And_Care
 * @since 1.0.0
 */

get_header();

// Page Header
get_template_part( 'template-parts/page-header', null, array(
    'title'       => __( '404 - Page Not Found', 'paws-and-care' ),
    'subtitle'    => '',
    'breadcrumbs' => array(
        array( 'label' => __( 'Home', 'paws-and-care' ), 'url' => home_url( '/' ) ),
        array( 'label' => __( '404', 'paws-and-care' ) ),
    ),
) );
?>

    <!-- 404 Content -->
    <section id="primary-content" class="py-5">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8 text-center">
                    <div class="error-404-content">
                        <div class="error-icon mb-4">
                            <i class="fa-solid fa-paw fa-5x text-primary"></i>
                        </div>
                        <h2 class="mb-4"><?php esc_html_e( 'Oops! This page has gone for a walk.', 'paws-and-care' ); ?></h2>
                        <p class="lead mb-4"><?php esc_html_e( 'The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.', 'paws-and-care' ); ?></p>

                        <div class="search-form-wrapper mb-4">
                            <?php get_search_form(); ?>
                        </div>

                        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="btn btn-primary btn-lg">
                            <i class="fa-solid fa-house me-2"></i> <?php esc_html_e( 'Back to Home', 'paws-and-care' ); ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

<?php
get_footer();

