@extends('admin.includes.master')

@section('content')

  <div class="header bg-primary pb-0">
    <div class="container-fluid">
      <div class="header-body">
        <div class="row align-items-center py-2">
          <div class="col-lg-6 col-7">
            <h6 class="h4 text-white d-inline-block mb-0">Verified Users</h6>
          </div>
        </div>
      </div>
    </div>
  </div>

    <div class="container">
      <div class="flash-message">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
          @if(Session::has('alert-' . $msg))
              <p class="alert alert-{{ $msg }}" style="color:#ffff;">{{ Session::get('alert-' . $msg) }}
               <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>
              {{ session()->forget('alert-' . $msg) }}
            @endif
          @endforeach
       </div> <!-- end .flash-message -->

     <div class="card">
        <div class="card-header">
          <div class="row">
            <div class="col">
              <div class="d-flex justify-content-between">
                <div class="btn-group text-left m-0 p-0 ">
                  <button type="button" class="btn btn-outline-primary btn-sm  msg"  id="email_btn" value="email" 
                    onclick="getEmailModal('USER');" title="Email">
                    Email
                  </button>
                  
                  <button type="button" class="btn btn-outline-primary btn-sm"  id="sms_btn"  value="sms" onclick="getSmsModal('USER');" title="Sms">
                    SMS
                  </button>

                  <button type="button" class="btn btn-outline-primary btn-sm"  id="whats_app_btn"  value="whats_app" onclick="getWhatsAppModal('USER');" title="Sms">
                    WHATS APP
                  </button>
                </div>
              </div>
            </div>
            <div class="col text-right">
              <button type="button" class="btn btn-outline-danger btn-sm"  id="delete_user"  value="delete_user" onclick="deleteUsers();" title="Delete">
                Delete
              </button>
            </div>
          </div>
        </div>
        
        <div class="card-body p-1">
          <div class="table-responsive py-4">
            <table id="table" class="table table-hover table-flush " style="width:100%">
              <thead class="thead-light">
                  <tr class="text-center">
                      
                      <th class="p-1">SN</th>
                      <th class="p-1">Action</th>
                      <th class="p-1"><input name="select_all"  id="select_all" type="checkbox" /></th>
                      <th class="p-1">Acc Date</th>
                      <th class="p-1">Name</th>
                      <th class="p-1">Contact</th>
                      <th class="p-1">Profile %</th>
                      <th class="p-1">City</th>
                      <th class="p-1">Membership Expiry</th>
                      <th class="p-1">Experience</th>
                      <th class="p-1">Rank</th>
                      <th class="p-1">Department</th>
                      
                  </tr>
              </thead>
            </table>
          </div>
        </div>
     </div>
  </div>

<div class="modal" id="userInfoModal" tabindex="-1" role="dialog" aria-labelledby="userInfo" aria-hidden="true">
  <div class="modal-dialog modal-dialog-top modal-lg " role="document">
    <div class="modal-content">
      <div class="modal-header bg-gradient-primary pb-1 pt-2">
        <h5 class="modal-title text-white" id="">User Information</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
        <div class="modal-body" id="userInfoBody">
          
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Close</button>
        </div>
      </form>
    </div>
  </div>
</div>


@endsection

@section('script')
@include('admin.user.userScript')  
<script type="text/javascript">

$(document).ready(function(){
  const url="{{ url('admin/verified_user') }}";
  $('#table').DataTable({
      processing: true,
      serverSide: true,
      language: {
        paginate: {
          next: '&#8594;', // or '→'
          previous: '&#8592;' // or '←'
        }
      },
      columnDefs:[
              {
                targets: 3,
                className: 'text-left',
                createdCell: function (td, cellData, rowData, row, col) {
                    $(td).css('padding', '3px')
                },
              },
              {
                targets: 9,
                className: 'text-center',
                createdCell: function (td, cellData, rowData, row, col) {
                    $(td).css('width', '200px');
                    $(td).css('padding', '0px');
                    $(td).css('margin', '0px');
                }
              },
              {
                targets: 9,
                className: 'text-center',
                createdCell: function (td, cellData, rowData, row, col) {
                    $(td).css('padding', '0px')
                }
              },
              {
                targets: '_all',
                className: 'text-center',
                createdCell: function (td, cellData, rowData, row, col) {
                    $(td).css('padding', '3px')
                }
              }
            ],
            dom:'lfBrtip',
            buttons: [
                      { extend: 'print', className: 'btn btn-outline-danger btn-sm p-1 py-0 px-0' },
                      { extend: 'copy', className: 'btn btn-outline-info btn-sm p-1 py-0 px-0' },
                      { extend: 'excel', className: 'btn btn-outline-warning btn-sm p-1 py-0 px-0' },
                      { extend: 'csv', className: 'btn btn-outline-success btn-sm p-1 py-0 px-0' },
                      { extend: 'pdf', className: 'btn btn-outline-default btn-sm p-1 py-0 px-0' },
                  ],
    ajax: {
          url:url,
          type: "GET",
          data: function (d) {
          // d.search_batch = $('#search_batch').val();
          // d.search_course = $('#search_course').val();
          // d.search_extra = $('#search_extra').val();
       }
      },
      columns: [
                {data: 'index', orderable: false, searchable: false},
                {data: 'action', name: 'action'},
                {data: 'checkbox', name: 'checkbox', orderable: false, searchable: false }, 
                {data: 'created_at', name: 'created_at'},
                {data: 'username', name: 'username'},
                {data: 'contact_no', name: 'contact_no'},
                {data: 'percentage_total', name: 'percentage_total'},
                {data: 'city', name: 'city'},
                {data: 'membership_expiry', name: 'membership_expiry'},
                {data: 'experience', name: 'experience'},
                {data: 'ranking', name: 'ranking'},
                {data: 'desired_department', name: 'desired_department'},
          ],
      });
    });
// ***************** SEARCH BUTTON
$('#btnFiterSubmitSearch').click(function(){
    $('#users').DataTable().draw(true);
 });

function updateRanking(id){
   var ranking=$('#rankingId_'+id).val();
   const url="{{ url('admin/verified_user/update_ranking') }}";

   if(ranking){
      $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }   });
      $.ajax({
              method: "POST",
              url:url,
              data: {'id':id,'ranking':ranking},
              success: function(data) {       
                // if(data.status==1){
                //   alert("Rank Updated !!!");
                // }else{
                //   alert("Rank Not Updated !!!");
                // }
                alert(data.message);
              }
          });
    }else{
      alert("Select User");
    }

}


</script>
  
@endsection