@extends('layouts.admin.app')
@section('content')
    
      <div class="pd-30">
        <h4 class="tx-gray-800 mg-b-5 title" >Use Profile Survey </h4>
      </div><!-- d-flex -->
      <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">
             <div class="table-responsive" style="overflow:auto">
             @if(count($useprofileData) > 0)
            <table id="example" class="table" >
              <thead class="thead-colored">
                <tr>
                  <th>Sr. No</th>
                  <th>Action</th>
                  <th>UUID</th>
                  <th>Preregistration Number</th>
                  <th>Buyer Name</th>
                  <th>Company Name</th>
                  <th>Region</th>
                </tr>
              </thead>
              <tbody>
                @php $i = 1; @endphp
                @foreach($useprofileData as $key => $n)
                <tr>
                    <td scope="row">{{$i++}}</td>
                    <td style="display:flex"> 
                        <a href="/gpclrmainportal/use-profile-survey-show/{{base64_encode($n->id)}}" class="btn-action-view " title="View Use Profile Survey" style="padding: 10px;margin: 8px;"><i class="fas fa-eye action-icon"></i></a>
                        <a  data-pkparameter="{{$n->id}}" href="#" class="use_profile_survey btn-action-edit" title="Delete Use Profile Survey"  style="padding: 12px;margin: 8px;"><i class="fas fa-trash-alt"></i></a>
                    </td>
                    <td>{{$n->uuid}}</td>
                    <td>{{$n->preregistration_no}}</td>
                    <td>{{$n->buyer_name}}</td>
                    <td>{{$n->company_name}}</td>
                    <td>{{$n->Region->name}}</td>
                </tr>
               @endforeach
              </tbody>
            </table>
             @else
                <h4 class="text-center">USER RECORD NOT FOUND</h4>
            @endif
          </div>
        </div>
      </div>
          </div>
     

@endsection
@section('scripts')
<script>
  $('.use_profile_survey').on('click', function(){
    var primaryid = $(this).attr('data-pkparameter');
    swal({
    icon:"warning",
    title:"Are you sure",
    text:"You want to delete the use profile survey?",
    showCancelButton:true,
    dangerMode: true,
    }).then((willDelete) => {
      $("#exampleModalLoader").modal({backdrop: 'static', keyboard: false});
    if (willDelete) {
      $.ajax({
            type: "POST",
            dataType: "json",
            url:'/gpclrmainportal/user-profile-survey/'+ primaryid,
            success: function(data){
              console.log(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,
                })
                window.location.reload();
              }
              
            },
            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");
   }) 
  })

  $(function() {
    $('.toggle-class').change(function() {
        var status = $(this).prop('checked') == true ? 1 : 0; 
        var user_id = $(this).data('id'); 
        //  alert(user_id);
        $.ajax({
            type: "GET",
            dataType: "json",
            url: '/changeStatus',
            data: {'status': status, 'user_id': user_id},
            success: function(data){
              // console.log(data.success)
            }
        });
    })
  })
  $(document).ready(function(){
  $("#myform").on("submit", function(){
    $("#exampleModalLoader").modal({backdrop: 'static', keyboard: false});
  });
})
</script>
@endsection