@extends('layouts.app')
@section('css')
    <style>
        @keyframes shakeX {

            0%,
            100% {
                transform: translateX(0);
            }

            20% {
                transform: translateX(-1px);
            }

            40% {
                transform: translateX(1px);
            }

            60% {
                transform: translateX(-1px);
            }

            80% {
                transform: translateX(1px);
            }
        }

        .shake {
            /* background-color:pink;  */
            animation: shakeX 0.5s infinite;
        }
    </style>
@endsection
@section('content')
    <!-- Here you can add content specific to the 'mail_dashboard' page -->
    <h2>{{ $type }}</h2><br>
    {{-- <p>Welcome to your inbox Mail Dashboard</p> --}}
    <!-- Add more content as needed -->
    {{-- <div class="container-fluid" style="height: 340px; overflow: auto;"> --}}
    {{-- <h2 class="mb-4">Emails ({{ $type }})</h2> --}}
    {{-- {{ dd($mails) }} --}}
    @if ($mails->isEmpty())
        <h2 class="text-center text-danger">No mails available</h2>
    @else
        <table class="table table-bordered table-striped" id="mails-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>User ID</th>
                    <th>Sender Name</th>
                    <th>Sender Email</th>
                    <th>Subject</th>
                    <th>Attachment</th>
                    <th>Sent Date</th>
                    {{-- <th>is_spam</th> --}}
                    @if ($type == 'Reply pending mail')
                        <th>Waiting for Reply Since</th>
                    @endif
                    @if ($type == 'Replied Mail')
                        <th>Replied Date</th>
                        {{-- <th>Response Time</th> --}}
                    @endif
                    @if ($type == 'Read Mail' || $type == 'Un-Read Mail' || $type == 'All Mail')
                        @if ($type == 'All Mail')
                            <th>Message Status</th>
                            <th>Sentiment</th>
                            {{-- <th>Group By</th> --}}
                            <th>Action Required</th>
                        @endif
                        {{-- <th>Types Mail</th> --}}
                        {{-- @elseif ($type == 'send-mail')
                            <th>Spam Status</th> --}}
                    @endif
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($mails as $mail)
                    {{-- @php
                            $currentEmail = isset($employee) ? $employee->email : Auth::user()->email ?? 'Guest';
                        @endphp

                        @if ($mail->sender_email === $currentEmail)
                            @continue
                        @endif --}}
                    <tr>
                        @php
                            // Create DateTime objects in Asia/Kolkata timezone
                            $sent = new DateTime($mail->sent_date, new DateTimeZone('Asia/Kolkata'));
                            $replied = new DateTime($mail->sent_date_s, new DateTimeZone('Asia/Kolkata'));
                        @endphp

                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $mail->email_id }}</td>
                        <td>{{ $mail->sender_name }}</td>
                        <td>{{ $mail->sender_email }}</td>
                        <td>{{ $mail->subject === 'No Subject' ? '-' : $mail->subject }}</td>
                        <td>{{ $mail->attachment_status == 1 ? 'Yes' : 'No' }}</td>
                        <td>{{ $sent->format('d M Y H:i A') }}</td>

                        @if ($type == 'Reply pending mail')
                            @php
                                $now = new DateTime('now', new DateTimeZone('Asia/Kolkata'));
                                $interval = $sent->diff($now);

                                // Difference formatting
                                $diffParts = [];
                                if ($interval->y) {
                                    $diffParts[] = "{$interval->y} years";
                                }
                                if ($interval->m) {
                                    $diffParts[] = "{$interval->m} months";
                                }
                                if ($interval->d) {
                                    $diffParts[] = "{$interval->d} days";
                                }
                                if ($interval->h) {
                                    $diffParts[] = "{$interval->h} hours";
                                }
                                if ($interval->i) {
                                    $diffParts[] = "{$interval->i} minutes";
                                }
                                if ($interval->s) {
                                    $diffParts[] = "{$interval->s} seconds";
                                }

                                $diffText = implode(' ', $diffParts) . ' ago';

                                // Color logic
                                if ($interval->y >= 2) {
                                    $color = 'text-dark';
                                } elseif ($interval->y >= 1) {
                                    $color = 'text-secondary';
                                } elseif ($interval->m >= 6) {
                                    $color = 'text-warning';
                                } elseif ($interval->m >= 1) {
                                    $color = 'text-danger';
                                } elseif ($interval->d >= 2) {
                                    $color = 'text-danger';
                                } elseif ($interval->d == 1) {
                                    $color = 'text-primary';
                                } else {
                                    $color = 'text-success';
                                }
                            @endphp
                            <td><span class="{{ $color }}">{{ $diffText }}</span></td>
                        @endif

                        @if ($type == 'Replied Mail')
                            <td>{{ $replied->format('d M Y H:i A') }}</td>

                            @php
                                $interval = $sent->diff($replied);

                                $diffParts = [];
                                if ($interval->y) {
                                    $diffParts[] = "{$interval->y} years";
                                }
                                if ($interval->m) {
                                    $diffParts[] = "{$interval->m} months";
                                }
                                if ($interval->d) {
                                    $diffParts[] = "{$interval->d} days";
                                }
                                if ($interval->h) {
                                    $diffParts[] = "{$interval->h} hours";
                                }
                                if ($interval->i) {
                                    $diffParts[] = "{$interval->i} minutes";
                                }
                                if ($interval->s) {
                                    $diffParts[] = "{$interval->s} seconds";
                                }

                                $diffText = implode(' ', $diffParts);

                                // Color logic
                                if ($interval->y >= 1) {
                                    $color = 'text-secondary';
                                } elseif ($interval->m >= 1) {
                                    $color = 'text-warning';
                                } elseif ($interval->d >= 2) {
                                    $color = 'text-danger';
                                } elseif ($interval->d == 1) {
                                    $color = 'text-primary';
                                } else {
                                    $color = 'text-success';
                                }
                            @endphp

                            {{-- <td><span class="{{ $color }}">{{ $diffText }}</span></td> --}}
                        @endif

                        @if ($type == 'Read Mail' || $type == 'Un-Read Mail' || $type == 'All Mail')
                            @if ($type == 'All Mail')
                                <td>{{ $mail->message_status == 1 ? 'Read' : 'Unread' }}</td>
                                {{-- Sentiment --}}
                                <td>
                                    {{ $mail->is_promotion == 1 ? 'Promotion / ' : '' }}{{ ucfirst($mail->is_spam_value) }}
                                </td>
                                {{-- Category --}}
                                {{-- <td>
                                        {{$mail->is_category_value }}
                                    </td> --}}
                                <td>{{ $mail->action_required == 1 ? 'Yes' : 'No' }}</td>
                            @endif
                            {{-- <td>
                                    @php
                                        switch ($mail->is_spam) {
                                            case 0:
                                                $statusText = 'Negative';
                                                break;
                                            case 1:
                                                $statusText = 'Positive';
                                                break;
                                            case 2:
                                                $statusText = 'Reply Mail';
                                                break;
                                            case 3:
                                                $statusText = 'Neutral';
                                                break;
                                            case 4:
                                                $statusText = 'Promotion';
                                                break;
                                            case 5:
                                                $statusText = 'Sales';
                                                break;
                                            case 6:
                                                $statusText = 'AMC';
                                                break;
                                            default:
                                                $statusText = 'Unknown';
                                                break;
                                        }
                                    @endphp
                                    {{ $statusText }}
                                </td> --}}
                            {{-- @elseif ($type == 'send-mail')
                                <td>ok</td> --}}
                        @endif
                        {{-- <td>{{ $mail->is_spam }}1</td> --}}
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('mails.show', ['emial_id' => $mail->email_id, 'is_sent' => '0', 'user_id' => $employee->id ?? null]) }}"
                                    class="btn btn-primary btn-sm ">View</a>
                                <!-- View-mail -->
                                {{-- <div class="position-relative">
                                            <a href="{{ route('mails.show', ['emial_id' => $mail->email_id, 'user_id' => $employee->id ?? null]) }}"
                                                class="btn btn-primary btn-sm rounded-fpill px-2"> --}}
                                {{-- <a href="{{ route('mails.filter', 'send-mail') }}"class="btn btn-warning rounded-pill px-4"> --}}
                                {{-- {{ $counts['countis_not_spam_heading'] ?? 'Negative' }}  --}}
                                {{-- View</a>
                                            @if ($mail->new_feteched_data == '0')
                                                 <span class="position-absolute top-0 start-100 translate-middle">
                                                    <span id="track_mail" class="shake badge rounded-pill bg-danger"> --}}
                                {{-- ! --}}
                                {{-- {{ $mail->related_message_status }} --}}
                                {{-- {{ $mail->message_status  }}{{  $mail->related_email_id }} --}}
                                {{-- </span>
                                                    </span>
                                            @endif --}}
                                {{-- </div> --}}
                                @if ($mail->sent_mail_id != -1)
                                    {{-- {{ $mail->sent_mail_id }} --}}
                                    {{-- {{ $mail->action_required }}  --}}
                                    @if ($mail->action_required == 1)
                                        <div class="position-relative">
                                            <a href="{{ route('mails.show', ['emial_id' => $mail->sent_mail_id, 'is_sent' => '1', 'user_id' => $employee->id ?? null]) }}"
                                                class="btn btn-success btn-sm rounded-fpill px-2">
                                                Track</a>
                                        </div>
                                    @endif
                                @endif

                            </div>
                            {{-- <a href="{{ route('mails.show', $mail->email_id) }}" class="btn btn-primary btn-sm">View</a> --}}
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        {{-- <div style="font-family: Arial, sans-serif; line-height: 2;">
                <div><span class="text-success">Today (Success / Green)</span></div>
                <div><span class="text-primary">1 Day (Primary / Blue)</span></div>
                <div><span class="text-warning">2 Days (Warning / Yellow)</span></div>
                <div><span class="text-danger">6+ Months (Danger / Red)</span></div>
                <div><span class="text-secondary">1 Year (Secondary / Grey)</span></div>
                <div><span class="text-dark">2+ Years (Dark)</span></div>
            </div> --}}
        {{-- <table 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>Attachment</th>
                        <th>Message Status</th>
                        @if ($type == 'all')
                        @elseif ($type != 'Read')
                            <th>Spam Status</th>
                        @endif

                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($mails as $mail)
                        <tr>
                            <td>{{ $mail->email_id }}</td>
                            <td>{{ $mail->sender_name }}</td>
                            <td>{{ $mail->sender_email }}</td>
                            <td>{{ $mail->subject }}</td>
                            <td>{{ $mail->sent_date }}</td>
                            <td>{{ $mail->attachment_status == 1 ? 'Yes' : 'No' }}</td>
                            <td>{{ $mail->message_status == 1 ? 'Read' : 'Unread' }}</td>
                            @if ($type == 'all')
                            @elseif ($type != 'Read')
                                <td>{{ $mail->is_spam == 1 ? 'Not Spam' : 'Spam' }}</td>
                            @endif
                            <td>
                                <a href="{{ route('mails.show', $mail->email_id) }}" class="btn btn-primary btn-sm">View</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table> --}}
    @endif
    <!-- Pagination Links -->
    {{-- <div class="mt-4">
            {{ $mails->links('pagination::bootstrap-5') }}
        </div> --}}
    {{-- </div> --}}

@endsection

@push('scripts')
    <!-- DataTables CSS -->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" />

    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <!-- DataTables JS -->
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>

    <script>
        $(document).ready(function() {
            $('#mails-table').DataTable();
            // $('#mails-table').DataTable({
            //     pageLength: 25,
            //     ordering: true,
            //     responsive: true
            // });
        });
    </script>
@endpush