{% extends "base.html" %}

{% block title %}Contact{% endblock %}

{% block content %}
<div class="container" style="padding-top: 24px;">
    <div class="dashboard-header">
        <div>
            <h1 class="dashboard-title">📞 Contact</h1>
            <p style="color: var(--text-muted); margin-top: 4px;">Get in touch with the developer</p>
        </div>
    </div>

    <div class="features-grid" style="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));">
        <div class="glass-card">
            <h3 style="margin-bottom: 20px;"><i class="fas fa-user" style="margin-right: 8px;"></i> Developer Information</h3>
            <div style="line-height: 2;">
                <p><strong>Developer:</strong> issu321</p>
                <p><strong>GitHub:</strong> <a href="https://github.com/issu321" target="_blank" style="color: var(--primary);">github.com/issu321</a></p>
                <p><strong>Repository:</strong> <a href="https://github.com/issu321/AI-Data-Scientist" target="_blank" style="color: var(--primary);">AI-Data-Scientist</a></p>
                <p><strong>Project:</strong> AI Data Scientist</p>
            </div>
            <div style="margin-top: 20px;">
                <a href="https://github.com/issu321" target="_blank" class="github-badge">
                    <svg viewBox="0 0 24 24" style="width: 18px; height: 18px; fill: currentColor;">
                        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
                    </svg>
                    Visit GitHub Profile
                </a>
            </div>
        </div>

        <div class="glass-card">
            <h3 style="margin-bottom: 20px;"><i class="fas fa-envelope" style="margin-right: 8px;"></i> Send Message</h3>
            <form onsubmit="event.preventDefault(); showAlert('Message sent! (Demo mode)', 'success');">
                <div class="form-group">
                    <label class="form-label">Subject</label>
                    <input type="text" class="form-input" placeholder="Enter subject">
                </div>
                <div class="form-group">
                    <label class="form-label">Message</label>
                    <textarea class="form-textarea" rows="5" placeholder="Your message..."></textarea>
                </div>
                <button type="submit" class="btn-liquid" style="width: 100%;">
                    <i class="fas fa-paper-plane"></i> Send Message
                </button>
            </form>
        </div>
    </div>
</div>
{% endblock %}