<div class="mb-6 filters">
    <form class="flex flex-wrap items-end gap-4"
          hx-get="{% url 'moderation:submission_list' %}"
          hx-target="#submissions-content"
          hx-trigger="change"
          hx-push-url="true">
        
        <div class="flex-1 min-w-[200px]">
            <label class="block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300">
                Status
            </label>
            <select name="status" class="w-full form-select">
                <option value="">All Statuses</option>
                <option value="PENDING" {% if request.GET.status == 'PENDING' %}selected{% endif %}>Pending</option>
                <option value="APPROVED" {% if request.GET.status == 'APPROVED' %}selected{% endif %}>Approved</option>
                <option value="REJECTED" {% if request.GET.status == 'REJECTED' %}selected{% endif %}>Rejected</option>
                <option value="ESCALATED" {% if request.GET.status == 'ESCALATED' %}selected{% endif %}>Escalated</option>
            </select>
        </div>

        <div class="flex-1 min-w-[200px]">
            <label class="block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300">
                Type
            </label>
            <select name="type" class="w-full form-select">
                <option value="">All Types</option>
                <option value="CREATE" {% if request.GET.type == 'CREATE' %}selected{% endif %}>New Submissions</option>
                <option value="UPDATE" {% if request.GET.type == 'UPDATE' %}selected{% endif %}>Edit Submissions</option>
            </select>
        </div>

        <div class="flex-1 min-w-[200px]">
            <label class="block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300">
                Content Type
            </label>
            <select name="content_type" class="w-full form-select">
                <option value="">All Content</option>
                <option value="park" {% if request.GET.content_type == 'park' %}selected{% endif %}>Parks</option>
                <option value="ride" {% if request.GET.content_type == 'ride' %}selected{% endif %}>Rides</option>
                <option value="company" {% if request.GET.content_type == 'company' %}selected{% endif %}>Companies</option>
            </select>
        </div>
    </form>
</div>
