@component('MailYj::new-layout')
    @slot('header') {{ $header_image }} @endslot

    <div class="mail-greeting">
        Hey Member 👋,
    </div>

    <div class="mail-body">

        You will find below the list of requested payouts for  {{Carbon\Carbon::now()->subMonths(1)->format('F')}}
        please check them and update only validated payouts to status <b><span style="color: green">approved_manually</span></b>
        <div class="mail-greeting">
            Resume Of  {{$type}} payouts,
        </div>

        <b> <h3>Total Requested Payouts : {{$total_payouts}}</h3></b>
        <b> <h3>Total amount  : {{$total_amount}} $</h3> </b>
    </div>
    <div class="container">

        @if($total_payouts>0)
            <table class="data-custom-array">
                <thead>
                <tr>
                    <th>PAYOUT ID</th>
                    <th>USER ID</th>
                    <th>AMOUNT</th>
                    <th>LINK</th>

                <tr>
                </thead>
                <tbody>
                @foreach($payouts_list as $payout)
                    <tr>
                        <td>{{$payout->id}}</td>
                        <td>{{$payout->user_id}}</td>
                        <td>{{$payout->amount}}</td>
                        <td><a href="https://admin.yajny.com/manage/userpayoutrequests/{{$payout->id}}/edit?return=" target="_blank">check</a></td>

                    </tr>

                @endforeach
                </tbody>
            </table>
        @else
            <div class="mail-body">
                There is no payout request for this month
            </div>
        @endif
    </div>
    <style>
        .data-custom-array{
            margin: 0 auto;
            width: 511px;
        }

        .data-custom-array td, .data-custom-array th {
            padding: 12px;
            border: 2px dotted;
        }
    </style>
@endcomponent