@extends('cms::layouts.master', ['dataTable' => true])

@section('content')
    <x-page-header page-title="Email Subscribers" active-title="Email Subscribers" trash-link="{{ route('email-subscribers.trashed') }}" :trash-count="isset($trashCount) && $trashCount > 0 ? $trashCount : 0" back-link="{{ route('email-subscribers.index') }}" />

    <x-crud-table>
        <x-slot name="header">
            <th width="10%" class="text-center">SN</th>
            <th width="40%">Email</th>
            <th width="30%">Subscribe At</th>
            <th width="20%" class="text-center">Action</th>
        </x-slot>

        <x-slot name="body">
            @php
                $count = count($emailSubscribers);
            @endphp
            @foreach ($emailSubscribers as $email_subscriber)
                <tr>
                    <td class="text-center">
                        {{ $count-- }}
                    </td>
                    <td>{{ $email_subscriber->email }}</td>
                    <td>{{ \Carbon\Carbon::parse($email_subscriber->created_at)->format('d M, Y h:i A') }}</td>

                    <td class="text-center">

                        @if ($email_subscriber->deleted_at === null)
                        <x-table-actions :delete="true" route-prefix="email-subscribers" model-name="email_subscriber"
                            :model-id="$email_subscriber->id" />
                        @else
                        <x-table-actions :restore="true" :permanent-delete="true"
                         route-prefix="email-subscribers" model-name="email_subscriber"
                            :model-id="$email_subscriber->id" />
                        @endif
                    </td>
                </tr>
            @endforeach
        </x-slot>
    </x-crud-table>
@endsection

@push('scripts')
<script>
    $(document).ready(function() {
        // Destroy the existing DataTable instance
        if ($.fn.DataTable.isDataTable('.zero-configuration')) {
            $('.zero-configuration').DataTable().destroy();
        }

        // Re-initialize the DataTable with new configuration
        $('.zero-configuration').DataTable({
            "order": [[0, 'desc']],
        });
    });
</script>
@endpush