<div style="width: 70%; margin: 0 auto;">
    <img src="{{ brand_logo }}" style="width: 30px; height: 30px;" />
    <p style="font-size: 16px; font-weight: 600;">
        {{ _("Hello Learner") }},
    </p>
    <p>
        {{ _("A new batch has been published on ")}} {{ brand_name }} {{ _("that might interest you!") }} {{ _("Here are the details:") }}
    </p>
    <div style="background-color: #F8F8F8; border-radius: 12px; padding: 12px; margin-bottom: 6px;">
        <div style="font-weight: 600; margin-bottom: 6px; font-size: 15px;">
            {{ title }}
        </div>
        <div>
            {{ short_introduction }}
        </div>
        <div style="margin-top: 20px; font-size: 13px;">
            {% if end_date %}
            <span>
                {{ _("From ") }} {{ frappe.utils.format_date(start_date, "dd MMM YYYY") }} {{ _(" to ") }} {{ frappe.utils.format_date(end_date, "dd MMM YYYY") }}
            </span>
            {% else %}
            <span>
                {{ frappe.utils.format_date(start_date, "dd MMM YYYY") }}
            </span>
            {% endif %}
        </div>
        <div style="color: #525252; margin-top: 4px; font-size: 13px;">
            <span>
                {{ _("Time: ") }} {{ frappe.utils.format_time(start_time, "HH:mm a") }} {{ timezone }}
            </span>
        </div>
        <div style="margin-top: 20px;">
            {% for instructor in instructors %}
                <div style="display: flex; align-items: center; margin-bottom: 5px;">
                    {% if instructor.user_image %}
                    <img src="{{ instructor.user_image }}" style="width: 20px; height: 20px; border-radius: 50%; margin-right: 5px;" />
                    {% else %}
                    <div style="width: 20px; height: 20px; border-radius: 50%; background-color: #ccc; display: flex; align-items: center; justify-content: center; margin-right: 5px;">
                        <span style="font-size: 12px; color: #fff;">
                            {{ instructor.full_name.split("")[0] | upper }}
                        </span>
                    </div>
                    {% endif %}
                    <div>
                        {{ instructor.full_name }}
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
    <a href="{{ batch_url }}" style="display: inline-block; padding: 4px 8px; background-color: #171717; color: #fff; text-decoration: none; cursor: pointer; border-radius: 8px; margin-top: 10px;">
        {{ _("Checkout the batch") }}
    </a>
</div>