@extends('emails.layouts.main')

@section('title', 'New Course Review')

@section('content')
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td class="px-50 mpx-15" style="padding-left: 50px; padding-right: 50px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td class="pb-30" style="padding-bottom: 30px;">
                            <div class="h3" style="font-family:'PT Sans', Arial, sans-serif; font-size:20px; color:#2c3e50; margin-bottom: 10px;">
                                New Course Review Received!
                            </div>
                            <div class="text" style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#6e6e6e;">
                                A new review has been posted for a course. Here are the details:
                            </div>
                        </td>
                    </tr>

                    <!-- Course Details -->
                    <tr>
                        <td class="pb-20" style="padding-bottom: 20px;">
                            <div class="h3" style="font-family:'PT Sans', Arial, sans-serif; font-size:16px; color:#2c3e50; margin-bottom: 10px;">
                                Course Information:
                            </div>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f8f9fa; padding: 15px; border-radius: 5px;">
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#2c3e50; padding: 5px;">
                                        <strong>Course ID:</strong> {{ $course->id }}
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#2c3e50; padding: 5px;">
                                        <strong>Course Title:</strong> {{ $course->title }}
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- Reviewer Details -->
                    <tr>
                        <td class="pb-20" style="padding-bottom: 20px;">
                            <div class="h3" style="font-family:'PT Sans', Arial, sans-serif; font-size:16px; color:#2c3e50; margin-bottom: 10px;">
                                Reviewer Information:
                            </div>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f8f9fa; padding: 15px; border-radius: 5px;">
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#2c3e50; padding: 5px;">
                                        <strong>Name:</strong> {{ $user->full_name }}
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#2c3e50; padding: 5px;">
                                        <strong>Email:</strong> {{ $user->email }}
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- Rating -->
                    <tr>
                        <td class="pb-20" style="padding-bottom: 20px;">
                            <div class="h3" style="font-family:'PT Sans', Arial, sans-serif; font-size:16px; color:#2c3e50; margin-bottom: 10px;">
                                Rating:
                            </div>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #fff3cd; padding: 15px; border-radius: 5px; border-left: 4px solid #f39c12;">
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:18px; color:#2c3e50; text-align: center;">
                                        <strong style="color: #f39c12;">⭐ {{ $rating->rating }} / 5</strong>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    @if($rating->review)
                    <!-- Review Comment -->
                    <tr>
                        <td class="pb-20" style="padding-bottom: 20px;">
                            <div class="h3" style="font-family:'PT Sans', Arial, sans-serif; font-size:16px; color:#2c3e50; margin-bottom: 10px;">
                                Review Comment:
                            </div>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f8f9fa; padding: 15px; border-radius: 5px;">
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#6e6e6e; line-height: 22px;">
                                        "{{ $rating->review }}"
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    @endif

                    <!-- Timestamp -->
                    <tr>
                        <td class="pb-20" style="padding-bottom: 20px;">
                            <div class="text" style="font-family:'PT Sans', Arial, sans-serif; font-size:13px; color:#6e6e6e; text-align: center;">
                                <em>Posted on {{ $rating->created_at->format('F d, Y \a\t H:i') }}</em>
                            </div>
                        </td>
                    </tr>

                    <!-- View Course Button -->
                    <tr>
                        <td class="pt-10" style="padding-top: 10px;">
                            <table border="0" cellspacing="0" cellpadding="0" style="min-width: 200px; margin:auto;margin-bottom: 20px; margin-top: 20px;">
                                <tr>
                                    <td class="btn-16 c-white l-white" bgcolor="#f39c12" style="margin:auto;margin-bottom: 20px; margin-top: 20px; font-size:16px; line-height:20px; mso-padding-alt:15px 35px; font-family:'PT Sans', Arial, sans-serif; text-align:center; font-weight:bold; text-transform:uppercase; border-radius:25px; min-width:auto !important; color:#ffffff;">
                                        <a href="{{ $courseUrl }}" target="_blank" class="link c-white" style="display: block; padding: 15px 35px; text-decoration:none; color:#ffffff;">
                                            <span class="link c-white" style="text-decoration:none; color:#ffffff;">View Course</span>
                                        </a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
@endsection