{% extends 'email/base.html.twig' %}

{% block title %}{{ 'subscription.trial_converted.subject'|trans }}{% endblock %}

{% block header_title %}{{ 'subscription.trial_converted.header.title'|trans }}{% endblock %}
{% block header_subtitle %}{{ 'subscription.trial_converted.congratulations'|trans({'%firstName%': member.firstName}) }}{% endblock %}

{% block content %}
    <h2>{{ 'subscription.trial_converted.congratulations'|trans({'%firstName%': member.firstName}) }}</h2>
    
    <p>{{ 'subscription.trial_converted.joined_premium'|trans }}</p>
    
    <div class="alert alert-success">
        <strong>🎉 {{ 'subscription.trial_converted.activated_on'|trans({'%conversionDate%': conversionDate|date('d/m/Y')}) }}</strong>
    </div>
    
    <h3>{{ 'subscription.trial_converted.features.title'|trans }}</h3>
    <div class="row">
        <div class="col-md-6 mb-3">
            <div class="feature-box">
                <h5>{{ 'subscription.trial_converted.features.unlimited_objects.title'|trans }}</h5>
                <p>{{ 'subscription.trial_converted.features.unlimited_objects.description'|trans }}</p>
            </div>
        </div>
        <div class="col-md-6 mb-3">
            <div class="feature-box">
                <h5>{{ 'subscription.trial_converted.features.advanced_search.title'|trans }}</h5>
                <p>{{ 'subscription.trial_converted.features.advanced_search.description'|trans }}</p>
            </div>
        </div>
        <div class="col-md-6 mb-3">
            <div class="feature-box">
                <h5>{{ 'subscription.trial_converted.features.priority_support.title'|trans }}</h5>
                <p>{{ 'subscription.trial_converted.features.priority_support.description'|trans }}</p>
            </div>
        </div>
        <div class="col-md-6 mb-3">
            <div class="feature-box">
                <h5>{{ 'subscription.trial_converted.features.detailed_analytics.title'|trans }}</h5>
                <p>{{ 'subscription.trial_converted.features.detailed_analytics.description'|trans }}</p>
            </div>
        </div>
        <div class="col-md-12 mb-3">
            <div class="feature-box featured">
                <h5>{{ 'subscription.trial_converted.features.premium_badge.title'|trans }}</h5>
                <p>{{ 'subscription.trial_converted.features.premium_badge.description'|trans }}</p>
            </div>
        </div>
    </div>
    
    <h3>{{ 'subscription.trial_converted.tips.title'|trans }}</h3>
    <ul>
        <li>{{ 'subscription.trial_converted.tips.tip1'|trans }}</li>
        <li>{{ 'subscription.trial_converted.tips.tip2'|trans }}</li>
        <li>{{ 'subscription.trial_converted.tips.tip3'|trans }}</li>
        <li>{{ 'subscription.trial_converted.tips.tip4'|trans }}</li>
    </ul>
    
    <div class="text-center my-4">
        <h4>{{ 'subscription.trial_converted.useful_links.title'|trans }}</h4>
        <a href="{{ dashboardUrl }}" class="btn btn-primary me-2">
            <i class="fas fa-tachometer-alt me-2"></i>{{ 'subscription.trial_converted.useful_links.dashboard'|trans }}
        </a>
        <a href="{{ catalogUrl }}" class="btn btn-outline-primary me-2">
            <i class="fas fa-search me-2"></i>{{ 'subscription.trial_converted.useful_links.catalog'|trans }}
        </a>
        <a href="{{ helpUrl }}" class="btn btn-outline-secondary">
            <i class="fas fa-question-circle me-2"></i>{{ 'subscription.trial_converted.useful_links.help_center'|trans }}
        </a>
    </div>
    
    <div class="info-box">
        <h4>{{ 'subscription.trial_converted.info.title'|trans }}</h4>
        <p>{{ 'subscription.trial_converted.info.community_text'|trans }}</p>
    </div>
    
    <h3>{{ 'subscription.trial_converted.commitment.title'|trans }}</h3>
    <ul>
        <li><strong>{{ 'subscription.trial_converted.commitment.quality_service'|trans }}</strong></li>
        <li><strong>{{ 'subscription.trial_converted.commitment.platform_evolution'|trans }}</strong></li>
        <li><strong>{{ 'subscription.trial_converted.commitment.premium_support'|trans }}</strong></li>
    </ul>
    
    <p><strong>{{ 'subscription.trial_converted.team_name'|trans }}</strong><br>
    <em>{{ 'subscription.trial_converted.service'|trans }}</em></p>
{% endblock %}

{% block footer %}
    <div class="email-footer">
        <p>{{ 'subscription.trial_converted.reason'|trans({'%conversionDate%': conversionDate|date('d/m/Y')}) }}</p>
    </div>
{% endblock %}