@extends('layout.master')

@push('plugin-styles')
<link href="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/datatables-net/dataTables.bootstrap4.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/@mdi/css/materialdesignicons.min.css') }}" rel="stylesheet" />
@endpush

@section('content')


<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <a href="{{url('player/index/a')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="a") ? 'active' : '' }}">A</a>
                <a href="{{url('player/index/b')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="b") ? 'active' : '' }}">B</a>
                <a href="{{url('player/index/c')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="c") ? 'active' : '' }}">C</a>
                <a href="{{url('player/index/d')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="d") ? 'active' : '' }}">D</a>
                <a href="{{url('player/index/e')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="e") ? 'active' : '' }}">E</a>
                <a href="{{url('player/index/f')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="f") ? 'active' : '' }}">F</a>
                <a href="{{url('player/index/g')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="g") ? 'active' : '' }}">G</a>
                <a href="{{url('player/index/h')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="h") ? 'active' : '' }}">H</a>
                <a href="{{url('player/index/i')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="i") ? 'active' : '' }}">I</a>
                <a href="{{url('player/index/j')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="j") ? 'active' : '' }}">J</a>
                <a href="{{url('player/index/k')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="k") ? 'active' : '' }}">K</a>
                <a href="{{url('player/index/l')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="l") ? 'active' : '' }}">L</a>
                <a href="{{url('player/index/m')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="m") ? 'active' : '' }}">M</a>
                <a href="{{url('player/index/n')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="n") ? 'active' : '' }}">N</a>
                <a href="{{url('player/index/o')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="o") ? 'active' : '' }}">O</a>
                <a href="{{url('player/index/p')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="p") ? 'active' : '' }}">P</a>
                <a href="{{url('player/index/q')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="q") ? 'active' : '' }}">Q</a>
                <a href="{{url('player/index/r')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="r") ? 'active' : '' }}">R</a>
                <a href="{{url('player/index/s')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="s") ? 'active' : '' }}">S</a>
                <a href="{{url('player/index/t')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="t") ? 'active' : '' }}">T</a>
                <a href="{{url('player/index/u')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="u") ? 'active' : '' }}">U</a>
                <a href="{{url('player/index/v')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="v") ? 'active' : '' }}">V</a>
                <a href="{{url('player/index/w')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="w") ? 'active' : '' }}">W</a>
                <a href="{{url('player/index/x')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="x") ? 'active' : '' }}">X</a>
                <a href="{{url('player/index/y')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="y") ? 'active' : '' }}">Y</a>
                <a href="{{url('player/index/z')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="z") ? 'active' : '' }}">Z</a>
                <a href="{{url('player/index/all')}}" class="btn btn-sm btn-primary {{ (request()->segment(count(request()->segments()))=="all") ? 'active' : '' }}">ALL</a>
            </div>
        </div>
    </div>
</div>

