@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%;"
        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: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
                    Reminder</p>
                <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
                    Hi Mr./Mrs. {{ $user->name }},</p>
                <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
                    You have a payroll that needs approval.</p>

                <table role="presentation" border="1" cellpadding="10px" cellspacing="0"
                    style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;"
                    width="100%">
                    <thead>
                        <tr>
                            <td>#</td>
                            <td>Type</td>
                            <td>Period</td>
                            <td>Amount</td>
                            <td>Action</td>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach ($data as $key => $val)
                            <tr>
                                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">
                                    {{ $val->payroll_number }}
                                </td>
                                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">
                                    {{ $val->payroll_type }}
                                </td>

                                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">
                                    {{ getMonthName($val->period_month - 1) }} {{ $val->period_year }}
                                </td>
                                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">
                                    {{ number_format($val->amount, 0, ',', '.') }}
                                </td>
                                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">
                                    <a href="{{ env('FRONTEND_URL') . '/payroll/' . $val->id }}" target="_blank">
                                        view
                                    </a>
                                </td>

                            </tr>
                        @endforeach
                    </tbody>
                </table>

                <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 15px 0;">
                    Good luck! Hope it works.</p>
            </td>
        </tr>
    </table>
@endsection