@extends('layouts.admin_dynamic')

@section('content')
<div class="content-wrapper">
    <div class="" id="customerDetails">
        <!-- Content Header (Page header) -->
        <section class="content-header m-3"><h1>Notifications Groups
        
          {{-- <a class="btn btn-small btn-default pull-right ml-2" href="{{route('customers.export')}}" ><i class="fa fa-download"></i>&nbsp; {{__('export')}}</a> --}}
          <a class="btn btn-small btn-success pull-right" href="/Notification/Groups/New" >
            <i class="fa fa-plus"></i>&nbsp; {{__('Add')}}</a>
         </h1></section>
    
        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-xs-12">
                <div class="box box-success">
                  <div class="box-header">
                    @include('partials.filters', ['filter_route'=>url('/customers'), 'filter_id'=>'customerFilter'])
                  </div>
                <div class="box-body">
                    <div class="" id="customerTable">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>ICON</th>
                                    <th>GROUP NAME</th>
                                    <th>CONTACTS</th>
                                    <th>STATUS</th>
                                    <th>CREATED</th>
                                    <th class="text-center">ACTIONS</th>
                                  </tr>
                            </thead>
                            <tbody>
                                @foreach($groups as $group)
                                <tr>
                                  <td>
                                    {{ strtoupper(substr($group->name, 0, 1)) }}
                                  </td>
                                  <td>{{ $group->name ?? 'N/A' }}</td>
                                  <td>{{ $group->customers->count() ?? 0 }}</td>
                                  <td>
                                    @if($group->status == 'active')
                                      <span class="badge bg-success">Active</span>
                                    @else
                                      <span class="badge bg-danger">Inactive</span>
                                    @endif
                                  </td>
                        
                                  <td>{{ $group->created_at->format('Y-m-d') }}</td>
                                  <td class="text-center">
                                    <a href="{{ route('notification.edit', $group->id) }}" class="btn btn-sm btn-info">
                                      <i class="fas fa-pencil-alt"></i>
                                    </a>
                                  </td>
                                </tr>
                                @endforeach
                            </tbody>
                          </table>
                          {{-- @include('partials.pagination', ['items'=>$templates, 'index_route'=>route('notifications.index')]) --}}
                        </div>                </div>
                <!-- /.box-body -->
              </div>
              <!-- /.box -->
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->
          
         
    
        </section>
        <!-- /.content -->
      </div></div>
@endsection