{% import 'macros/form.html' as form %}

{% snippet 'selfinfo/snippets/selfinfo_content_header.html', icon_class='fas fa-database me-2', label=_('Datastore - Data') %}

<div class="p-3">
    <div class="d-flex mb-3">
        <a class="me-3" href="https://datashades.github.io/ckanext-selfinfo/selftools/categories/datastore/" target="_blank">
            {{ _('Documentation') }}
        </a>
        <a class="me-3" href="https://docs.ckan.org/en/latest/maintaining/datastore.html#the-data-api" target="_blank">
            {{ _('Datastore API') }}
        </a>
    </div>
    
    <div class="">
        <form class="form-control border-0 shadow-none p-0" hx-post="{{ h.url_for('selftools_htmx.selftools_datastore_query') }}" hx-trigger="submit" hx-target="#datastore-query-resp" hx-swap="innerHTML">
            <div class="info-block mb-3">
                <i class="fa fa-info-circle"></i>
                {{ _('Search Datastore tables by resource ID (table name). Leave empty to show all tables.') }}
            </div>
    
            <div class="mb-3">
                {{ form.input('q', label=_('Search by Resource ID'), error='') }}
            </div>
    
            <div class="mb-3">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="orphaned_only" id="orphaned_only" value="true">
                    <label class="form-check-label" for="orphaned_only">
                        <i class="fa fa-exclamation-triangle text-warning"></i>
                        {{ _('Show only orphaned tables (without CKAN resources)') }}
                    </label>
                    <div class="form-text text-muted small">
                        <i class="fa fa-clock-o"></i>
                        {{ _('Note: With large number of tables, this may take some time to process.') }}
                    </div>
                </div>
            </div>
    
            <div class="mt-3 mb-3">
                <label for="limit">{{ _('Limit') }}</label>
                <input type="number" name="limit" min="1" max="{{ h.get_operations_limit() }}" step="1" value="100" class="" required />
            </div>
    
            <button type="submit" class="btn selfiinfo-button-main-color-bg text-white mt-2">{{ _('Search') }}</button>
        </form>
    </div>
    
    <div id="datastore-query-resp" class="bg-light p-3 border rounded mt-3">
        <p class="text-muted">{{ _('Enter search term or click "Search" to view datastore tables...') }}</p>
    </div>
</div>