@extends('setting.nav')

@section('title', 'All Mail Page')

@section('content')
<div class="container-fluid">
    {{-- <h4>Messages for User ID: {{ $userId }} and Sender: {{ $senderEmail }}</h4> --}}
    <h4>Sender All Mail :- {{ $senderEmail }}</h4>
</br>
    @if($messages->count())
        <table id="messagesTable" class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Sender Name</th>
                    <th>Sender Email</th>
                    <th>Subject</th>
                    <th>Sent Date</th>
                    <th>Spam</th>
                    <th>Action Required</th>
                    <th>Category</th>   
                </tr>
            </thead>
            <tbody>
                @foreach($messages as $index => $msg)
                <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $msg->sender_name }}</td>
                    <td>{{ $msg->sender_email }}</td>
                    <td>{{ $msg->subject }}</td>
                    <td>{{ $msg->sent_date }}</td>
                    <td>{{ $msg->is_spam }}</td>
                    <td>{{ $msg->action_required }}</td>
                    <td>{{ $msg->category }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p>No messages found.</p>
    @endif
</div>

<!-- DataTables Scripts -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/jquery.dataTables.min.css" />
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.min.js"></script>

<script>
    $(document).ready(function () {
        $('#messagesTable').DataTable({
            pageLength: 10,
            ordering: true,
            searching: true,
            responsive: true
        });
    });
</script>
@endsection