@extends('layouts.admin')
@section('content')
<div class="page-header"><div class="page-block"><div class="row align-items-center">
    <div class="col-md-12"><ul class="breadcrumb"><li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">হোম</a></li><li class="breadcrumb-item"><a href="javascript: void(0)">মিডিয়া</a></li><li class="breadcrumb-item" aria-current="page">Subscribers</li></ul></div>
    <div class="col-md-12"><div class="page-header-title"><h2 class="mb-0">{{ __('Subscribers') }}</h2></div></div>
</div></div></div>

<div class="row mb-3"><div class="col-lg-12 text-end"><a href="{{ route('admin.subscriber.download')}}" class="btn btn-primary text-white"><i class="ti ti-download me-1"></i>{{ __('Download') }}</a></div></div>

<div class="card tbl-card">
    <div class="card-header"><h5>{{ __('All Subscribers') }}</h5></div>
    <div class="card-body">
        <div class="table-responsive">
            <table id="example" class="table table-hover table-borderless mb-0" cellspacing="0" width="100%">
                <thead><tr><th>{{ __("#Sl") }}</th><th>{{ __("Email") }}</th></tr></thead>
            </table>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
    "use strict";
    $('#example').DataTable({
        ordering: false, serverSide: true,
        ajax: '{{ route('admin.subscriber.datatables') }}',
        columns: [{ data: 'id', name: 'id' },{ data: 'email', name: 'email' }],
    });
    $(function() {
    });
</script>
@endsection