<div class="row">
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <h6 class="card-title">Players</h6>
        {{-- <p class="card-description">Read the <a href="https://datatables.net/" target="_blank"> Official DataTables Documentation </a>for a full list of instructions and other options.</p> --}}
        <div class="table-responsive">
          <table id="dataTableExample" class="table table-bordered">
            <thead>
              <tr>
                <th>SL.No</th>
                <th>Username</th>
                <th>Name</th>
                <th>Details</th>
                <th>Credits</th>
                <th>Play Details</th>
                <th>Actions</th>
              </tr>
            </thead>
            <tbody>
                @php
                    $sl_no = 1;
                @endphp
              @foreach($player as $value)
                  <tr role="row" class="odd">
                      <td class=""></td>
                      <td><a href="{{ url('player/detail/'.$value['_id']) }}">{{$value['userName']}}<i class="mdi mdi-eye"></i></a></td>
                      <td>{{$value['name']}}</td>
                      <td class="sorting_1">
                        Retailer : 
                        <strong>Vijay</strong><br>
                        Distributor : 
                        <strong>CafeCoffeeDay</strong><br>
                        Super Distributor : 
                        <strong>Anna</strong><br>{{$value['refer']}}
                      </td>
                      <td>{{number_format($value['creditPoint'],2)}}</td>
                      <td></td>
                      <td>
                            <div class="btn-group">
                                <a href="{{ url('retailer/edit/'.$value['_id'])}}" type="button" class="btn btn-outline-info" title="Edit user"><i class="mdi mdi-pencil-box" style="font-size:20px;"></i></a>
                                <a href="{{ url('transfercredit/'.$value['_id']) }}" class="btn btn-outline-success" title="Transfer Credit"><i class="mdi mdi-package-up" style="font-size:20px;"></i></a>
                                <a href="{{ url('adjustcredit/'.$value['_id'])}}" class="btn btn-outline-warning" title="Adjust Credit"><i class="mdi mdi-package-down" style="font-size:20px;"></i></a>
                                @if($value['isActive']==1)
                                  <a href="{{ url('banuser/'.$value['_id'].'/'.$value['isActive'])}}" class="btn btn-outline-success" title="Ban User"><i class="mdi mdi-close-box" style="font-size:20px;"></i></a>
                                @elseif($value['isActive']==0)
                                  <a href="{{ url('banuser/'.$value['_id'].'/0')}}" class="btn btn-outline-danger" title="UnBan User"><i class="mdi mdi-checkbox-marked" style="font-size:20px;"></i></a>
                                @endif
                                @if(Session::get("role")=="Admin")
                                  <a href="{{ url('admin/delete/'.$value['_id'])}}" class="btn btn-outline-danger delete-confirm" title="delete"><i class="mdi mdi-delete" style="font-size:20px;"></i></a>
                                @endif
                            </div>
                            {{-- href="{{ url('users/delete/'.$value['_id'])}}" --}}
                      </td>
                      
                  </tr>
              @endforeach
                {{-- <tr role="row" class="odd">
                    <td class="">1306</td>
                    <td><a href="{{ url('detail/168')}}">100653 <i class="mdi mdi-eye"></i></a></td>
                    <td>Sham bhau </td>
                    <td class="sorting_1">500127</td>
                    <td>0.00</td>
                    <td>TN</td>
                    <td>46.00</td>
                    <td>
                        <div class="btn-group">
                            <a href="{{ url('users/edit/1306')}}" type="button" class="btn btn-outline-info" title="Edit user"><i class="mdi mdi-pencil-box" style="font-size:20px;"></i></a>
                            <a href="http://www.slcoupon.com/transfercredit/1306" class="btn btn-outline-success" title="Transfer Credit"><i class="mdi mdi-package-up" style="font-size:20px;"></i></a>
                            <a href="http://www.slcoupon.com/adjustcredit/1306" class="btn btn-outline-warning" title="Adjust Credit"><i class="mdi mdi-package-down" style="font-size:20px;"></i></a>
                            <a href="http://www.slcoupon.com/banuser/1306/1" class="btn btn-outline-success" title="Ban User"><i class="mdi mdi-checkbox-marked" style="font-size:20px;"></i></a>
                        </div>
                    </td>
                </tr> --}}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@push('plugin-scripts')
  <script src="{{ asset('assets/plugins/promise-polyfill/polyfill.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
  <script src="{{ asset('assets/plugins/datatables-net-bs4/dataTables.bootstrap4.js') }}"></script>
  <script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script>
@endpush

@push('custom-scripts')
<script src="{{ asset('assets/js/select2.js') }}"></script>
<script src="{{ asset('assets/js/datepicker.js') }}"></script>
<script src="{{ asset('assets/js/data-table.js') }}"></script>
  {{-- <script src="{{ asset('assets/js/sweet-alert.js') }}"></script> --}}
  <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
  <script type="text/javascript">
    $('.delete-confirm').on('click', function (event) {
      event.preventDefault();
      const url = $(this).attr('href');
      const swalWithBootstrapButtons = Swal.mixin({
        customClass: {
          confirmButton: 'btn btn-success',
          cancelButton: 'btn btn-danger'
        },
        buttonsStyling: false,
      })
      swalWithBootstrapButtons.fire({ 
        title: 'Are you sure?',
        text: "You won't be able to revert this!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonClass: 'ml-2',
        confirmButtonText: 'Yes, delete it!',
        cancelButtonText: 'No, cancel!',
        reverseButtons: true
      }).then((result) => {
        if (result.value) {
          window.location.href = url;
          swalWithBootstrapButtons.fire(
            'Deleted!',
            'Your file has been deleted.',
            'success'
          )
        } else if (
          // Read more about handling dismissals
          result.dismiss === Swal.DismissReason.cancel
        ) {
          swalWithBootstrapButtons.fire(
            'Cancelled',
            'Your imaginary file is safe :)',
            'error'
          )
        }
      })
    });
@endpush