@extends('theme.default')
@section('title')
Cpx Research
@endsection

@section('canonical')
    <link rel="canonical" href="https://www.surveybakery.com/cpx-research">
@endsection

@section('content')
<section class="contact  pad-btm pad-top ">
   <div class="container">
      <div class="row">
         <div class="col-md-7">
            <div class="constes m3-h  wow fadeInUp">
               <h2>Cpx Research</h2>
            </div>
            <!-- <div class="numcao p12">
                <ul>
                    <li>
                        <div class="nucos">
                            <p>65</p>
                            <p>HoneyCoins</p>
                            <a name="" id="" class="btn-e" href="#" role="button"> Manage Payouts</a>
                        </div>
                    </li>
                    <li>
                        <div class="nucos">
                            <p>0</p>
                            <p>Surveys completed</p>
                            <a name="" id="" class="btn-e" href="#" role="button"> See History</a>
                        </div>
                    </li>
                    <li>
                        <div class="nucos">
                            <p>2 /11</p>
                            <p>Checklist</p>
                            <a name="" id="" class="btn-e" href="#" role="button">Go to Checklist</a>
                        </div>
                    </li>
                </ul>
            </div> -->

            <div class="sticksbar">
                <ul>
                    <li>
                        <div class="fires">
                            <i class="fa-solid fa-fire"></i>
                        </div>
                    </li>
                    <li>
                        <div class="sra">
                            <ul>
                                <li>
                                    <i class="fa-solid fa-star"></i>
                                </li>
                                <li>
                                    <i class="fa-solid fa-star"></i>
                                </li>
                                <li>
                                    <i class="fa-solid fa-star"></i>
                                </li>
                                <li>
                                    <i class="fa-solid fa-star"></i>
                                </li>
                                <li>
                                    <i class="fa-solid fa-star"></i>
                                </li>
                            </ul>
                        </div>
                        <p>96 Coins</p>
                    </li>
                    <li>
                        <div class="icso2">
                        <i class="fa fa-light fa-clock"></i>
                        </div>
                        <p>9 minutes</p>
                    </li>
                    <li>
                        <a name="" id="" class="btn-e" href="#" role="button">Start survey</a>
                    </li>
                </ul>
                <!-- /* model */ -->
                <div class="modepop">
                    <a href="#" data-id="model"  data-target="#mymodel">
                        <i class="fa-solid fa-list"></i>
                    </a>
                </div>
                <div id="mymodel" class="model">
                    <div class="model-content">
                        <div class="modal-header">
                            <span class="close" data-close="model">&times;</span>   
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-12 col-md-6 border-right">
                                    <p class="pl-4 font-weight-bold border-bottom">Sort by</p>
                                    <a class="dropdown-item" data-sort="coins_d" href="#" onclick="modal_sf_setSort('coins_d')">High Coins first</a>
                                    <a class="dropdown-item" data-sort="coins_a" href="#" onclick="modal_sf_setSort('coins_a')">Low Coins first</a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" data-sort="time_a" href="#" onclick="modal_sf_setSort('time_a')">Shortest First</a>
                                    <a class="dropdown-item" data-sort="time_d" href="#" onclick="modal_sf_setSort('time_d')">Longest First</a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" data-sort="stars_d" href="#" onclick="modal_sf_setSort('stars_d')">High Stars First</a>
                                    <a class="dropdown-item" data-sort="stars_a" href="#" onclick="modal_sf_setSort('stars_a')">Low Stars First</a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item modelcpx_a text-white" data-sort="" href="#" onclick="modal_sf_setSort('')">No Sorting Applied</a>
                                    <div class="dropdown-divider"></div>
                                    <button class="mt-2 btn-e" onclick="modal_sf_reset()">Reset</button>
                                </div>
                                <div class="col-12 col-md-6">
                                    <p class="pl-4 font-weight-bold border-bottom">Filter by</p>
                                    <a class="dropdown-item" data-filter="0.t05" href="#" onclick="modal_sf_toggleFilter(0, 't05')">Less than 5 minutes</a>
                                    <a class="dropdown-item" data-filter="0.t10" href="#" onclick="modal_sf_toggleFilter(0, 't10')">Less than 10 minutes</a>
                                    <a class="dropdown-item" data-filter="0.t15" href="#" onclick="modal_sf_toggleFilter(0, 't15')">Less than 15 minutes</a>
                                    <a class="dropdown-item" data-filter="0.t20" href="#" onclick="modal_sf_toggleFilter(0, 't20')">Less than 20 minutes</a>
                                    <a class="dropdown-item modelcpx_a text-white" data-filter="0." href="#" onclick="modal_sf_toggleFilter(0, '')">Show All</a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" data-filter="1.s5" href="#" onclick="modal_sf_toggleFilter(1, 's5')">5 Stars</a>
                                    <a class="dropdown-item" data-filter="1.s4" href="#" onclick="modal_sf_toggleFilter(1, 's4')">4 Stars &amp; Up</a>
                                    <a class="dropdown-item" data-filter="1.s3" href="#" onclick="modal_sf_toggleFilter(1, 's3')">3 Stars &amp; Up</a>
                                    <a class="dropdown-item" data-filter="1.s2" href="#" onclick="modal_sf_toggleFilter(1, 's2')">2 Stars &amp; Up</a>
                                    <a class="dropdown-item" data-filter="1.s1" href="#" onclick="modal_sf_toggleFilter(1, 's1')">1 Star &amp; Up</a>
                                    <a class="dropdown-item modelcpx_a text-white" data-filter="1." href="#" onclick="modal_sf_toggleFilter(1, '')">Show All</a>
                                </div>
                                <div class="mt-3 pt-3 border-top w-100 text-center">
                                    <button class="btn-e" data-dismiss="modal">Close</button>
                                    <button class="btn-e" data-dismiss="modal" id="modal_sf_apply">Apply</button>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer"></div>
                    </div>
                </div>
            </div>

            <div class="terpar p12 m4-h wow fadeInDown">
                <ul>
                    <li>
                        <div class="coup palcup offwals cpxcopt">
                            <a href="#">
                                <div class="youch">
                                    <div class="sra">
                                        <ul>
                                            <li>
                                                 <i class="fa-solid fa-star"></i>
                                            </li>
                                            <li>
                                                 <i class="fa-solid fa-star"></i>
                                            </li>
                                            <li>
                                                 <i class="fa-solid fa-star"></i>
                                            </li>
                                            <li>
                                                 <i class="fa-solid fa-star"></i>
                                            </li>
                                            <li>
                                                 <i class="fa-solid fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="coneoc">
                                        <ul>
                                            <li>
                                                <p>112 Coins</p>
                                            </li>
                                            <li>
                                                <p>5 minutes</p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="youch2">
                                    <div class="cpva">
                                        <h4>Earn up to 5000 SB</h4>
                                        <i class="fa-solid fa-globe"></i>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="coup palcup offwals cpxcopt">
                            <a href="#">
                                <div class="youch">
                                    <div class="sra">
                                        <ul>
                                            <li>
                                                 <i class="fa-solid fa-star"></i>
                                            </li>
                                            <li>
                                                 <i class="fa-solid fa-star"></i>
                                            </li>
                                            <li>
                                                 <i class="fa-solid fa-star"></i>
                                            </li>
                                            <li>
                                                 <i class="fa-solid fa-star"></i>
                                            </li>
                                            <li>
                                                 <i class="fa-solid fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="coneoc">
                                        <ul>
                                            <li>
                                                <p>112 Coins</p>
                                            </li>
                                            <li>
                                                <p>5 minutes</p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="youch2">
                                    <div class="cpva">
                                        <h4>Earn up to 5000 SB</h4>
                                        <i class="fa-solid fa-globe"></i>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
         </div>
         @include ('theme.includes.sidebar')
      </div>
   </div>
</section>
@endsection