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

{% block title %}{{ 'item_emails.new_item_notification.title'|trans }}{% endblock %}

{% block header_title %}📿 {{ 'item_emails.new_item_notification.header'|trans }}{% endblock %}
{% block header_subtitle %}{{ 'item_emails.new_item_notification.subtitle'|trans }}{% endblock %}

{% block content %}
    <h2>{{ 'item_emails.new_item_notification.greeting'|trans({'%firstName%': member.firstName}) }}</h2>
    
    <p>{{ 'item_emails.new_item_notification.found_item'|trans }}</p>
    
    <div class="alert alert-success">
        <strong>🎯 {{ 'item_emails.new_item_notification.new_find'|trans }}</strong><br>
        {{ 'item_emails.new_item_notification.matches_criteria'|trans }}
    </div>
    
    <div class="item-card">
        <h4>{{ item.title }}</h4>
        
        {% if item.price %}
            <p class="price">{{ item.price|number_format(0, ',', ' ') }} €</p>
        {% endif %}
        
        {% if item.category %}
            <p><strong>{{ 'item_emails.new_item_notification.category'|trans }} :</strong> {{ item.category.name }}</p>
        {% endif %}
        
        {% if item.period %}
            <p><strong>{{ 'item_emails.new_item_notification.period'|trans }} :</strong> {{ item.period }}</p>
        {% endif %}
        
        {% if item.location %}
            <p><strong>{{ 'item_emails.new_item_notification.location'|trans }} :</strong> {{ item.location }}</p>
        {% endif %}
        
        {% if item.description %}
            <p><strong>{{ 'item_emails.new_item_notification.description'|trans }} :</strong></p>
            <p>{{ item.description|striptags|slice(0, 200) }}{% if item.description|length > 200 %}...{% endif %}</p>
        {% endif %}
        
        {% if item.owner %}
            <p><strong>{{ 'item_emails.new_item_notification.offered_by'|trans }} :</strong> {{ item.member.businessName ?? (item.member.firstName ~ ' ' ~ item.member.lastName) }}</p>
        {% endif %}
        
        <div style="text-align: center; margin-top: 20px;">
            <a href="{{ itemUrl }}" class="btn btn-primary">{{ 'item_emails.new_item_notification.view_details'|trans }}</a>
        </div>
    </div>
    
    <h3>{{ 'item_emails.new_item_notification.why_recommended.title'|trans }}</h3>
    <p>{{ 'item_emails.new_item_notification.why_recommended.description'|trans }}</p>
    <ul>
        <li>{{ 'item_emails.new_item_notification.why_recommended.previous_searches'|trans }}</li>
        <li>{{ 'item_emails.new_item_notification.why_recommended.interest_categories'|trans }}</li>
        <li>{{ 'item_emails.new_item_notification.why_recommended.location'|trans }}</li>
        <li>{{ 'item_emails.new_item_notification.why_recommended.price_range'|trans }}</li>
    </ul>
    
    <div class="alert alert-info">
        <strong>⏰ {{ 'item_emails.new_item_notification.act_quickly.title'|trans }}</strong><br>
        {{ 'item_emails.new_item_notification.act_quickly.description'|trans }}
    </div>
    
    <h3>{{ 'item_emails.new_item_notification.manage_notifications.title'|trans }}</h3>
    <p>{{ 'item_emails.new_item_notification.manage_notifications.description'|trans }}</p>
    <ul>
        <li><a href="{{ itemUrl }}">{{ 'item_emails.new_item_notification.manage_notifications.refine_criteria'|trans }}</a></li>
        <li><a href="{{ unsubscribeUrl }}">{{ 'item_emails.new_item_notification.manage_notifications.unsubscribe'|trans }}</a></li>
    </ul>
    
    <p>{{ 'item_emails.new_item_notification.good_discovery'|trans }}</p>
    
    <p><strong>{{ 'item_emails.new_item_notification.team_signature'|trans }}</strong></p>
{% endblock %}

{% block unsubscribe %}
    <div class="unsubscribe">
        <p>{{ 'item_emails.new_item_notification.unsubscribe_block.reason'|trans }}</p>
        <p><a href="{{ unsubscribeUrl }}">{{ 'item_emails.new_item_notification.unsubscribe_block.link'|trans }}</a></p>
    </div>
{% endblock %}