MyClub/templates/emails/newsletter_welcome_back.html

{{define "content"}}
<div style="max-width: 600px; margin: 0 auto; font-family: Arial, sans-serif; color: #2d3748; background: #ffffff;">
    <!-- Header with club colors -->
    <div style="background: linear-gradient(135deg, #2c5282 0%, #1a365d 100%); padding: 30px 20px; text-align: center; border-radius: 8px 8px 0 0;">
        <img src="https://fotbalclub.cz/logo.png" alt="FK Fotbal Club" style="max-width: 180px; height: auto; margin-bottom: 15px;">
        <h1 style="color: #ffffff; margin: 0; font-size: 28px; font-weight: 700;">Vítejte zpět u nás!</h1>
    </div>
    
    <!-- Main content -->
    <div style="padding: 30px 25px; border: 1px solid #e2e8f0; border-top: none; border-radius: 0 0 8px 8px;">
        <p style="font-size: 16px; line-height: 1.6; margin: 0 0 25px 0;">
            Děkujeme, že jste se znovu přihlásili k odběru našeho newsletteru. Jsme opravdu rádi, že jste se k nám vrátili a těšíme se na vaši zpětnou vazbu!
        </p>
        
        <!-- What's new section -->
        <div style="margin: 30px 0;">
            <h2 style="color: #2d3748; font-size: 20px; margin: 0 0 20px 0; text-align: center; position: relative; padding-bottom: 10px;">
                <span style="background: #fff; padding: 0 15px; position: relative; z-index: 1;">Co je u nás nového?</span>
                <span style="position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #e2e8f0; z-index: 0; display: block; margin-top: 15px;"></span>
            </h2>
            
            <div style="display: grid; grid-template-columns: 1fr; gap: 15px; margin-bottom: 25px;">
                <div style="background: #f8fafc; border-left: 4px solid #e53e3e; padding: 15px; border-radius: 0 6px 6px 0;">
                    <h3 style="color: #2b6cb0; margin: 0 0 8px 0; font-size: 16px; display: flex; align-items: center;">
                        <span style="margin-right: 8px;">👕</span> Nové dresy {{.Year}}
                    </h3>
                    <p style="margin: 0; color: #4a5568; font-size: 14px; line-height: 1.5;">Představili jsme zbrusu nové dresy na sezónu {{.Year}}. Podívejte se na ně v našem <a href="https://fotbalclub.cz/fotogalerie" style="color: #2b6cb0; text-decoration: underline;">fotoalbu</a>.</p>
                </div>
                
                <div style="background: #f8fafc; border-left: 4px solid #3182ce; padding: 15px; border-radius: 0 6px 6px 0;">
                    <h3 style="color: #2b6cb0; margin: 0 0 8px 0; font-size: 16px; display: flex; align-items: center;">
                        <span style="margin-right: 8px;">📅</span> Aktuální rozvrh zápasů
                    </h3>
                    <p style="margin: 0; color: #4a5568; font-size: 14px; line-height: 1.5;">Připravili jsme pro vás kompletní rozvrh zápasů na nadcházející měsíce. <a href="https://fotbalclub.cz/zapasy" style="color: #2b6cb0; text-decoration: underline;">Zobrazit kalendář</a>.</p>
                </div>
                
                <div style="background: #f8fafc; border-left: 4px solid #38a169; padding: 15px; border-radius: 0 6px 6px 0;">
                    <h3 style="color: #2b6cb0; margin: 0 0 8px 0; font-size: 16px; display: flex; align-items: center;">
                        <span style="margin-right: 8px;">🏟️</span> Akce pro fanoušky
                    </h3>
                    <p style="margin: 0; color: #4a5568; font-size: 14px; line-height: 1.5;">Připravili jsme sérii akcí pro naše věrné fanoušky. Více informací naleznete v <a href="https://fotbalclub.cz/akce" style="color: #2b6cb0; text-decoration: underline;">kalendáři akcí</a>.</p>
                </div>
            </div>
        </div>
        
        <!-- Next steps -->
        <div style="background: #ebf8ff; border-left: 4px solid #3182ce; padding: 15px; margin: 25px 0; border-radius: 0 6px 6px 0;">
            <h3 style="color: #2c5282; margin: 0 0 10px 0; font-size: 16px; display: flex; align-items: center;">
                <span style="margin-right: 8px;">📱</span> Sledujte nás
            </h3>
            <p style="margin: 0; color: #2c5282; font-size: 14px; line-height: 1.5;">
                Sledujte nás na sociálních sítích a buďte mezi prvními, kdo se dozví o novinkách z našeho klubu.
            </p>
            <div style="margin-top: 10px;">
                <a href="https://facebook.com/fotbalclub" style="margin-right: 10px; display: inline-block;">
                    <img src="https://fotbalclub.cz/icons/facebook.png" alt="Facebook" style="width: 24px; height: 24px; opacity: 0.8;">
                </a>
                <a href="https://instagram.com/fotbalclub" style="margin-right: 10px; display: inline-block;">
                    <img src="https://fotbalclub.cz/icons/instagram.png" alt="Instagram" style="width: 24px; height: 24px; opacity: 0.8;">
                </a>
                <a href="https://youtube.com/fotbalclub" style="display: inline-block;">
                    <img src="https://fotbalclub.cz/icons/youtube.png" alt="YouTube" style="width: 24px; height: 24px; opacity: 0.8;">
                </a>
            </div>
        </div>
        
        <!-- Unsubscribe notice -->
        <div style="margin: 35px 0 25px 0; text-align: center;">
            <p style="font-size: 13px; color: #718096; margin: 0 0 15px 0; line-height: 1.5;">
                Tento e-mail vám byl zaslán na adresu <strong>{{.Email}}</strong> v rámci odebírání novinek FK Fotbal Club.
            </p>
            <p style="font-size: 13px; color: #718096; margin: 0; line-height: 1.5;">
                <a href="{{.UnsubscribeLink}}" style="color: #2b6cb0; text-decoration: underline;">Odhlásit odběr</a> | 
                <a href="https://fotbalclub.cz/nastaveni" style="color: #2b6cb0; text-decoration: underline;">Upravit předvolby</a> | 
                <a href="mailto:help@tdvorak.dev" style="color: #2b6cb0; text-decoration: underline;">Napsat nám</a>
            </p>
        </div>
        
        <!-- Footer -->
        <div style="border-top: 1px solid #e2e8f0; padding-top: 20px; margin-top: 20px; text-align: center;">
            <p style="margin: 0 0 5px 0; font-size: 12px; color: #a0aec0;">
                © {{.Year}} FK Fotbal Club. Všechna práva vyhrazena.
            </p>
            <p style="margin: 0; font-size: 12px; color: #a0aec0;">
                Tento e-mail byl odeslán na adresu {{.Email}}
            </p>
        </div>
    </div>
</div>
{{end}}