@extends('main.layouts.app')
@section('content')
<link rel="stylesheet" href="{{ asset('assets/css/game.css') }}">
    <style>
        body,
        html {
            min-height: 100%;
            overflow-x: hidden;
        }

        .date h3 {
            font-size: 11px;
            line-height: 11px;
            color: #1f365c;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .date span {
            font-size: 10px;
        }


        .section .section-header {
            flex-wrap: wrap;
            margin-bottom: 20px !important;
        }


        .br-20 {
            border-radius: 20px;
        }

        .align-middle {
            vertical-align: middle;
        }

        .color_box {
            width: 10%;
            margin: 1px;
            display: flex;
            flex-direction: column;
        }

        .bet_20 {
            width: 20%;
        }

        div.clock {
            font-size: 26px;
            line-height: 28px;
            color: #1f365c;
            padding-right: 0px;
            margin-bottom: 0;
            font-weight: bold;
        }

        .autopull-header h5 {
            font-size: 16px;
            line-height: 28px;
            color: #1f365c;
            padding-right: 0px;
            margin-bottom: 0;
        }

        .autopull-header h3 {
            font-size: 26px;
            line-height: 28px;
            color: #1f365c;
            padding-right: 0px;
            margin-bottom: 0;
            font-weight: bold;
        }



        .card .card-header {
            width: 100%;
            min-height: 0px;
        }


        .card .card-header h4 {
            font-size: 16px;
            line-height: 28px;
            color: #1f365c;
            padding-right: 0px;
            margin-bottom: 0;
        }

        .bg_blue_color {
            border-radius: 20px !important;
            background-color: #0E194D !important;
        }

        .depo {
            font-size: 14px;
        }

        .dash-text {
            text-align: center;
        }

        .color_cover_box {
            display: flex;
        }

        .bet_head {
            font-size: 18px;
            font-weight: 800;
        }

        @media (max-width:767px) {
            .autopull-header h3 {
                font-size: 13px;
                line-height: 14px;
                color: #1f365c;
            }

            .depo {
                font-size: 15px;
            }

            .autopull-header h5 {
                font-size: 13px;
                line-height: 15px;
                color: #1f365c;
                padding-right: 0px;
                margin-bottom: 0;
            }

            .color_box {
                width: 32%;
                margin: 1px;
                display: inline-flex;
            }

            .color_cover_box {
                display: block;
            }
        }

        @media (max-width:540px) {
            .color_box {
                width: 48%;
                margin: 1px;
            }

        }
    </style>

    <div class="main-content">

        <section class="section">
            <div class="section-header d-block bg_blue_color mb-0">
                <div class="row">
                    <div class="col-12">
                        <div class="d-flex align-items-center justify-content-between">
                            <div>
                                <div class="dash-text">
                                    <h5 class="text-white depo mb-0">
                                        <a href="/admin/dashboard"><img src="/img/homepage.png" alt="image"> </a>
                                        Bet History
                                    </h5>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="section-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card card-statistic-1">
                           
                            <div class="">
                                <div class="white_shd full margin_bottom_30">
                                   <div class="full graph_head">
                                      <div class="heading1 margin_0 d-flex">
                                         <h2>Bet History</h2>
                                         <span class="balance-amount">
                                                            Wallet - ₹{{ number_format($adminData->admin_aviator_winning_wallet, 2) }}
                            </span>
                                      </div>
                                   </div>
                                   <div class="table_section padding_infor_info">
                                      <div class="table-responsive-sm">
                                         <table id="exam" class="table table-striped" style="width:100%">
                                            <thead class="thead-dark">
                                               <tr>
                                                  <th>Id</th>
                                                  <th>Game Serial No</th>
                                                  <th>Amount</th>
                                                  <th>UserName</th>
                                                  <th>Date</th>
                                               </tr>
                                            </thead>
                                            <tbody>
                                              @foreach($bets as $item)
                                               <tr>
                                                  <td>{{$item->id}}</td>
                                                  <td>{{$item->gamesno}}</td>
                                                  
                                                  <td>{{$item->amount}}</td>
                                                  <td>{{$item->username}}</td>
                                                  
                                                  <td>{{$item->datetime}}</td>
                                                  
                                               </tr>
                                               @endforeach
                                            </tbody>
                                         </table>
                                          
                                          <nav aria-label="Page navigation example">
                                  <ul class="pagination justify-content-center">
                                      <li class="page-item {{ $bets->onFirstPage() ? 'disabled' : '' }}">
                                          <a class="page-link" href="{{ $bets->url(1) }}" aria-label="First">
                                              <span aria-hidden="true">&laquo;&laquo;</span>
                                          </a>
                                      </li>
                                      <li class="page-item {{ $bets->onFirstPage() ? 'disabled' : '' }}">
                                          <a class="page-link" href="{{ $bets->previousPageUrl() }}" aria-label="Previous">
                                              <span aria-hidden="true">&laquo;</span>
                                          </a>
                                      </li>
                              
                                      @php
                                          $half_total_links = floor(9 / 2);
                                          $from = $bets->currentPage() - $half_total_links;
                                          $to = $bets->currentPage() + $half_total_links;
                              
                                          if ($bets->currentPage() < $half_total_links) {
                                              $to += $half_total_links - $bets->currentPage();
                                          }
                              
                                          if ($bets->lastPage() - $bets->currentPage() < $half_total_links) {
                                              $from -= $half_total_links - ($bets->lastPage() - $bets->currentPage()) - 1;
                                          }
                                      @endphp
                              
                                      @for ($i = $from; $i <= $to; $i++)
                                          @if ($i > 0 && $i <= $bets->lastPage())
                                              <li class="page-item {{ $bets->currentPage() == $i ? 'active' : '' }}">
                                                  <a class="page-link" href="{{ $bets->url($i) }}">{{ $i }}</a>
                                              </li>
                                          @endif
                                      @endfor
                              
                                      <li class="page-item {{ $bets->hasMorePages() ? '' : 'disabled' }}">
                                          <a class="page-link" href="{{ $bets->nextPageUrl() }}" aria-label="Next">
                                              <span aria-hidden="true">&raquo;</span>
                                          </a>
                                      </li>
                                      <li class="page-item {{ $bets->currentPage() == $bets->lastPage() ? 'disabled' : '' }}">
                                          <a class="page-link" href="{{ $bets->url($bets->lastPage()) }}" aria-label="Last">
                                              <span aria-hidden="true">&raquo;&raquo;</span>
                                          </a>
                                      </li>
                                  </ul>
                              </nav>
                                          
                                          
                                          
                                      </div>
                                   </div>
                                </div>
                              </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div> <!-- page-wrapper -->
@endsection