@extends('emails.templates.default')

@section('click_here')
<a href="{{ $todo_link }}" style="color: #14d0a7; font-size: 15px;font-weight: 500; text-decoration: none;line-height: 30px;" target="_blank">{{ __('email.click_here') }}.</a>
@endsection

@section('overdue')
<span style="color: red;">{{ __('email.weekly_reminder.overdue_text', ['overdue_count' => $overdue_count]) }}</span>
@endsection

@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_reminder.message') }}
            </p>
        </td>
    </tr>
    <tr>
        <td style="border-bottom: 1px solid #edf1f7;">
            <p style=" font-weight: bold;font-size: 15px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;margin-bottom: 0px;">
                {{ __('email.weekly_reminder.more_text') }}
            </p>
        </td>
    </tr>


    <tr>
        <table style="width:100%; padding: 0px 46px;border-spacing:0px">

            <thead>
                <th style="width: 5%;"></th>
                <th style="width: 70%;"></th>
                <th style="width: 25%;"></th>

            </thead>
            <tbody>
                @foreach ($upcoming as $up)
                @if ($up['type'] == 'todo_learning_activity')
                <tr>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 0px;">
                        <div style="padding: 4px; border-radius: 50%; border-color:red;border: 1px solid #eff5ff; width: 26px;
    height: 26px;">

                            <img class="img-responsive" src="{{ $web_url }}/assets/mail/activity.png" style="position: relative; top: 4px; left: 4px;" alt="Activity image">
                        </div>

                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 12px;">
                        <div style="display:block;width:100%;float:left">
                            <p style=" font-weight: normal;font-size: 14px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;">
                                {{$up['title']}}
                            </p>
                        </div>
                        <div style="display:block;width:100%;float:left;font-family: 'Poppins', Arial;">
                            <span style="width: auto;display:block;float:left;margin-right:16px; font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;">
                                @if ($up['priority'] == 0)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/greenpriority.png" alt="greenpriority image">{{ __('email.weekly_reminder.low') }}
                                @elseif ($up['priority'] == 1)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;padding-right:15px;" src="{{ $web_url }}/assets/mail/mediumpriority.png" alt="mediumpriority image">{{ __('email.weekly_reminder.medium') }}
                                @elseif ($up['priority'] == 2)
                                <img class="img-responsive" style="margin-bottom: 2px;" src="{{ $web_url }}/assets/mail/highpriority.png" alt="highpriority image">{{ __('email.weekly_reminder.high') }}
                                @endif
                            </span>
                            <span style="width: auto;display:block;float:left; margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;"><img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/due_date.png" alt="due_date image">{{$up['due_date']}}</span>
                            @if ($up['is_mandatory'] == 'true')
                            <span style="width: auto;display:block;float:left;margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px; color: #ea3a3a; letter-spacing: 0; margin: 0;padding-right:15px;"><button style=" 
    font-style: normal;
    line-height: 18px;
    color: #d21515;
    border-radius: 16px;
    border: 0;
    background: #f9e4ea;">{{ __('email.weekly_reminder.mandatory') }}</button></span>
                            @endif
                        </div>
                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;text-align:right;padding: 10px 0px;vertical-align: bottom;line-height: 28px;">

                    </td>
                    </div>
                </tr>


                @elseif ($up['type'] == 'todo_course')
                <tr>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 0px;">
                        <div style="padding: 4px; border-radius: 50%; border-color:red;border: 1px solid #eff5ff; width: 26px;
    height: 26px;">

                            <img class="img-responsive" src="{{ $web_url }}/assets/mail/course.png" style="position: relative; top: 4px; left: 4px;" alt="Course image">
                        </div>

                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 12px;">
                        <div style="display:block;width:100%;float:left">
                            <p style="font-weight: normal;font-size: 14px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;">
                                {{$up['title']}}
                            </p>
                        </div>
                        <div style="display:block;width:100%;float:left;font-family: 'Poppins', Arial;">
                            <span style="width: auto;display:block;float:left;margin-right:16px; font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;">
                                @if ($up['priority'] == 0)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/greenpriority.png" alt="greenpriority image">{{ __('email.weekly_reminder.low') }}
                                @elseif ($up['priority'] == 1)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/mediumpriority.png" alt="mediumpriority image">{{ __('email.weekly_reminder.medium') }}
                                @elseif ($up['priority'] == 2)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/highpriority.png" alt="highpriority image">{{ __('email.weekly_reminder.high') }}
                                @endif
                            </span>
                            <span style="width: auto;display:block;float:left; margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;"><img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/due_date.png" alt="due_date image">{{$up['due_date']}}</span>
                            @if ($up['is_mandatory'] == 'true')
                            <span style="width: auto;display:block;float:left;margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px; color: #ea3a3a; letter-spacing: 0; margin: 0;padding-right:15px;"><button style=" 
    font-style: normal;
    line-height: 18px;
    color: #d21515;
    border-radius: 16px;
    border: 0;
    background: #f9e4ea;">{{ __('email.weekly_reminder.mandatory') }}</button></span>
                            @endif
                        </div>
                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;text-align:right;padding: 10px 0px;vertical-align: bottom;line-height: 30px;">
                        <p style="font-weight: normal; font-size: 12px;color: #cb7b00; letter-spacing: 0; margin: 0;">{{ __('email.weekly_reminder.in_progress', ['progress' => $up['course_progress']]) }}</p>
                    </td>

                </tr>


                @elseif ($up['type'] == 'todo_snippet')
                <tr>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 0px;">
                        <div style="padding: 4px; border-radius: 50%; border-color:red;border: 1px solid #eff5ff; width: 26px;
    height: 26px;">

                            <img class="img-responsive" src="{{ $web_url }}/assets/mail/snippet.png" style="position: relative; top: 4px; left: 4px;" alt="Snippet image">
                        </div>

                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 12px;">
                        <div style="display:block;width:100%;float:left">
                            <p style=" font-weight: normal;font-size: 14px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;">
                                {{strip_tags(str_replace("&nbsp;", " ", $up['title']))}}
                            </p>
                        </div>
                        <div style="display:block;width:100%;float:left;font-family: 'Poppins', Arial;">
                            <span style="width: auto;display:block;float:left;margin-right:16px; font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;">
                                @if ($up['priority'] == 0)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/greenpriority.png" alt="greenpriority image">{{ __('email.weekly_reminder.low') }}
                                @elseif ($up['priority'] == 1)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/mediumpriority.png" alt="mediumpriority image">{{ __('email.weekly_reminder.medium') }}
                                @elseif ($up['priority'] == 2)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/highpriority.png" alt="highpriority image">{{ __('email.weekly_reminder.high') }}
                                @endif
                            </span>
                            <span style="width: auto;display:block;float:left; margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;"><img class="img-responsive" style="margin-bottom: -3px;" src="{{ $web_url }}/assets/mail/due_date.png" alt="due_date image">{{$up['due_date']}}</span>
                            @if ($up['is_mandatory'] == 'true')
                            <span style="width: auto;display:block;float:left;margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px; color: #ea3a3a; letter-spacing: 0; margin: 0;padding-right:15px;"><button style=" 
    font-style: normal;
    line-height: 18px;
    color: #d21515;
    border-radius: 16px;
    border: 0;
    background: #f9e4ea;">{{ __('email.weekly_reminder.mandatory') }}</button></span>
                            @endif
                        </div>
                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;text-align:right;padding: 10px 0px;vertical-align: bottom;line-height: 28px;">

                    </td>
                </tr>

                @elseif ($up['type'] == 'todo_event')
                <tr>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 0px;">
                        <div style="padding: 4px; border-radius: 50%; border-color:red;border: 1px solid #eff5ff; width: 26px;
    height: 26px;">

                            <img class="img-responsive" src="{{ $web_url }}/assets/mail/event.png" style="position: relative; top: 4px; left: 4px;" alt="Event image">
                        </div>

                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 12px;">
                        <div style=" display:block;width:100%;float:left">
                            <p style=" font-weight: normal;font-size: 14px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;">
                                {{$up['title']}}
                            </p>
                        </div>
                        <div style="display:block;width:100%;float:left;font-family: 'Poppins', Arial;">
                            <span style="width: auto;display:block;float:left;margin-right:16px; font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;">
                                @if ($up['priority'] == 0)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/greenpriority.png" alt="greenpriority image">{{ __('email.weekly_reminder.low') }}
                                @elseif ($up['priority'] == 1)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/mediumpriority.png" alt="mediumpriority image">{{ __('email.weekly_reminder.medium') }}
                                @elseif ($up['priority'] == 2)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/highpriority.png" alt="highpriority image">{{ __('email.weekly_reminder.high') }}
                                @endif
                            </span>
                            <span style="width: auto;display:block;float:left; margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;"><img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/due_date.png" alt="due_date image">{{$up['due_date']}}</span>
                            <span style="width: auto;display:block;float:left; margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;"><img class="img-responsive" style="margin-bottom: -3px;width: 20px;height: 16px;" src="{{ $web_url }}/assets/mail/time.png" alt="time image">{{$up['start_time']}} - {{$up['end_time']}}</span>
                            @if ($up['is_mandatory'] == 'true')
                            <span style="width: auto;display:block;float:left;margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px; color: #ea3a3a; letter-spacing: 0; margin: 0;padding-right:15px;"><button style=" 
    font-style: normal;
    line-height: 18px;
    color: #d21515;
    border-radius: 16px;
    border: 0;
    background: #f9e4ea;">{{ __('email.weekly_reminder.mandatory') }}</button></span>
                            @endif
                        </div>
                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;text-align:right;padding: 10px 0px;vertical-align: bottom;line-height: 28px;">

                    </td>
                </tr>
                @elseif ($up['type'] == 'structure_secondary_assignment')
                <tr>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 0px;">
                        <div style="padding: 4px; border-radius: 50%; border-color:red;border: 1px solid #eff5ff; width: 26px;
    height: 26px;">

                            <img class="img-responsive" src="{{ $web_url }}/assets/mail/assignment.png" style="position: relative; top: 4px; left: 4px;" alt="Assignment image">
                        </div>

                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 12px;">
                        <div style=" display:block;width:100%;float:left">
                            <p style=" font-weight: normal;font-size: 14px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;">
                                {{$up['title']}}
                            </p>
                        </div>
                        <div style="display:block;width:100%;float:left;font-family: 'Poppins', Arial;">
                            <span style="width: auto;display:block;float:left;margin-right:16px; font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;">
                                @if ($up['priority'] == 0)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/greenpriority.png" alt="greenpriority image">{{ __('email.weekly_reminder.low') }}
                                @elseif ($up['priority'] == 1)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/mediumpriority.png" alt="mediumpriority image">{{ __('email.weekly_reminder.medium') }}
                                @elseif ($up['priority'] == 2)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/highpriority.png" alt="highpriority image">{{ __('email.weekly_reminder.high') }}
                                @endif
                            </span>
                            <span style="width: auto;display:block;float:left; margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;"><img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/due_date.png" alt="due_date image">{{$up['due_date']}}</span>
                            @if ($up['is_mandatory'] == 'true')
                            <span style="width: auto;display:block;float:left;margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px; color: #ea3a3a; letter-spacing: 0; margin: 0;padding-right:15px;"><button style=" 
    font-style: normal;
    line-height: 18px;
    color: #d21515;
    border-radius: 16px;
    border: 0;
    background: #f9e4ea;">{{ __('email.weekly_reminder.mandatory') }}</button></span>
                            @endif
                        </div>
                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;text-align:right;padding: 10px 0px;vertical-align: bottom;line-height: 28px;">

                    </td>
                </tr>

                @elseif ($up['type'] == 'structure_secondary_session')
                <tr>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 0px;">
                        <div style="padding: 4px; border-radius: 50%; border-color:red;border: 1px solid #eff5ff; width: 26px;
    height: 26px;">

                            <img class="img-responsive" src="{{ $web_url }}/assets/mail/session.png" style="position: relative; top: 4px; left: 4px;" alt="Session image">
                        </div>

                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;padding: 10px 12px;">
                        <div style="display:block;width:100%;float:left">
                            <p style=" font-weight: normal;font-size: 14px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;">
                                {{$up['title']}}
                            </p>
                        </div>
                        <div style="display:block;width:100%;float:left;font-family: 'Poppins', Arial;">
                            <span style="width: auto;display:block;float:left;margin-right:16px; font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;">
                                @if ($up['priority'] == 0)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/greenpriority.png" alt="greenpriority image">{{ __('email.weekly_reminder.low') }}
                                @elseif ($up['priority'] == 1)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/mediumpriority.png" alt="mediumpriority image">{{ __('email.weekly_reminder.medium') }}
                                @elseif ($up['priority'] == 2)
                                <img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/highpriority.png" alt="highpriority image">{{ __('email.weekly_reminder.high') }}
                                @endif
                            </span>
                            <span style="width: auto;display:block;float:left; margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px;letter-spacing: 0; margin: 0;padding-right:15px;"><img class="img-responsive" style="margin-bottom: -3px;padding-right:2px;" src="{{ $web_url }}/assets/mail/due_date.png" alt="due_date image">{{$up['due_date']}}</span>
                            @if ($up['is_mandatory'] == 'true')
                            <span style="width: auto;display:block;float:left;margin-right:16px;font-weight: normal; font-size: 12px;line-height: 30px; color: #ea3a3a; letter-spacing: 0; margin: 0;padding-right:15px;"><button style=" 
    font-style: normal;
    line-height: 18px;
    color: #d21515;
    border-radius: 16px;
    border: 0;
    background: #f9e4ea;">{{ __('email.weekly_reminder.mandatory') }}</button></span>
                            @endif
                        </div>
                    </td>
                    <td style="border-bottom: 1px solid #edf1f7;text-align:right;padding: 10px 0px;vertical-align: bottom;line-height: 28px;">

                    </td>
                </tr>
                @endif

                @endforeach
            </tbody>
        </table>

    </tr>
    @if ($remaining_todo_count > 0)
    <tr>
        <td>
            <p style=" font-weight: normal;font-size: 15px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;margin-top: 20px;padding: 0px 55px;">
                {{ __('email.weekly_reminder.more', ['remaining_todo_count' => $remaining_todo_count]) }}
            </p>
        </td>
    </tr>
    @endif
    @if ($overdue_count > 0)
    <tr>
        <td>
            <p style=" font-weight: normal;font-size: 15px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;margin-top: 20px;padding: 0px 55px;">
                {!! __('email.weekly_reminder.overdue_message', ['overdue_text' => trim($__env->yieldContent('overdue'))]) !!}

                {!! __('email.weekly_reminder.link_label', ['link_text'=> trim($__env->yieldContent('click_here'))]) !!}
            </p>
        </td>
    </tr>
    @else
    <tr>
        <td>
            <p style=" font-weight: normal;font-size: 15px;line-height: 30px; color: #223048; letter-spacing: 0; margin: 0;margin-top: 20px;padding: 0px 55px;">
                {!! __('email.weekly_reminder.link_label', ['link_text'=> trim($__env->yieldContent('click_here'))]) !!}
            </p>
        </td>
    </tr>
    @endif

    <tr>
        <td style="padding: 34px 56px 25px;">
            @include('emails.templates.signoff', ['thank_you' => __('email.thank_you'), 'wish' => __('email.wish')])
        </td>
    </tr>
</table>

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


@endsection