@extends('backoffice.layouts.app')
@section('content')
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
        <div class="d-block mb-4 mb-md-0">
            <nav aria-label="breadcrumb" class="d-none d-md-inline-block">
                <ol class="breadcrumb breadcrumb-dark breadcrumb-transparent">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}">
                            <svg class="icon icon-xxs" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                                xmlns="http://www.w3.org/2000/svg">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6">
                                </path>
                            </svg>
                        </a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">Newsletters</li>
                </ol>
            </nav>
            <h2 class="h4">All Newsletters</h2>
        </div>
    </div>
    <div class="container-fluid">
        <div class="card card-body border-0 shadow table-wrapper table-responsive">
            <table class="table table-hover table-bordered pt-4" id="dataTablesTable">
                <thead>
                    <tr>
                        <th class="border-gray-200">#</th>
                        <th class="border-gray-200">Email</th>
                        <th class="border-gray-200">Created At</th>
                    </tr>
                </thead>
                <tbody>
                    @if (count($newsletters))
                        @foreach ($newsletters as $index => $item)
                            <tr>
                                <td>
                                    <a href="your-page-url" class="fw-bold text-center">{{ $index + 1 }}</a>
                                </td>
                                <td><span class="fw-normal">{{ $item->email ?? '' }}</span></td>
                                <td><span
                                        class="fw-normal">{{ \Carbon\Carbon::parse($item->created_at)->format('d-m-Y') ?? '' }}</span>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>
@endsection