@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')
{{-- <nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Tables</a></li>
    <li class="breadcrumb-item active" aria-current="page">Data Table</li>
  </ol>
</nav> --}}

@if(Session::has('msg'))
    <div class="alert alert-danger" role="alert">
      {{ Session::has('msg') ? Session::get("msg") : '' }}
    </div>
@elseif(Session::has('success'))
    <div class="alert alert-success" role="alert">{{Session::get("success")}}</div>
@endif

<div class="row">
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <h6 class="card-title" style="text-transform: none !important;">Super Distributor</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>Refferal</th>
                <th>Credit</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
                @php
                    $sl_no = 1;
                @endphp
              @foreach($data as $value)
              @if(Session::get('role')=="Admin")
                  <tr role="row" class="odd">
                      <td class=""></td>
                      <td><a href="{{ url('detail/'.$value['_id']) }}">{{$value['userName']}}<i class="mdi mdi-eye"></i></a></td>
                      <td>{{$value['name']}}</td>
                      <td class="sorting_1">
                            {{$value['refer']}}
                      </td>
                      <td>{{number_format($value['creditPoint'],2)}}</td>
                      <td>
                            <div class="btn-group">
                                <a href="{{ url('super/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>
                @endif
              @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/sweetalert2/sweetalert2.min.js') }}"></script>
  <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>
@endpush

@push('custom-scripts')
  <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'
          )
        }
      })
    });
  </script>
@endpush