@extends('admin.layouts.main-layout')
 @section('content')
<div class="card">
        <div class="card-header">
            <h3 class="card-title">User Winner List</h3>
        </div>
        <!-- <div align="left">
            <a href="{{ url('admin/game-winner/create') }}" class="btn btn-info">Add New </a>
        </div> -->
        <!-- /.card-header -->
          <div align="left">
              <a href="{{ url('admin/userwinner/excel') }}" class="btn btn-info">Excel </a>
          </div>
        <div class="card-body">
            @if(session()->has('message'))
                <div class="alert alert-success">
                    {{ session()->get('message') }}
                </div>
            @endif
            <div id="example1_wrapper" class=" dt-bootstrap4">
                <div class="row">
              <div class="col-xs-12">
                <form role="form" method="get" action="">
                  <div class="box-body">
                    <div class="row">
                      <div class="col-md-6">
                        <div class="form-group">
                         <!--  <input type="text" name="search_date" id="search_by_name-btn" class="form-control" placeholder="Search by  Name " value="{{Request::get('search_date')}}"> -->
                         <input name="search_date" id="birthday" class="date-picker form-control" placeholder="dd-mm-yyyy" type="text" required="required" type="text" onfocus="this.type='date'" onmouseover="this.type='date'" onclick="this.type='date'" onblur="this.type='text'" onmouseout="timeFunctionLong(this)" value="{{Request::get('search_date')}}">
                        <script>
                          function timeFunctionLong(input) {
                            setTimeout(function() {
                              input.type = 'text';
                            }, 60000);
                          }
                        </script>
                        </div>
                      </div>
                     
                      
                      <div class="col-md-6">
                       <button type="submit" class="btn btn-success mr-2">Search</button>
                       <a href="{{url('admin/user-winner')}}" class="btn btn-info">Reset</a>
                     </div>
                   </div>
                 </div>
               </form>
             </div>
           </div>
                <div class="row">
                    <div class="col-sm-12">
                        <table id="example1" class="table table-bordered table-striped dataTable" role="grid"
                               aria-describedby="example1_info">
                            <thead>
                            <tr role="row">
                                <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                                    aria-sort="ascending"
                                    aria-label="Rendering engine: activate to sort column descending"
                                    style="width: 60px;">#
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                                    aria-label="Browser: activate to sort column ascending" style="width: 207px;">
                                    Stores Name
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                                    aria-label="Browser: activate to sort column ascending" style="width: 207px;">
                                    User Name
                                </th>
                               
                                <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                                    aria-label="Browser: activate to sort column ascending" style="width: 207px;">
                                   Bit Place  
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                                    aria-label="Browser: activate to sort column ascending" style="width: 207px;">
                                   Type
                                </th>
                                 
                                  <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                                    aria-label="Browser: activate to sort column ascending" style="width: 207px;">
                                   Winning Amount 
                                </th>
                                <!--<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"-->
                                <!--    aria-label="Platform(s): activate to sort column ascending" style="width: 183px;">-->
                                <!--    Status-->
                                <!--</th>-->
                                <!--<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"-->
                                <!--    aria-label="CSS grade: activate to sort column ascending" style="width: 200px;">-->
                                <!--    Payment Status-->
                                <!--</th>-->
                                
                            </tr>
                            </thead>
                            <tbody>
                              @php 
                    $page=1;
                    if(Request::input('page'))
                    $page=Request::input('page');
                    $sort = $lists->perPage();
                  @endphp
                  @forelse($lists as $key => $list)
                
                        <tr>
                          <td>{{ $sort*($page-1)+($key+1) }}</td>
                          <td>
                            {{$list->Stores->name}}
                           
                          </td>
                          <td>
                            {{$list->username->name}}
                           
                          </td>
                        
                          
                           <td>
                             {{$list->open_time}}
                           
                          </td>
                           <td>
                             {{$list->type}}
                           
                          </td>
                           <td>
                             {{$list->amount}}
                           
                          </td>
          
                        </tr>
                         @empty
                  <tr>
                    <td colspan="9">Record not found </td>
                  </tr>
                  @endforelse
                            </tbody>
                   </table>
                    <div class="row">
              <div class="col-md-6 text-left" style="margin: 20px 0px;">
                Showing  {{$lists->firstItem()}} to {{$lists->lastItem()}} of {{$lists->total()}}
              </div>
              <div class="col-md-6 text-right">
                {!! $lists->appends(request()->input())->links() !!}
              </div>
            </div>
                  </div>
                </div>
              </div>
            </div>
          </div>


 @endsection
@section('js-content')
@endsection