@extends('layouts.admin')

@section('content')
<div class="card mb-3">
  <div class="card-header">
    <h5 class="mb-0">Membership Growth Trends (Last 5 Years)</h5>
  </div>
  <div class="card-body pt-0">
    <div class="dt-responsive table-sm table-responsive">
      <table id="basic-btn" class="table table-sm table-striped table-bordered nowrap">
        <thead class="bg-200 text-900">
          <tr>
            <th>Year</th>
            <th>New Members</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($growthTrends as $row)
          <tr>
            <td>{{ $row->year }}</td>
            <td>{{ $row->new_members }}</td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection
