<div class="wrap">
    <form method="post" action="{{ formActionLink }}">
        <a href="?page=wp-post-rating"
           class="page-title-action">{{ __('All votes', PLUGIN_NAME) }}</a> &nbsp;

        <h1 class="wp-heading-inline">{{ __('Star rating settings', PLUGIN_NAME) }}</h1>

        <table class="form-table">
            <tr>
                <th scope="row">{{ __('Star rating position in content', PLUGIN_NAME) }}</th>
                <td>
                    <fieldset>
                        <legend class="screen-reader-text">
                            <span>
                                {{ __('Star rating position in content', PLUGIN_NAME) }}
                            </span>
                        </legend>
                        <div class="shortcode-checked-js">
                            <p class="description" id="tagline-description">
                                {{ __('How to custom display rating widget. Shortcode or PHP', PLUGIN_NAME) }}
                            </p>
                            <p>
                                <b>{{ __('Display in content', PLUGIN_NAME) }}</b>
                                <input class="regular-text" value="[wp_rating]" onclick="select()"/>
                                <input class="regular-text" value="echo do_shortcode('[wp_rating]');"
                                       onclick="select()"/>
                            </p>
                            <p>
                                <b>{{ __('Display total votes for current post', PLUGIN_NAME) }}</b>
                                <input class="regular-text" value="[wp_rating_total]"
                                       onclick="select()"/>
                                <input class="regular-text" value="echo do_shortcode('[wp_rating_total]');"
                                       onclick="select()"/>
                            </p>
                            <p>
                                <b>{{ __('Display average votes for current post', PLUGIN_NAME) }}</b>
                                <input class="regular-text" value="[wp_rating_avg]"
                                       onclick="select()"/>
                                <input class="regular-text" value="echo do_shortcode('[wp_rating_avg]');"
                                       onclick="select()"/>
                            </p>
                        </div>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <th scope="row"></th>
                <td>
                    <fieldset>
                        <div class="wpr-wrapp wpr-wrapp-admin"><span></span></div>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <th scope="row">
                    {{ __('Stars color', PLUGIN_NAME) }}
                </th>
                <td>
                    <fieldset>
                        <legend class="screen-reader-text">
                            <span>{{ __('Stars color', PLUGIN_NAME) }}</span>
                        </legend>
                        <input class="color_chooser_js" name="main_color" type="text"
                               value="{{ options.getStarsMainColor }}"/>
                        <p class="colors-description" id="colors-description">
                            {{ __('Second (darker) color choose automatically', PLUGIN_NAME) }}
                        </p>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <th scope="row">
                    {{ __('Text (border) color', PLUGIN_NAME) }}
                </th>
                <td>
                    <fieldset>
                        <input class="text_color_chooser_js" name="text_color" type="text"
                               value="{{ options.getStarsTextColor }}"/>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <th scope="row">
                    {{ __('Tooltip background color', PLUGIN_NAME) }}
                </th>
                <td>
                    <fieldset>
                        <input class="text_background_color_chooser_js" name="text_background_color" type="text"
                               value="{{ options.getStarsTextBackgroundColor }}"/>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <th scope="row">
                    {{ __('Enable schema markup', PLUGIN_NAME) }}
                </th>
                <td>
                    <fieldset>
                        <input name="schema_enable"
                           type="checkbox"
                           value="1"
                           {% if options.isSchemaEnable %}checked{% endif %}
                        />
                    </fieldset>
                </td>
            </tr>
        </table>
        {{ formSubmitButton|raw }}
        {{ formHiddenField|raw }}
        <input type="hidden" name="action" value="wpr-update">
    </form>
</div>
