@extends('layouts.admin.index')

@section('content')
<div class="container">
    <h2 class="mb-4">Email Notifications</h2>

    @if($emails->isEmpty())
        <div class="alert alert-info">No emails found.</div>
    @else
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Title</th>
                    <th>Description</th>
                    <th>Start Date</th>
                    <th>End Date</th>
                    <th>Remark</th>
                    <th>Image</th>
                    <th>Sent At</th>
                </tr>
            </thead>
            <tbody>
                @foreach($emails as $index => $email)
                <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $email->title }}</td>
                    <td>{{ $email->desc }}</td>
                    <td>{{ $email->start_date }}</td>
                    <td>{{ $email->end_date }}</td>
                    <td>{{ $email->remark }}</td>
                    <td>
                        @if($email->image)
                            <img src="{{ $email->image }}" alt="Event Image" style="width: 100px;">
                        @else
                            No Image
                        @endif
                    </td>
                    <td>{{ $email->created_at->format('d M Y H:i') }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    @endif
</div>
@endsection