{% extends '@plugin/admin/pages/base.twig' %}

{% block title %}
    <h1>{{ __('Admin Scripts', 'romhackplaza') }}</h1>
{% endblock %}

{% block page %}

    <form id="script-loader" method="post" autocomplete="off">

        <label for="script_select">
            {{ __('Select script', 'romhackplaza') }}
        </label>
        <select id="script_select" name="script_select">

            {% for script in scripts %}
                <option value="{{ script }}">{{ script }}</option>
            {% else %}
                <option value="none" disabled selected>{{ __('No scripts found.', 'romhackplaza') }}</option>
            {% endfor %}

        </select>

        <hr>
        <div id="arguments" class="arguments">
            <div class="details">
                <span style="margin-right: 10%">{{ __( 'Name:', 'romhackplaza') }}</span>
                <span style="margin-right: 10%">{{ __( 'Value:', 'romhackplaza') }}</span>
            </div>
        </div>
        <button id="add_args">{{ __( 'Add a paramter', 'romhackplaza') }}</button>
        <hr>

        <input type="submit" id="wp-load-custom-script" name="load" value="{{ __('Load script', 'romhackplaza') }}">
    </form>

    <h3>{{ __( 'Script response', 'romhackplaza') }}</h3>
    <div id="script-response">
    </div>


{% endblock %}