proseed

functions.php

<?php
/**
 * Partial template for content in page.php
 *
 * @package UnderStrap
 */

// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;

$args = [
    'post_type'      => 'clinicas',
    'posts_per_page' => 999,
    'order'          => 'ASC',
    'orderby'        => 'title'
];
$clinics = new WP_Query( $args );

$color = get_query_var( 'color' ) ?: 'blue';

do_action( 'page_search_clinic' );

?>
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">

   <!-- <?php do_slider( 'clinicas' ); ?> -->

	<div class="entry-content">

    <h2 class="<?php the_color_css( $color ); ?>">Buscar Clínica</h2>
        <p><b>O primeiro passo para realizar o seu sonho é escolher a clínica de fertilização onde fará o tratamento! Temos parcerias com as clínicas de reprodução humana mais respeitadas do Brasil, enviando amostras de sêmen para todo o país.</br>
        Encontre a sua clínica em nossa rede de parceiros!  
        </b></p>

		<?php the_content(); ?>

        <?php if ( $clinics->have_posts() ) :

            $cities_ufs = get_all_post_meta( 'clinicas', 'city-uf' );
            
            $all = [];
            $cities = [];
            $ufs    = [];
            
            foreach ( $cities_ufs as $city_uf ) {
                $city_uf = explode( '/', $city_uf );
                $all[$city_uf[1]] = $city_uf[0];
                $ufs[] = $city_uf[1];
            }
            
            // Order UFs
            $ufs = asort( $ufs );
            $ufs = array_unique( $ufs );

            $options = [];

            ksort( $all );

            ?>

            <div class="clinic-map">
                <div>
                    <header>
                        <select name="" id="select-uf">
                            <option value="all">Selecione um Estado</option>

                            <?php foreach ( $ufs as $uf ) : ?>

                                <?php if ( ! in_array( $uf, $options ) ) : ?>
                                    <option data-to-filter-uf="<?php echo sanitize_title( $uf ); ?>" value="<?php echo sanitize_title( $uf ); ?>"><?php echo esc_attr( $uf ); ?></option>
                                    <?php $options[] = $uf; ?>
                                <?php endif; ?>

                            <?php endforeach; ?>
                        </select>
                        <select name="" id="select-city">
                            <option value="all">Selecione uma Cidade</option>
                            <?php foreach ( $cities_ufs as $city_uf ) :
                                $city_uf = explode( '/', $city_uf); 
                                ?>
                                <option data-filtered-uf="<?php echo sanitize_title( $city_uf[1] ); ?>" value="<?php echo sanitize_title( $city_uf[0] ); ?>"><?php echo esc_attr( $city_uf[0] ); ?></option>
                            <?php endforeach; ?>
                        </select>
                    </header>

                    <div class="map-search">
                        <?php get_template_part( 'template-parts/general/map' ); ?>
                    </div>
                </div>
                <div>
                    <header>
                        <h4>Clínicas de fetilização assistida <span id="em">em<br></span>
                        <span id="result-search-city">São Paulo</span> <span id="separator">/</span> <span id="result-search-uf">SP</span></h4>
                    </header>
                    <div class="result-map-search">

                        <p id="messages">Filtre ou escolha um estado para exibir as clínicas abaixo!</p>

                        <?php while ( $clinics->have_posts() ) : $clinics->the_post();

                            $uf   = get_post_meta( get_the_ID(), 'uf', true );
                            $city = get_post_meta( get_the_ID(), 'city', true);
                            ?>

                            <div data-to-filter-city="<?php echo sanitize_title( $city ); ?>" data-to-filter-uf="<?php echo sanitize_title( $uf ); ?>" class="each">
                                <b><?php the_title(); ?></b>

                                <?php
                                // Phones
                                $main_phone = get_post_meta( get_the_ID(), 'main_phone', true );
                                $secondary_phones = get_post_meta( get_the_ID(), 'secondary_phones', true );
                                $phones = '';

                                if ( $main_phone && $secondary_phones ) {
                                    $phones = '<a href="tel:' . esc_attr( $main_phone ) . '">' . esc_attr( $main_phone ) . '</a>';
                                    $phones .= ' / <a href=""></a><a href="tel:' . esc_attr( $secondary_phones ) . '">' . esc_attr( $secondary_phones ) . '</a>';
                                } elseif ( $main_phone ) {
                                    $phones = '<a href="tel:' . esc_attr( $main_phone ) . '">' . esc_attr( $main_phone ) . '</a>';
                                }

                                if ( ! empty( $phones ) ) : ?>
                                    <div class="phones">
                                        <?php echo $phones; ?>
                                    </div><!-- .phones -->
                                <?php endif; ?>

                                <a class="<?php the_color_css( $color ); ?>" href="<?php echo esc_url( get_post_meta( get_the_ID(), 'site', true ) ); ?>"><?php echo esc_attr( get_post_meta( get_the_ID(), 'site', true ) ); ?></a>
                            </div>

                        <?php endwhile; ?>

                        <div id="nothing-found">
                            <p>Infelizmente não temos parcerias com clínicas nessa localização! Caso você decida fazer seu tratamento em uma clínica que não consta no nosso site, não se preocupe, estamos sempre abertos para novos contatos e parcerias! Basta nos enviar as informações de contato da clínica que entraremos em contato com eles.</p>
                            <p>Se tiver mais alguma dúvida sobre o processo ou precise de alguma ajuda, não hesite em nos contatar. Estamos à disposição e te ajudaremos em todas as etapas dessa jornada!</p>
                        </div>

                    </div>
                </div>
            </div><!-- .clinic-map -->

        <?php endif; ?>
        <?php wp_reset_postdata(); ?>

        <div class="entry-features">
            <div class="card feature">
                <?php get_atom('icon', ['icon' => get_stylesheet_directory_uri() . '/assets/images/icon-check-light.webp', 'border' => true, 'shadow' => true, 'dark' => true]); ?>
                <h5 class="<?php the_color_css( $color ); ?>">DIVERSIDADE E QUALIDADE</h5>
                <p>A maior seleção de doadores brasileiros com excelente qualidade de amostras de sêmen. +600 doadores aprovados, +180 disponíveis</p>
            </div>
            <div class="card feature">
                <?php get_atom('icon', ['icon' => get_stylesheet_directory_uri() . '/assets/images/icon-check-light.webp', 'border' => true, 'shadow' => true, 'dark' => true]); ?>
                <h5 class="<?php the_color_css( $color ); ?>">ENTREGA IMEDIATA</h5>
                <p>Disponibilidade para entrega imediata de sêmen nacional em todo o Brasil.</p>
            </div>
            <div class="card feature">
                <?php get_atom('icon', ['icon' => get_stylesheet_directory_uri() . '/assets/images/icon-check-light.webp', 'border' => true, 'shadow' => true, 'dark' => true]); ?>
                <h5 class="<?php the_color_css( $color ); ?>">IMPORTAÇÕES MENSAIS DE SÊMEN</h5>
                <p>Somos um dos maiores importadores e distribuidores de sêmen de doadores estrangeiros, fazendo importações mensais de amostras de altíssima qualidade dos Estados Unidos e da Europa.</p>
            </div>
            <div class="card feature">
                <?php get_atom('icon', ['icon' => get_stylesheet_directory_uri() . '/assets/images/icon-check-light.webp', 'border' => true, 'shadow' => true, 'dark' => true]); ?>
                <h5 class="<?php the_color_css( $color ); ?>"> BUSCADOR ONLINE PRO-SEED</h5>
                <p>Uma ferramenta completa para encontrar o doador ideal de uma maneira fácil e rápida.</p>
            </div>
            <div class="card feature">
                <?php get_atom('icon', ['icon' => get_stylesheet_directory_uri() . '/assets/images/icon-check-light.webp', 'border' => true, 'shadow' => true, 'dark' => true]); ?>
                <h5 class="<?php the_color_css( $color ); ?>">ATENDIMENTO INDIVIDUALIZADO</h5>
                <p>Atendimento humanizado e apoio personalizado na escolha e busca pelo doador de sêmen ideal.</p>
            </div>
        </div>

        <div class="entry-features">
            <div>
                <iframe title="vimeo-player" src="https://player.vimeo.com/video/591591632?h=74155e8c31" width="1200" height="675" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>

        <h2 class="<?php the_color_css( $color ); ?>">Construímos sonhos com experiência e profissionalismo!</h2>
        <h2 class="<?php the_color_css( $color ); ?>">Somos Pro-Seed!</h2>

	</div><!-- .entry-content -->

	<footer class="entry-footer">

		<?php edit_post_link( __( 'Edit', 'understrap' ), '<span class="edit-link">', '</span>' ); ?>

	</footer><!-- .entry-footer -->

</article><!-- #post-## -->