<?php $__env->startSection('panel'); ?>


     <style>
        .btn-load {
      background-color: #28a745;
      color: #fff;
    }

    .btn-load:hover {
      background-color: #218838;
    }

    .btn-reset {
      background-color: #dc3545;
      color: #fff;
    }

    .btn-reset:hover {
      background-color: #c82333;
    }

    .table th, .table td {
      vertical-align: middle;
    }
     </style>

     <div class="account_list_page_sec">

    <div class="row">
        <div class="col-lg-12">
			<div class="container">
    <!-- First Row: Search and Filters -->
    <div class="row mb-3">
      <div class="col-md-3">
        <label for="clientName">Search By Client Name</label>
        <input type="text" id="clientName" class="form-control" placeholder="Enter client name">
      </div>
      <div class="col-md-3">
        <label for="dateRange">Select Date Range</label>
        <input type="date" id="dateRange" class="form-control">
      </div>
      <div class="col-md-3">
        <label for="reportType">Type</label>
        <select id="reportType" class="form-select">
          <option value="sports">Sports Reports</option>
          <option value="casino">Casino Reports</option>
        </select>
      </div>
      <div class="col-md-3">
        <label for="statement">Statement</label>
        <select id="statement" class="form-select">
          <option value="summary">Summary</option>
          <option value="detailed">Detailed</option>
        </select>
      </div>
    </div>

    <!-- Second Row: Buttons -->
    <div class="row mb-3">
      <div class="col-md-12 text-end">
        <button class="btn btn-load me-2">Load</button>
        <button class="btn btn-reset">Reset</button>
      </div>
    </div>

    <!-- Third Row: Show Entries -->
    <div class="row mb-3">
      <div class="col-md-6">
        <label for="entries">Show Entries</label>
        <select id="entries" class="form-select" style="width: auto;">
          <option value="10">10</option>
          <option value="25">25</option>
          <option value="50">50</option>
          <option value="100">100</option>
        </select>
      </div>
    </div>

    <!-- Fourth Row: Table -->
    <div class="row">
      <div class="col-md-12">
        <table class="table table-striped table-bordered">
          <thead class="table-light">
            <tr>
              <th>Date</th>
              <th>SR No</th>
              <th>Credit</th>
              <th>Debit</th>
              <th>Pts</th>
              <th>Remark</th>
              <th>From/To</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>2025-01-01</td>
              <td>001</td>
              <td>1000</td>
              <td>500</td>
              <td>200</td>
              <td>Example Remark</td>
              <td>John to Alex</td>
            </tr>
            <tr>
              <td>2025-01-02</td>
              <td>002</td>
              <td>2000</td>
              <td>1000</td>
              <td>300</td>
              <td>Another Remark</td>
              <td>Alex to John</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
        </div>
    </div><!-- row -->
	</div>
	
	
    <?php if (isset($component)) { $__componentOriginalbd5922df145d522b37bf664b524be380 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalbd5922df145d522b37bf664b524be380 = $attributes; } ?>
