@extends('theme.default')
@section('title')
    Cpx Research
@endsection
@section('content')
    @section('css')
        <style>
           .css-inxlvc{width:49% !important;height:20% !important;}
        </style>
    @endsection
    <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 id="max_payout">9600 Coins</p>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                                {{--<div class="icso2">--}}
                                    {{--<i class="fa fa-light fa-clock"></i>--}}
                                {{--</div>--}}
                                {{--<p id="loi">9 minutes</p>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                                {{--<a name="" id="href" target="_blank" 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="m4-h wow fadeInDown">
                        {{--<ul>--}}
                            {{--<li>--}}
                                {{--@php $array = [0]; @endphp--}}
                                {{--@if(!empty($result_details->surveys))--}}
                                    {{--@foreach($result_details->surveys as $key => $row)--}}
                                        {{--<div class="cpxcopt">--}}
                                            {{--<a href="{{ $row->href }}" target="_blank">--}}
                                                {{--<div class="youch">--}}
                                                    {{----}}
                                                    {{--<div class="sra">--}}
                                                        {{--<ul>--}}
                                                            {{--@for ($i=1; $i<=$row->statistics_rating_avg; $i++)--}}
                                                                {{--<li>--}}
                                                                    {{--<i class="fa-solid fa-star"></i>--}}
                                                                {{--</li>--}}
                                                            {{--@endfor--}}
                                                            {{--<li style="color: black; float: right">{{ $row->statistics_rating_count }}</li>--}}
                                                        {{--</ul>--}}
                                                    {{--</div>--}}
                                                    {{--<div class="coneoc">--}}
                                                        {{--<ul>--}}
                                                            {{--<li class="p13">--}}
                                                                {{--<p>+{{ $row->payout }} Dollars</p>--}}
                                                            {{--</li>--}}
                                                            {{--<li>--}}
                                                                {{--<p>{{ $row->loi }} minutes</p>--}}
                                                            {{--</li>--}}
                                                        {{--</ul>--}}
                                                    {{--</div>--}}
                                                {{--</div>--}}
                                                {{--<div class="youch2">--}}
                                                    {{--<div class="cpva">--}}
                                                        {{--<h4>{{$row->conversion_rate}}% Conversion Rate</h4>--}}
                                                        {{--<i class="fa-solid fa-globe"></i>--}}
                                                    {{--</div>--}}
                                                {{--</div>--}}
                                            {{--</a>--}}
                                        {{--</div>--}}

                            {{--</li>--}}
                            {{--<li>--}}
                                {{--@endforeach--}}
                                {{--@endif--}}
                                {{--@php--}}
                                {{--$max =   max($array);--}}
                                {{--$href = '';--}}
                                {{--$payout = '';--}}
                                {{--$length = '';--}}
                                {{--foreach($result_details->surveys as $key => $row):--}}
                                {{--if ($row->payout == $max):--}}
                                {{--$href = $row->href;--}}
                                {{--$payout = $row->payout;--}}
                                {{--$length = $row->loi;--}}
                                {{--endif;--}}
                                {{--endforeach;--}}
                                {{--@endphp--}}
                            {{--</li>--}}

                        {{--</ul>--}}
                        <div style="max-width: 950px; margin: auto" id="fullscreen"></div>
                    </div>
                </div>
                @include ('theme.includes.sidebar')
            </div>
        </div>
    </section>
@endsection