@extends('emails.templates.default')

@section('content')


<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;padding: 34px 56px 25px;text-align: left;" class="content">
    <tr>
        <td>
            <p style="font-weight:500;text-align:left;font-size: 15px;line-height: 40px; color: #090819; letter-spacing: 0; margin: 0; margin-bottom: 20px;">
                {{ __('email.greeting', ['name' => trim($name)!='' ? $name : 'there']) }}
            </p>
        </td>
    </tr>
    <tr>
        <td>
            <p style=" font-weight: normal;font-size: 15px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;margin-bottom: 20px;">
                {{ __('email.weekly_learners_report.message') }}
            </p>
            <p style=" font-weight: normal;font-size: 15px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;margin-bottom: 20px;">
                {{ __('email.weekly_learners_report.details', ['total_learners_count' => $total_learners_count, 'active_learners_count' => $active_learners_count, 'inactive_learners_count' => $inactive_learners_count]) }}
            </p>
        </td>
    </tr>
    <tr>
        <td>
            @if($active_report)
            <p style=" font-weight: normal;font-size: 15px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;margin-bottom: 20px;">
                {{ __('email.weekly_learners_report.activity_summary') }}
            </p>
            <div style="font-weight: normal;font-size: 15px;line-height: 150%; color: #223048; letter-spacing: 0; margin: 0;margin-bottom: 20px;font-family: 'Poppins',Arial">
                <table style="border: 1px solid #d3d3d3;border-collapse: collapse;">

                    <tr style="border: 1px solid #d3d3d3;border-collapse: collapse;color:#1716369e">
                        <td style="border: 1px solid #d3d3d3;border-collapse: collapse; padding:5px">{{ __('email.weekly_learners_report.learner') }}</td>
                        <td style="border: 1px solid #d3d3d3;border-collapse: collapse; padding:5px">{{ __('email.weekly_learners_report.course') }}</td>
                        <td style="border: 1px solid #d3d3d3;border-collapse: collapse; padding:5px">{{ __('email.weekly_learners_report.completion_percentage') }}</td>
                        <td style="border: 1px solid #d3d3d3;border-collapse: collapse; padding:5px">{{ __('email.weekly_learners_report.last_accessed_date') }}</td>
                    </tr>

                    @foreach ($active_report as $data)
                    <tr style="border: 1px solid #d3d3d3;border-collapse: collapse;color: #000">
                        <td style="border: 1px solid #d3d3d3;border-collapse: collapse; padding:5px">{{ $data['learner_name'] }}</td>
                        <td style="border: 1px solid #d3d3d3;border-collapse: collapse; padding:5px">{{ $data['course_name'] ?: '-' }}</td>
                        <td style="border: 1px solid #d3d3d3;border-collapse: collapse; padding:5px">{{ $data['progress'] === null ?  '-' : $data['progress'].'%' }}</td>
                        <td style="border: 1px solid #d3d3d3;border-collapse: collapse; padding:5px">{{ $data['last_viewed'] ?: '-' }}</td>
                    </tr>
                    @endforeach

                </table>
            </div>
            @endif
            <p style="font-weight: normal;font-size: 14px;line-height: 37px;color: #223048;margin: 0;">
                <a href="{{ $web_link }}" style="color: #0D3CFA; font-size: 15px;font-weight: 500; text-decoration: none;line-height: 30px;" target="_blank">{{ __('email.weekly_learners_report.link_label', ['app_name' => $app_name]) }}</a>
            </p>
            <p style=" font-weight: normal;font-size: 15px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;margin-bottom: 20px;">
                {{ __('email.weekly_learners_report.end_line') }}
            </p>
        </td>
    </tr>
    <tr>
        <td>
            @include('emails.templates.signoff', ['thank_you' => __('email.thank_you'), 'wish' => __('email.wish')])
        </td>
    </tr>
</table>

</td>
</tr>
</table>


@endsection