<?php $__env->startSection('content'); ?>
    <?php echo $__env->make($activeTemplate.'partials.breadcrumb', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <section class="dashboard-section bg--section pt-120">
        <div class="container">
            <div class="pb-120">
                <div class="table-responsive">
                    <table class="table cmn--table">
                        <thead>
                            <tr>
                                <th><?php echo app('translator')->get('Match'); ?></th>
                                <th><?php echo app('translator')->get('Question'); ?></th>
                                <th><?php echo app('translator')->get('Option'); ?></th>
                                <th><?php echo app('translator')->get('Betted'); ?></th>
                                <th><?php echo app('translator')->get('Reward if Won'); ?></th>
                                <th><?php echo app('translator')->get('Status'); ?></th>
                                <th><?php echo app('translator')->get('More'); ?></th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php $__empty_1 = true; $__currentLoopData = $bets; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                <tr>
                                    <td data-label="<?php echo app('translator')->get('Match'); ?>"><?php echo e(__($item->match->name)); ?></td>
                                    <td data-label="<?php echo app('translator')->get('Question'); ?>"><?php echo e(__($item->question->name)); ?></td>
                                    <td data-label="<?php echo app('translator')->get('Option'); ?>"><?php echo e(__($item->option->name)); ?></td>
                                    <td data-label="<?php echo app('translator')->get('Invest'); ?>"><?php echo e(getAmount($item->invest_amount)); ?> <?php echo e(__($general->cur_text)); ?></td>
                                    <td data-label="<?php echo app('translator')->get('Return'); ?>"><?php echo e(getAmount($item->return_amount)); ?> <?php echo e(__($general->cur_text)); ?></td>
                                    <td data-label="<?php echo app('translator')->get('Status'); ?>">
                                        <?php echo $item->statusBadge ?>
                                    </td>
                                    <td data-label="<?php echo app('translator')->get('More'); ?>">
                                        <a href="javascript:void(0)" class="badge badge--success detailBtn"
                                        data-match="<?php echo e(__($item->match->name)); ?>"
                                        data-question="<?php echo e(__($item->question->name)); ?>"
                                        data-choice="<?php echo e($item->option->name); ?>"
                                        data-invest_amount="<?php echo e($item->invest_amount); ?>"
                                        data-return_amount="<?php echo e($item->return_amount); ?>"
                                        data-status_badge='<?php echo $item->statusBadge ?>'>
                                        <i class="la la-desktop"></i>
                                        </a>
                                    </td>
                                </tr>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                <tr><td colspan="100%" class="text-center"><?php echo e(__($emptyMessage)); ?></td></tr>
                            <?php endif; ?>

                        </tbody>
                    </table>
                </div>
                <ul class="pagination justify-content-end">
                    <?php echo e($bets->links()); ?>

                </ul>
            </div>
        </div>
    </section>

    <div class="modal cmn--modal fade" id="detailsModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title col text-center match-name" id="exampleModalLabel"><?php echo app('translator')->get('Login Required'); ?></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="predict-content">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item bg-transparent d-flex flex-wrap justify-content-between">
                                <?php echo app('translator')->get('Question'); ?> <span class="subtitle question"></span>
                            </li>
                            <li class="list-group-item bg-transparent d-flex flex-wrap justify-content-between">
                                <span><?php echo app('translator')->get('My Choice Was '); ?></span> <span class="choice text--base"></span>
                            </li>
                            <li class="list-group-item bg-transparent d-flex flex-wrap justify-content-between">
                                <span><b><?php echo app('translator')->get('Invested Amount '); ?></b></span> <span class="invest text--base"></span>
                            </li>
                            <li class="list-group-item bg-transparent d-flex flex-wrap justify-content-between">
                                <span><b><?php echo app('translator')->get('Return Amount '); ?></b></span> <span class="return text--base"></span>
                            </li>

                            <li class="list-group-item bg-transparent d-flex flex-wrap justify-content-between">
                                <span><b><?php echo app('translator')->get('Result'); ?></b></span> <span class="status text--base"></span>
                            </li>
                        </ul>
                    </div>
                </div>

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

<?php $__env->startPush('script'); ?>
    <script>
        (function ($) {
            "use strict";

            $('.detailBtn').on('click', function() {
                var modal       = $('#detailsModal');
                var match       = $(this).data('match');
                var question    = $(this).data('question');
                var choice      = $(this).data('choice');
                var investAmount= $(this).data('invest_amount');
                var returnAmount= $(this).data('return_amount');
                var statusBadge = $(this).data('status_badge');

                modal.find('.match-name').text(match);
                modal.find('.question').text(question);
                modal.find('.choice').text(choice);
                modal.find('.invest').html(`${parseFloat(investAmount).toFixed(2)} <?php echo e(__($general->cur_text)); ?>`);
                modal.find('.return').html(`${parseFloat(returnAmount).toFixed(2)} <?php echo e(__($general->cur_text)); ?>`);
                modal.find('.status').html(statusBadge);
                modal.modal('show');
            });
        })(jQuery);
    </script>
<?php $__env->stopPush(); ?>

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