@extends('emails.layouts.main')
@section('title', 'Course Sale Notification')
@section('content')
    <!-- Main -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td class="px-50 mpx-15" style="padding-left: 50px; padding-right: 50px;">
                <!-- Section - Course Sale Notification -->
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td class="pb-50" style="padding-bottom: 50px;">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">


                                <tr>
                                    <td class="title-36 a-center pb-15" style="font-size:36px; line-height:40px; color:#282828; font-family:'PT Sans', Arial, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 15px;">
                                        <strong>New Course Sale!</strong>
                                    </td>
                                </tr>

                                <tr>
                                    <td class="text-16 lh-26 a-center pb-25" style="font-size:16px; color:#6e6e6e; font-family:'PT Sans', Arial, sans-serif; min-width:auto !important; line-height: 26px; text-align:center; padding-bottom: 25px;">
                                        Hi {{$instructorName}},
                                        <br><br>
                                        Congratulations! Your course "{{$course->title}}" has been purchased by {{$studentName}}. Course sale details are below.
                                        <br><br>
                                        You can reply to this email if you have any questions.
                                    </td>
                                </tr>

                                <!-- Course Details Box -->
                                <tr>
                                    <td style="background: #f8f9fa; border-radius: 8px; padding: 25px; margin-bottom: 25px;">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td class="text-18 pb-15" style="font-size:18px; color:#282828; font-family:'PT Sans', Arial, sans-serif; font-weight: bold; padding-bottom: 15px;">
                                                    Course Information
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td class="text-14" style="font-size:14px; color:#6e6e6e; font-family:'PT Sans', Arial, sans-serif; padding: 20px 0; margin-bottom: 10px;">
                                                                <strong>Course Title:</strong> {{$course->title}}
                                                                <br>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-14" style="font-size:14px; color:#6e6e6e; font-family:'PT Sans', Arial, sans-serif; padding: 20px 0; margin-bottom: 10px;">
                                                                <strong>Student:</strong> {{$studentName}}
                                                                <br>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-14" style="font-size:14px; color:#6e6e6e; font-family:'PT Sans', Arial, sans-serif; padding: 20px 0; margin-bottom: 10px;">
                                                                <strong>Sale Date:</strong> {{$saleDate}}
                                                                <br>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-14" style="font-size:14px; color:#6e6e6e; font-family:'PT Sans', Arial, sans-serif; padding: 20px 0; margin-bottom: 10px;">
                                                                <strong>Order No:</strong> #{{$orderNumber}}
                                                                <br>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>

                                <!-- Course Details -->
                                <tr>
                                    <td style="padding: 25px 0;">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td class="text-18 pb-15" style="font-size:18px; color:#282828; font-family:'PT Sans', Arial, sans-serif; font-weight: bold; padding-bottom: 15px;">
                                                    Course Details
                                                </td>
                                            </tr>

                                            <tr>
                                                <td class="order-item">
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td width="80%" class="text-14" style="font-size:14px; color:#282828; font-family:'PT Sans', Arial, sans-serif;">
                                                                <strong>{{$course->title}}</strong>

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

                                            <!-- Revenue Info -->
                                            <tr>
                                                <td style="border-top: 2px solid #27ae60; padding-top: 15px; margin-top: 15px;">
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td width="70%" class="text-16" style="font-size:16px; color:#282828; font-family:'PT Sans', Arial, sans-serif; font-weight: bold;">
                                                                Course Price:
                                                            </td>
                                                            <td width="30%" class="text-16 a-right" style="font-size:16px; color:#27ae60; font-family:'PT Sans', Arial, sans-serif; font-weight: bold; text-align: right;">
                                                                {{$coursePrice}} $
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>

                                <tr>
                                    <td class="text-14 a-center" style="font-size:14px; color:#999999; font-family:'PT Sans', Arial, sans-serif; min-width:auto !important; text-align:center; padding-bottom: 25px;">
                                        <span style="margin-bottom: 10px">You can view your earnings and analytics in your instructor dashboard.</span>
                                        <br> <br>
                                        <hr>
                                        <span style="margin-bottom: 10px">Thank you for being an excellent instructor!</span>

                                        <br><br>
                                        </td>

                                </tr>
                                <tr>
                                    <td  class="text-16 lh-26 a-center pb-25" style="font-size:16px; color:#6e6e6e; font-family:'PT Sans', Arial, sans-serif; min-width:auto !important; line-height: 26px; text-align:center; padding-bottom: 25px;">
                                        If you have any questions about your course sales or need support, feel free to contact our instructor support team. You can also join our instructor community on Discord using this link: <a href="https://discord.com/invite/My3QVwXvPh" target="_blank" class="link c-pink" style="text-decoration:none; color:#e74c3c;"><span class="link c-pink" style="text-decoration:none; color:#e74c3c;">https://discord.com/invite/My3QVwXvPh</span></a>

                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <!-- END Section - Course Sale Notification -->
            </td>
        </tr>
    </table>
    <!-- END Main -->
@endsection