<?php $component = App\View\Components\ConfirmationModal::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('confirmation-modal'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\ConfirmationModal::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalbd5922df145d522b37bf664b524be380)): ?>
<?php $attributes = $__attributesOriginalbd5922df145d522b37bf664b524be380; ?>
<?php unset($__attributesOriginalbd5922df145d522b37bf664b524be380); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalbd5922df145d522b37bf664b524be380)): ?>
<?php $component = $__componentOriginalbd5922df145d522b37bf664b524be380; ?>
<?php unset($__componentOriginalbd5922df145d522b37bf664b524be380); ?>
<?php endif; ?>	
	
	
    <div class="offcanvas offcanvas-end" id="offcanvasRight" aria-labelledby="offcanvasRightLabel" tabindex="-1">
        <div class="offcanvas-header">
            <h5 id="offcanvasRightLabel"><?php echo app('translator')->get('Filter by'); ?></h5>
            <button class="close bg--transparent" data-bs-dismiss="offcanvas" type="button" aria-label="Close">
                <i class="las la-times"></i>
            </button>
        </div>
        <div class="offcanvas-body">
            <form action="">
                <div class="form-group">
                    <label><?php echo app('translator')->get('Team One'); ?></label>
                    <select class="form-control select2-basic" name="team_one_id">
                        <option value=""><?php echo app('translator')->get('All'); ?></option>
                       
                    </select>
                </div>
                <div class="form-group">
                    <label><?php echo app('translator')->get('Team Two'); ?></label>
                    <select class="form-control select2-basic" name="team_two_id">
                        <option value=""><?php echo app('translator')->get('All'); ?></option>
                        
                    </select>
                </div>
                <div class="form-group">
                    <label><?php echo app('translator')->get('Leauge'); ?></label>
                    <select class="form-control select2-basic" name="league_id">
                        <option value=""><?php echo app('translator')->get('All'); ?></option>
                       
                    </select>
                </div>
                <div class="form-group">
                    <label><?php echo app('translator')->get('Game Started From'); ?></label>
                    <input name="start_time" type="search" class="datepicker-here form-control bg--white pe-2 date-range" placeholder="<?php echo app('translator')->get('Start Date - End Date'); ?>" autocomplete="off" value="<?php echo e(request()->start_time); ?>">
                </div>
                <div class="form-group">
                    <label><?php echo app('translator')->get('Bet Started From'); ?></label>
                    <input name="bet_start_time" type="search" class="datepicker-here form-control bg--white pe-2 date-range" placeholder="<?php echo app('translator')->get('Start Date - End Date'); ?>" autocomplete="off" value="<?php echo e(request()->bet_start_time); ?>">
                </div>
                <div class="form-group">
                    <label><?php echo app('translator')->get('Bet Ended At'); ?></label>
                    <input name="bet_end_time" type="search" class="datepicker-here form-control bg--white pe-2 date-range" placeholder="<?php echo app('translator')->get('Start Date - End Date'); ?>" autocomplete="off" value="<?php echo e(request()->bet_end_time); ?>">
                </div>
                <div class="form-group">
                    <button class="btn btn--primary w-100 h-45"> <?php echo app('translator')->get('Filter'); ?></button>
                </div>
            </form>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('style'); ?>
    <style>
        .thumb img {
            width: 30px;
            height: 30px;
        }
    </style>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('breadcrumb-plugins'); ?>
    <button class="btn btn-sm btn-outline--info " data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" type="button" aria-controls="offcanvasRight"><i class="las la-filter"></i> <?php echo app('translator')->get('Filter'); ?></button>
    <a class="btn btn-sm btn-outline--primary " href="<?php echo e(route('admin.game.create')); ?>"><i class="las la-plus"></i><?php echo app('translator')->get('Add New'); ?></a>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('script-lib'); ?>
    <script src="<?php echo e(asset('assets/admin/js/moment.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/global/js/daterangepicker.min.js')); ?>"></script>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('style-lib'); ?>
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/css/daterangepicker.css')); ?>">
<?php $__env->stopPush(); ?>
<?php $__env->startPush('script'); ?>
    <script>
        (function($) {
            "use strict"

            const datePicker = $('.date-range').daterangepicker({
                autoUpdateInput: false,
                locale: {
                    cancelLabel: 'Clear'
                },
                showDropdowns: true,
                ranges: {
                    'Today': [moment(), moment()],
                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                    'Last 15 Days': [moment().subtract(14, 'days'), moment()],
                    'Last 30 Days': [moment().subtract(30, 'days'), moment()],
                    'This Month': [moment().startOf('month'), moment().endOf('month')],
                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
                    'Last 6 Months': [moment().subtract(6, 'months').startOf('month'), moment().endOf('month')],
                    'This Year': [moment().startOf('year'), moment().endOf('year')],
                },
                maxDate: moment()
            });
            const changeDatePickerText = (event, startDate, endDate) => {
                $(event.target).val(startDate.format('MMMM DD, YYYY') + ' - ' + endDate.format('MMMM DD, YYYY'));
            }


            $('.date-range').on('apply.daterangepicker', (event, picker) => changeDatePickerText(event, picker.startDate, picker.endDate));


            if ($('.date-range').val()) {
                let dateRange = $('.date-range').val().split(' - ');
                $('.date-range').data('daterangepicker').setStartDate(new Date(dateRange[0]));
                $('.date-range').data('daterangepicker').setEndDate(new Date(dateRange[1]));
            }

        })(jQuery)
    </script>
<?php $__env->stopPush(); ?>

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