@extends('admin.layouts.app')

@section('title', 'Active Customers Report')

@push('styles')
<style>
.badge {
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 8px;
}
</style>
@endpush

@section('content')
<h4 class="font-weight-bold py-3 mb-0">Active Customers Report</h4>

<div class="card" style="padding: 10px;">
  <div class="card-datatable">
    <table id="example" class="table table-striped table-bordered nowrap" style="width:100%">
      <thead>
        <tr>
          <th>Name</th>
          <th>Phone</th>
          <th>Address</th>
          <th>Package Expiry</th>
          <th>Registered</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($rows as $row)
          <tr>
            <td>{{ $row->Fname }} {{ $row->Lname }}</td>
            <td>{{ $row->Phone }}</td>
            <td>{{ $row->Address }}</td>
            <td>{{ $row->Validity ? date('d-M-Y', strtotime($row->Validity)) : 'N/A' }}</td>
            <td>{{ $row->CreatedDate ? date('d-M-Y', strtotime($row->CreatedDate)) : '' }}</td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
  $('#example').DataTable({
    order: [[0, 'asc']],
    responsive: false,
    dom: 'Bfrtip',
    buttons: [
      'excelHtml5'
    ]
  });
});
</script>
@endpush