{% extends 'shared/base.html' %}
{% block title %}Seva Daan | Piramal Seva Setu{% endblock %}
{% block content %}<section class="section-pad pt-5"><div class="container"><div class="mb-4"><div class="eyebrow">Seva Daan</div><h1 class="fw-bold">Give what you can. Help create what matters.</h1><p class="text-muted">Published causes are visible publicly. Donation transactions will be available to authenticated employees through the approved payment flow.</p></div>
<form class="row g-2 bg-white p-3 rounded-4 border mb-4" method="get"><div class="col-md-7"><input class="form-control" name="q" value="{{ request.args.get('q','') }}" placeholder="Search causes"></div><div class="col-md-3"><select name="category_id" class="form-select"><option value="">All categories</option>{% for c in categories %}<option value="{{ c.id }}" {% if request.args.get('category_id')|int == c.id %}selected{% endif %}>{{ c.name }}</option>{% endfor %}</select></div><div class="col-md-2 d-grid"><button class="btn btn-primary">Filter</button></div></form>
<div class="row g-4">{% for cause in causes %}<div class="col-md-6 col-lg-4"><div class="card seva-card">{% set img = cause.images|first %}{% if img %}<img src="{{ img.file_path }}" class="card-img-top" alt="{{ img.alt_text or cause.name }}">{% else %}<div class="placeholder-art">💜</div>{% endif %}<div class="card-body"><span class="badge rounded-pill text-bg-light mb-2">{{ cause.cause_category.name }}</span><h5>{{ cause.name }}</h5><p class="text-muted">{{ (cause.problem_statement or '')[:150] }}</p>{% if cause.fundraising_target %}<div class="small text-muted mb-3">Fundraising target: ₹{{ '{:,.0f}'.format(cause.fundraising_target) }}</div>{% endif %}<a href="{{ url_for('seva_daan.detail', cause_id=cause.id) }}" class="btn btn-outline-primary">View Cause</a></div></div></div>{% else %}<div class="col-12"><div class="p-5 bg-white rounded-4 text-center text-muted">No published causes match your filters.</div></div>{% endfor %}</div></div></section>{% endblock %}