{% extends 'base.html' %}
{% load static %}

{% block extra_head %}
<link rel="stylesheet" href="{% static 'css/support.css' %}">
{% endblock %}

{% block content %}
<section class="page-header">
    <h1>Help & Support</h1>
    <p>Need help with orders, payments, or account issues? Reach us using the options below.</p>
</section>

<section class="support-grid">
    <article class="support-card">
        <h2>Customer Care</h2>
        <p>Email: support@hamrokarma.com</p>
        <p>Phone: +977-9800000000</p>
        <p>Hours: 9:00 AM - 7:00 PM (NPT)</p>
    </article>

    <article class="support-card">
        <h2>Quick Help</h2>
        <ul>
            <li>Track your order from <a href="{% url 'my_orders' %}">My Orders</a>.</li>
            <li>Update profile details from <a href="{% url 'edit_profile' %}">Edit Profile</a>.</li>
            <li>Browse and compare products from <a href="{% url 'product_list' %}">Products</a>.</li>
        </ul>
    </article>
</section>
{% endblock %}