<?php
/**
 * Template Name: New Dooblo Survey to go  Data Integrity
 */
get_header(); ?>

<style>
    @me
</style>
<div id="free-demo" class="content-area">
    <div id="top-page"></div>
    <?php
    // check if the flexible content field has rows of data
    if (have_rows('sections')) : ?>

        <?php while (have_rows('sections')) : the_row(); ?>

            <?php if (get_row_layout() == 'section_1_-_top_header') : ?>
                <section class="free-demo-top" style="">
                    <div class="bg-image" style="background-image: url('<?php the_sub_field('top_header_background_image'); ?>');"></div>
                    <div class="bg-dark"></div>
                    <div class="info">
                        <h1>How Data OPM Leveled Up Their Fieldwork</h1>
                    </div>
                </section>
            <?php endif; ?>
            
            <style>
                .ul-list {
                    color: #292b33;
                    font-family: "Source Sans Pro";
                    font-size: 20px;
                    font-weight: 300;
                    list-style: disc;
                    list-style-position: outside;
                    line-height: 27px;
                    padding-left: 1.5rem;
                    margin: 1.5rem 0;
                }

                .ul-list li {
                    margin: 0.5rem 0;
                }

                .para-class1 {
                    color: #292b33;
                    font-family: "Source Sans Pro";
                    font-size: 26px;
                    font-weight: 300;
                    line-height: 29px;
                    padding: 0;
                    text-align: left;
                }

                .para-class2 {
                    color: #292b33;
                    font-family: "Source Sans Pro";
                    font-size: 20px;
                    font-weight: 300;
                    line-height: 29px;
                    padding: 0.8rem 0 0px 0px !important;
                    text-align: left;
                }

                @media (max-width: 480px) {
                    #free-demo .free-demo-top, #free-demo .free-demo-top .bg-image {
                        height: 650px;
                    }

                    #free-demo .free-demo-top .info {
                        position: relative;
                        top: 26%;
                        -webkit-transform: translateX(-50%);
                        -ms-transform: translateX(-50%);
                        transform: translateX(-50%);
                    }
                }
            </style>

            <?php if (get_row_layout() == 'section_2_form') : ?>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <h2 style="font-weight:600;">
                                <br><p>See how a leading public opinion research firm upgraded its operations, overcame quality control challenges, and expanded its reach across Latin America.
                                <p><br>What You'll Learn:</p>
                            </h2>
                            <ul class="ul-list">
                                <li>How Data OPM eliminated inefficient manual processes and reduced data entry errors</li>
                                <li>The power of offline data collection in remote regions</li>
                                <li>Real-time quality control tools that build client trust and transparency</li>
                                <li>Cost-efficient expansion strategies for market research firms</li>
                                <li>Integration solutions for fieldwork partners that improve collaboration</li>
                            </ul>
                        </div>
                    </div>
                    <p class="para-class1" style="text-align:center;">
                        "SurveyToGo delivers everything we need to support our clients. It's the ideal tool for any market research firm aiming to improve quality and transparency."
                    </p>
                    <p style="margin:0.5rem 0px; text-align:center;"><strong>Pablo Paras, Founder and President, Data OPM</strong></p>
                    <p class="para-class1" style="margin-top:20px">
                        Download the case study to learn how SurveyToGo can improve your market research operations.
                    </p>
                </div>

                <section id="section2" class="cf">
                    <div class="section2-1 alignleft">
                        <img src="<?php the_sub_field('background'); ?>" />
                    </div>
                    <div class="section2-2 alignleft">
                        <div class="align-middle-center">
                            <div class="form">
                                <div class="theForm">
                                    <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
                                    <script>
                                        hbspt.forms.create({
                                            portalId: "7896641",
                                            formId: "4675d68f-5715-4514-9a6b-da0d6c7ab30a",
                                            region: "na1"
                                        });
                                    </script>
                                </div>
                                <section class="message-sent">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="icon">
                                                <img src="<?= get_template_directory_uri(); ?>/images/contact/mailafter.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h1>Your message has been <br>sent successfully!</h1>
                                        </div>
                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                </section>
            <?php endif; ?>

        <?php endwhile; ?>

    <?php endif; ?>
</div>

<script>
    function sendOK() {
        console.log('sendOK');
        jQuery('.theForm').addClass('hide');
        jQuery('.message-sent').addClass('show');
    }
</script>

<?php get_footer(); ?>