<style>
    /* .grid-market .outcome.active, .game-event-market__list .outcome.active, .coupon-market .game-event-market__line .outcome.active {
        background: var(--text-active) !important;
        color: black !important;
    } */
    odd-list__option oddBtn{
        width: 80% !important;
    }
</style>
<?php $__env->startSection('bet'); ?>
    <?php
        $optionsId = collect(session()->get('bets'))->pluck('option_id')->toArray();
    ?>

    <div class="odd-list pt-0">
        <div class="row gx-0 pd-lg-15 gx-lg-3 gy-3">
            <div class="col-12">
                <div class="">
                    <!-- <div class="odd-list__team">
                        <div class="odd-list__team-name"><?php echo e(__($game->teamOne->name)); ?></div>
                        <div class="odd-list__team-img">
                            <img class="odd-list__team-img-is" src="<?php echo e($game->teamOne->teamImage()); ?>" alt="image" />
                        </div>
                    </div>

                    <div class="odd-list__team-divide"><?php echo app('translator')->get('VS'); ?></div>

                    <div class="odd-list__team justify-content-end">
                        <div class="odd-list__team-img">
                            <img class="odd-list__team-img-is" src="<?php echo e($game->teamTwo->teamImage()); ?>" alt="image" />
                        </div>
                        <div class="odd-list__team-name"><?php echo e(__($game->teamTwo->name)); ?></div>
                    </div> -->
                    <div class="broadcast-pane__container">
                        <div class="broadcast-pane__item _broadcast _active event-slide-bg_4">
                            <div class="slider-event-wrapper _prematch-stub _american-football">
                                <div class="slider-event-pro">
                                    <div class="slider-event-pro__row">
                                        <div class="slider-event-pro__team">
                                            <img alt="South Alabama Jaguars-logo" src="https://prod.sportbook.work/icons/60/83981.png" data-src="https://prod.sportbook.work/icons/60/83981.png" width="60" height="60" class="slider-event-pro__team-image">
                                            <div class="slider-event-pro__team-name">South Alabama Jaguars</div>
                                        </div>
                                        <div class="slider-event-pro__info-date">
                                            <span>Oct 16 • 05:00</span>
                                        </div>
                                        <div class="slider-event-pro__team">
                                            <img alt="Troy Trojans-logo" src="https://prod.sportbook.work/icons/60/83782.png" data-src="https://prod.sportbook.work/icons/60/83782.png" width="60" height="60" class="slider-event-pro__team-image">
                                            <div class="slider-event-pro__team-name">Troy Trojans</div>
                                        </div>
                                    </div>
                                    <div class="slider-event__row">
                                        <div class="slider-event__markets">
                                            <div class="lobby__market-name">Winner. Main time</div>
                                            <div class="grid-market">
                                                <button class="outcome equal _101" type="button" data-result-status="" style="order: 101;">
                                                    <span class="outcome__status">1</span>
                                                    <span class="outcome__number">1.18</span>
                                                </button>
                                                <button class="outcome equal _102" type="button" data-result-status="" style="order: 102;">
                                                    <span class="outcome__status">X</span>
                                                    <span class="outcome__number">17.00</span>
                                                </button>
                                                <button class="outcome equal _103" type="button" data-result-status="" style="order: 103;">
                                                    <span class="outcome__status">2</span>
                                                    <span class="outcome__number">5.10</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="broadcast-pane__item _tracker"></div>
                    </div>
                </div>

                <div class="odd-list__body">
                    <div class="odd-list__body-content" style="background: var(--body-main) ">

                        <div class="games-stream-pro-nav">
                            <div class="games-stream-pro-nav__wrap" data-nav-carousel="true">
                                <div class="control nav-control__left _default" style="transition: 0.1s ease-in-out; user-select: none;">
                                    <i class="_icon-triangle-right _left"></i>
                                </div>
                                <div class="games-stream-pro-nav__tabs scrollable-stage" style="user-select: none;">
                                    <span role="button" id="event-filter-popular_prematch" class="games-stream-pro-nav__item _active" data-intersecting="true">
                                        <i class="iconFont iconFont-icon-tab-popular"></i>
                                        <span class="games-stream-pro-nav__item-text">Popular</span>
                                    </span>
                                    <span role="button" id="event-filter-all_prematch" class="games-stream-pro-nav__item" data-intersecting="true">
                                        <span class="games-stream-pro-nav__item-text">All markets</span>
                                    </span>
                                    <span role="button" id="event-filter-winner_prematch" class="games-stream-pro-nav__item" data-intersecting="true">
                                        <span class="games-stream-pro-nav__item-text">Winner</span>
                                    </span>
                                    <span role="button" id="event-filter-total_prematch" class="games-stream-pro-nav__item" data-intersecting="true">
                                        <span class="games-stream-pro-nav__item-text">Total</span>
                                    </span>
                                    <span role="button" id="event-filter-handicap_prematch" class="games-stream-pro-nav__item" data-intersecting="true">
                                        <span class="games-stream-pro-nav__item-text">Handicap</span>
                                    </span>
                                    <span role="button" id="event-filter-other_prematch" class="games-stream-pro-nav__item" data-intersecting="true">
                                        <span class="games-stream-pro-nav__item-text">Others</span>
                                    </span>
                                </div>
                                <div class="control nav-control__right _default" style="transition: 0.1s ease-in-out; user-select: none;">
                                    <i class="_icon-triangle-right"></i>
                                </div>
                            </div>
                            <div class="filter-intervals dropdown filter-intervals dropdown">
                                <div class="filter-intervals__title dropdown__head">
                                    <span>All periods</span>
                                    <i class="iconFont iconFont-icon-arrow-right-pro"></i>
                                </div>
                                <div class="filter-intervals__holder dropdown__holder">
                                    <div class="filter-intervals__content dropdown__container">
                                        <div class="filter-intervals__item" role="button">All periods</div>
                                        <div class="filter-intervals__item" role="button">Main time</div>
                                        <div class="filter-intervals__item" role="button">Half 1</div>
                                        <div class="filter-intervals__item" role="button">Quarter 1</div>
                                        <div class="filter-intervals__item" role="button">With overtime</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="odd-list__title"><?php echo app('translator')->get('Markets'); ?></div>
                        <?php $__empty_1 = true; $__currentLoopData = $game->questions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $question): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                            <div class="accordion accordion--odd" style="background: var(--body-main)">
                                <div class="accordion-item  <?php if($question->locked): ?> locked <?php endif; ?>"
                                    style="background: var(--body-main) game-event__market-wrapper game-event__market-transition-enter-done">
                                    <h2 class="accordion-header" style="background: var(--body-main)">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#question-<?php echo e($question->id); ?>" aria-expanded="true">
                                            <?php echo e(__($question->title)); ?>

                                        </button>
                                    </h2>


                                    <div
                                        class="game-event-market__list-wrapper accordion-collapse collapse show"id="question-<?php echo e($question->id); ?>">
                                        <div class="game-event-market__list">
                                            <div class="game-event__market">
                                                <div class="game-event-market__line-group">
                                                    <ul class="list list--row odd-list__options game-event-market__line">
                                                        <?php $__empty_2 = true; $__currentLoopData = $question->options; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $option): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_2 = false; ?>
                                                            <li>
                                                                <button
                                                                    class="outcome equal _101 odd-list__option oddBtn <?php if(in_array($option->id, $optionsId)): ?> active <?php endif; ?> <?php if($option->locked): ?> locked <?php endif; ?>"
                                                                    type="button" data-option_id="<?php echo e($option->id); ?>"
                                                                    data-result-status="" style="order: 101;">
                                                                    <span
                                                                        class="outcome__status odd-list__option-text "><?php echo e(__($option->name)); ?></span>
                                                                    <span
                                                                        class="outcome__number odd-list__option-ratio"><?php echo e(rateData($option->odds)); ?></span>
                                                                </button>
                                                            </li>
                                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_2): ?>
                                                            <small class="text-muted"> <?php echo app('translator')->get('No odds available for now'); ?></small>
                                                        <?php endif; ?>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                            <div class="empty-message mt-3">
                                <img class="img-fluid" src="<?php echo e(asset($activeTemplateTrue . '/images/empty_message.png')); ?>"
                                    alt="<?php echo app('translator')->get('image'); ?>">
                                <p><?php echo app('translator')->get('No markets available for now'); ?></p>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>

<?php $__env->stopSection(); ?>



<script>
    document.addEventListener("DOMContentLoaded", function() {
    const onClickElement = document.querySelector(".dropdown__head");
        onClickElement.addEventListener("click", function(event) {
            event.preventDefault(); // Prevent the default action of the link
            const toggleDiv = this.closest(".filter-intervals");
            toggleDiv.classList.toggle("_dropdown-active");
        });
    });
</script>



<?php echo $__env->make($activeTemplate . 'layouts.bet', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/cuce22pe/public_html/bet.newgenguru.com/core/resources/views/templates/basic/markets.blade.php ENDPATH**/ ?>