@extends('adminlte::page')

@section('title', 'SEO Records')

@section('content_header')
    <h1>Subscription</h1>
@stop

@section('content')
    <div class="card card-dark">
        <div class="card-header">
            <h3 class="card-title">Subscription List</h3>
            {{-- <a href="#!" class="btn btn-dark float-right">
                <i class="fas fa-plus"></i> Add Subscription
            </a> --}}
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-hover table-striped w-100" id="subscribe-table">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Email</th>
                            <th>subscribed At</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
        
    </div>
@stop

@section('js')
    <script>
        $(document).ready(function () {
            $('#subscribe-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('subscribe.list') }}", 
                columns: [
                    { data: 'id', name: 'id' },        
                    { data: 'email', name: 'email' },  
                    { data: 'subscribed_at', name: 'subscribed_at' },  
                    { 
                        data: 'action',               
                        name: 'action', 
                        orderable: false, 
                        searchable: false 
                    }
                ],
            });
        });
    </script>
@stop