@extends('admin.layouts.cmlayout')
@section('body')
<!-- Begin Page Content -->

<div class="container-fluid">
  <div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Newsletter</h1>
  </div>
  <div class="row">
        <div class="col-xl-12 col-md-12">
          <div class="card shadow mb-4">
            <div class="card-body">
              <div class="table-responsive">

                 <form method="post" action="{{route('newslatter.emailform')}}" class="user">
                   @csrf
                     <input type="hidden" value="1" name="id">

                <table class="table table-bordered" id="dataTableusers" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th><input type="checkbox" id="chkall" onclick="checkAll()" class=" chkstyle">Check All</th>
                      <th>Name</th>
                      <th>Email</th>
                      <th>Status</th>
                      <th>Action</th>
                    </tr>
                  </thead>
                  <tbody>
                                            @forelse($usrt as $row)
                        <tr>
                             <td><input type="checkbox" name="checkbox[]" value="{{$row->id}}" class=" chkstyle checkboz"></td>
                             <td>{{$row->name}}</td>
                             <td>{{$row->email}}</td>
                             <td>
                             @if($row->status == 0)
                              <a title="Click to Enable" href="{{route('newsletter.status', ['g' => $row->id, 's' => 1])}}" class="tableLink"><img alt="Click to Enable" src="/assets/images/off.png" /></a> Disabled
                            @else
                              <a title="Click to Disable" href="{{route('newsletter.status', ['g' => $row->id, 's' => 0])}}" class="tableLink"><img title="Click to Disable" src="/assets/images/on.png" /></a> Enabled
                            @endif
                             </td>
                             <td><a title="Click to Delete" href="javascript:void(0)" class="anchorLess" onclick="deletesubscriber(this,{{$row->id}});"><i class="fas fa-trash danger" aria-hidden="true" ></i></a></td>
                        </tr>
                                                @empty
                        <tr>
                            <td colspan="14" class="text-center">No record found</td>
                        </tr>
                     @endforelse 
                  </tbody>
                </table>
                    <div class="mt-1 mb-1">
                      <div class="text-left d-print-none mt-4">
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="submit" id="edit-genre-btn" class="btn btn-primary">Send Email</button>
                      </div>
                                         
                   </div>

                 </form>
              </div>
            </div>
          </div>
        </div>
  </div>
</div>

<script type="text/javascript">
  function checkAll(){
    var active = jQuery('#chkall').prop("checked") ? 1 : 0 ;
    if (active == 1) {
      jQuery('.checkboz').prop('checked', true);  
    }else{
      jQuery('.checkboz').prop('checked', false); 
    }
 }
</script>
<script type="text/javascript">
  function deletesubscriber(obj, pid) {
      var result = confirm("Are you sure you want to delete this Subscriber ?");
      if (result) {
          jQuery.ajax({
              method: 'POST',
              url: '/admin/newsletter/del',
              dataType: 'json',
              data: {
                  'id': pid,
                  '_token': jQuery('meta[name="csrf-token"]').attr('content'),
              },
              success: function(data) {
                  // location.reload(true);
              },
              error: function(data) {
                  alert(data.msg);
              },
          });
      } else {
          return false;
      }
  }
</script>
@endsection