@extends('layouts.admin.app')
@section('content')
    <div class="pd-30">
        <div class="col-sm-12 col-xl-12 " style="display: flex;">
          <h4 class="col-sm-8 col-xl-8 tx-gray-800 mg-b-5 title" style="">Company</h4>
          <div class="col-sm-4 col-xl-4" style="text-align:end">
          <a href="/gpclrmainportal/company/create" class="btn btn-primary" style="border-radius: 0px;">Add</a>
        </div>
        </div>
    </div>
    <div class=" br-pagebody mg-t-5 pd-x-30">
      <div class="br-section-wrapper row row-sm p-20">       
        <div class="col-sm-12 col-xl-12" style="padding-bottom: 20px">
          <form method="post" action="/gpclrmainportal/search-company">
            @csrf @method('post')
            <div class="row">
              <div class="col-md-4">
                <label>Select UUID(Company Name)</label>
                <select class="form-control m-select2 m-select2-general" name="uuid" id="uuid">
                  <option value="">Select UUID</option>
                  @foreach($data as $key => $n)
                  <option value="{{$n->uuid}}" >{{$n->uuid}}({{$n->company_name}})</option>
                  @endforeach
                </select>
              </div>
              <div class="col-md-4">
                <a href="company" class="btn btn-style2 text-white" style="margin-top: 29px;">Clear</a>
                <button class="btn btn-style1 text-white" type="submit" style="margin-top: 29px;">Search</button>
              </div>
            </div>
          </form>
        </div>
        <hr>
        <div class="col-sm-12 col-xl-12">
          <div class="table-responsive" style="overflow-x:auto;">
            <table id="example" class="table responsive  dataTable no-footer dtr-inline" >
            @if(count($companies) > 0)
            <thead class="thead-colored">
              <tr>
                <th>Sr. No</th>
                <th>Email</th>
                <th>Company Name</th>
                <th>UUID</th>
                <th>Login Credential</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              @php $i = 1; 
              @endphp
              @foreach($companies as $key => $n)
              <tr>
                <td scope="row">{{$i++}}</td>
                <td>{{$n->e_mail}}</td>
                <td>{{$n->company_name}}</td>
                <td>{{$n->uuid}} <br>  
                @if($n->status == 0)
                  <span class="badge-danger">Deactive</span>
                  @else
                    <span class="badge-success">Active</span>
                  @endif</td>
                <td>
                  @if(DB::table('users')->where('uuid', $n->uuid)->exists())
                  <a href="#" data-pkparameter="{{$n->id}}"  data-company="{{$n->company_name}}" data-uniquekey="{{$n->uuid}}" class="resend_user_credential btn btn-style1 text-white" title="Resend Login Credential ">User Exists</a>
                  @else
                    <a href="#" class="send_user_details btn btn-style2 text-white" data-pkparameter="{{$n->id}}" data-uniquekey="{{$n->uuid}}" title="Create User Credential And Send To User Via EMail" data-company="{{$n->company_name}}">Send User Details</a>
                  @endif
                </td>
                <td> 
                <div class="d-flex">
                  <a href="/gpclrmainportal/company-cas/{{base64_encode($n->uuid)}}" class="btn-action-view " style="padding: 10px;margin: 8px;"><i class="fas fa-eye action-icon"></i></a>
                  <a href="/gpclrmainportal/company/{{$hashids->encode($n->id)}}/edit" class="btn-action-edit" style="padding: 12px;margin: 8px;"><i class="fas fa-pen-square action-icon"></i></a>
                  </div>
                <!-- <form method="post" action="/gpclrmainportal/company/changestatus" class="d-flex">
                  @csrf @method('post')
                  
                  <input type="hidden" name="id" value="{{$n->id}}">
                  <input type="hidden" name="status" value="{{$n->status}}">
                  <button  style="border: none;padding: 10px;margin: 8px;" class="btn-action-status" onclick="return confirm('Are you sure you want to  change status of this record?');">
                    @if($n->status == 1)
                    <i class="fas fa-toggle-on action-icon"></i>
                    @else
                    <i class="fas fa-toggle-off action-icon"></i>
                    @endif
                  </button> -->
                </form>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
            @else
              <h4 class="text-center">No User Found</h4>
          @endif
          <br>
          {{$companies->links()}}
        </div>
      </div>
    </div>
  </div>  
@endsection
@section('scripts')
<script src="{{ asset('admin/js/select2.js') }}" type="text/javascript" defer></script>
<script src="{{ asset('admin/js/select2.min.js') }}" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js" defer></script>
<script>
  $('.send_user_details').on('click', function(){
    var primaryid = $(this).attr('data-pkparameter');
    var uuid = $(this).attr('data-uniquekey');
    var company = $(this).attr('data-company');
    swal({
    icon:"warning",
    title:"Are you sure",
    text:"You want to mail the credential to user?",
    showCancelButton:true,
    dangerMode: true,
    }).then((willDelete) => {
      $("#exampleModalLoader").modal({backdrop: 'static', keyboard: false});
    if (willDelete) {
      $.ajax({
            type: "POST",
            dataType: "json",
            url:'/gpclrmainportal/send-user-credential',
            data:{'primaryid':primaryid,'uuid':uuid,'company':company},
            success: function(data){
              $("#exampleModalLoader").modal("hide");
              if(data.error)
              {
                swal({
                icon:"warning",
                title:data.error,
                showCancelButton:true,
                dangerMode: true,
                })
              }
              if(data.success)
              {
                swal({
                icon:"success",
                title:data.success,
                showCancelButton:true,
                dangerMode: true,
                })
              }
              
            },
            error:function(data){
              $("#exampleModalLoader").modal("hide");
              // console.log(data);
              swal({
                icon:"warning",
                title:"Something went wrong. Please try again",
                showCancelButton:true,
                dangerMode: true,
                })
            }
         });
    }
    $("#exampleModalLoader").modal("hide");
   }) 
  })
  $('.resend_user_credential').on('click', function(){
    var primaryid =btoa( $(this).attr('data-pkparameter'));
    var uuid =btoa( $(this).attr('data-uniquekey'));
    var company =btoa( $(this).attr('data-company'));
   
    swal({
    icon:"warning",
    title:"Are you sure",
    text:"You want to resend the login credential?",
    showCancelButton:true,
    dangerMode: true,
    }).then((willDelete) => {
      $("#exampleModalLoader").modal({backdrop: 'static', keyboard: false});
    if (willDelete) {
      $.ajax({
            type: "POST",
            dataType: "json",
            url:'/gpclrmainportal/resend-user-credential',
            data:{'primaryid':primaryid,'uuid':uuid,'company':company},
            success: function(data){
              $("#exampleModalLoader").modal("hide");
              console.log(data);
              if(data.error)
              {
                swal({
                icon:"warning",
                title:data.error,
                showCancelButton:true,
                dangerMode: true,
                })
              }
              if(data.success)
              {
                swal({
                icon:"success",
                title:data.success,
                showCancelButton:true,
                dangerMode: true,
                })
              }
              
            },
            error:function(data){
              $("#exampleModalLoader").modal("hide");
              console.log(data);
              swal({
                icon:"warning",
                title:"Something went wrong. Please try again",
                showCancelButton:true,
                dangerMode: true,
                })
            }
         });
    }
    $("#exampleModalLoader").modal("hide");
   }) 
  })
  
</script>


 
@endsection