{% extends "index.html" %}

{% block workspace_header %}
<div class="info">
    <div class="info-container">
        <div class="page-title">{% block page_title %}{% endblock %}</div>
        <div class="page-description">{% block page_description %}{% endblock %}</div>
    </div>
    <div class="page-button">
        {% block page_button_top %}{% endblock %}
    </div>
</div>
{% block searchbar %}
<div class="search-and-button">
    <div class="search">
        <img src="{{ url_for('static', filename='/img/search.svg') }}"/>
        <input 
            id="search-input"
            type="text" 
            class="form-control search-input"
            name="search" 
            placeholder="Search..." 
            hx-get="{{ search_endpoint }}"
            hx-trigger="input changed delay:300ms, search"
            hx-target="#plugins-list">
    </div>
    <div class="page-button">
        {% block page_button %}{% endblock %}
    </div>
</div>
{% endblock %}
{% block warning %}
<div id="warning-main">
    <img src="{{ url_for('static', filename='/img/Featured icon.svg')}}" alt="">
    <span>Changes have been made to some plugins that will only take effect after running launch platform.</span>
</div>
{% endblock %}
{% endblock %}