@extends('emails.layouts.layout')
@section('content')
    <table role="presentation" class="main"
        style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #ffffff; border-radius: 3px; width: 100%; margin: auto;"
        width="100%">
        <tr>
            <td class="wrapper"
                style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;"
                valign="top">
                <p style="font-family: sans-serif; font-size: 18px; font-weight: bold; margin: 0; margin-bottom: 15px;">
                    Hi, <span style="color: #3498db;">{{ $approver->name }}</span></p>
                <p style="font-family: sans-serif; font-size: 16px; font-weight: normal; margin: 0; margin-bottom: 15px;">
                    You have submissions that require approval. Please review the details below:</p>
                <table role="presentation" border="1" cellpadding="5" cellspacing="0"
                    style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border: 1px solid #ddd;"
                    width="100%">
                    <thead>
                        <tr style="background-color: #3498db; color: #ffffff;">
                            <th>#</th>
                            <th>Employee Name</th>
                            <th>Submission Type</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($submissions as $item)
                            <tr>
                                <td>
                                    {{ $loop->iteration }}
                                </td>
                                <td>
                                    {{ $item->user->name }}
                                </td>
                                <td>
                                    {{ getSubmissionType($item->status) }}
                                </td>
                                <td>
                                    <a href="{{ env('FRONTEND_URL') . '/submission/' . getSubmissionType($item->status) . '/' . $item->id }}"
                                        target="_blank"
                                        style="background-color: #3498db; font-size: 12px; color: #ffffff; padding: 6px 8px; text-decoration: none; border-radius: 5px; display: inline-block;">
                                        View
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <p style="font-family: sans-serif; font-size: 16px; font-weight: normal; margin: 0; margin-top: 20px;">
                    Please review the form data before you approve or reject.</p>
            </td>
        </tr>
    </table>
@endsection