{% extends "Frames/BaseFrame.html" %}
{% from "Macros/_formhelpers.html" import render_field %}

{% block layout %}

{% if table_data %}
    <section class="task_panel view_task">
        <form action="{{ url_for('core.delete_website') }}" method="post">
            <a name="ViewWebsites"></a>
            <h2>View Website Information</h2>
            <p>Here you can view all of the sites that have previously been deployed (using the sldevserver CLI)</p>
            {% if debug %}
                <p>Debug:<br/></p>
                <p>{{ column_data|pprint(True) }}</p>
                <p>{{ website_items|pprint(True) }}</p>
                <p>{{ table_data|pprint(True) }}</p>
            {% endif %}
            <table class="view-table table">
                    <tr class="table__header-row table__row">
                            <td class="table__header-cell table__cell first">
                                <input type="checkbox" name="select_all_checkbox" value="">
                            </td>
                        {% for column in column_names %}
                            <td class="table__header-cell table__cell">{{ column|e }}</td>
                        {% endfor %}
                            <td class="table__header-cell table__cell last"></td>
                    </tr>
                {% for site in table_data %}
                    <tr class="table__body-row table__row {{ loop.cycle('odd', 'even') }}">
                            <td class="table__body-cell table__cell first">
                                <input type="checkbox" name="bulk_action_checkbox" value="{{ site.id }}">
                                {% if site.malformed_site %}
                                    <a class="status_icon status_icon--error status_icon--thin-icon circle" title="This site may have not installed properly and may be malformed">
                                        <i class="fas fa-exclamation"></i>
                                    </a>
                                    {% if site.malformed_site_message %}
                                        <div class="modal js--hide">
                                            site.malformed_site_message
                                        </div>
                                    {% endif %}
                                {% elif site.active_site %}
                                     <a class="status_icon status_icon--success circle" title="This website is currently active">
                                         <i class="fas fa-check"></i>
                                     </a>
                                {% endif %}
                            </td>
                        {% for key, value in site.items() %}
                            {% if key in column_data %}
                                <td class="table__body-cell table__cell">
                                <!-- adds hyperlinking if the table key is the development domain -->
                                {% if key == 'dev_domain' %}
                                        <a href="http://{{ value|e }}" target="_blank">
                                {% endif %}
                                        {{ value|e }}
                                <!-- closes the hyperlink if the table key is the development domain -->
                                {% if key == 'dev_domain' %}
                                        </a>
                                {% endif %}
                                </td>
                            {% endif %}
                        {% endfor %}
                        <td class="table__body-cell table__cell last">
                            <a data-view-details="{{ site.id }}" class="action_icon" title="View website details">
                                 <i class="fas fa-search-plus"></i>
                             </a>
                        </td>
                    </tr>
                {% endfor %}
            </table>
            <input type="checkbox" id="keep-databases-checkbox" name="keep_databases_checkbox" value="1">
            <label for="keep-databases-checkbox"> Keep databases when removing websites</label><br>
            <input type="checkbox" id="keep-repositories-checkbox" name="keep_repositories_checkbox" value="1">
            <label for="keep-repositories-checkbox"> Keep git recipe repositories when removing websites</label><br>
            <input type="submit" value="Remove Website(s)" />
        </form>
    </section>
{% endif %}

<section class="task_panel duplicate_task">
    <a name="DuplicateWebsite"></a>
    <h2>Duplicate an Existing Template</h2>
    <p>Choose a website template to duplicate and then click duplicate. A new site will be generated by copying over the complete file structure of a fully functional SilverStripe website. The database will be copied over, and imported, a git repoistory will be setup and the site will be ready to send to the live server right away.</p>
    <form action="{{ url_for('core.update') }}" method="post">
        {{ deployment_form.csrf_token }}
        <div>{{ update_form.website.label }} {{ update_form.website() }}</div>
        <div>{{ update_form.update_button() }}</div>
    </form>
</section>

<section class="task_panel deploy_task">
    <a name="DeployWebsites"></a>
    <h2>Deploy a Website</h2>
    <p>Fill in the form below with the details for a clients website. Once you are finished, click on the "Deploy Website"
    button and a new site will be created using the sldevserver CLI </p>
    <form action="{{ url_for('core.deploy') }}" method="post">
        {{ deployment_form.csrf_token }}
        <div class="field-group">
            <h3 class="field-group__title">General Information</h3>
            <div class="field-row flex-container--wrap">
                <div class="field-item flex-item--gutter-r">
                    {{ render_field(
                        deployment_form.name,
                        prefix=false,
                        class_='field-item__input text-field',
                        placeholder='e.g. Make Good Games',
                        pattern='[a-zA-Z0-9 ]+',
                        title='Title of the website (accepts alpha-numerical characters)'
                    ) }}
                </div>
                <div class="field-item flex-item">
                    {{ render_field(
                        deployment_form.slogan,
                        prefix=false,
                        class_='field-item__input text-field',
                        placeholder='e.g. Good Quality, Good Message, Good Fun',
                        pattern='[,a-zA-Z0-9 ]+',
                        title='Slogan for the website (accepts alpha-numerical characters)'
                    ) }}
                </div>
            </div>
            <div class="field-item">
                {{ render_field(
                    deployment_form.domain,
                    prefix=false,
                    class_='field-item__input text-field',
                    placeholder='e.g. www.makegoodgames.com',
                    pattern='[-.:/a-zA-Z0-9 ]+',
                    title='The future domain/URL of the website (accepts alpha-numerical and URL safe characters)'
                ) }}
            </div>
            <div class="field-item">
                {{ render_field(
                    deployment_form.description,
                    prefix=false,
                    class_='field-item__input textarea',
                    placeholder='e.g. Make Good Games is a blog devoted to the theory and creation of good, meaningful boardgames',
                    title='The description that will be used for the wrapper recipe'
                ) }}
            </div>
        </div>
        <div class="field-group">
            <h3 class="field-group__title">Recipe Information</h3>
            <div class="field-item">
                {{ render_field(
                    deployment_form.gen_wrapper_recipe_name,
                    prefix="site-",
                    class_='field-item__input field-item__input--no-rounding text-field',
                    placeholder='e.g. make-good-games',
                    pattern='[-a-zA-Z0-9 ]+',
                    title='The name of the generated wrapper recipe (accepts alpha-numerical characters and dashes)'
                ) }}
            </div>
            <div class="field-item">
                {{ render_field(
                    deployment_form.existing_wrapper_recipe,
                    prefix=false,
                    class_='field-item__input select-field'
                ) }}
                <div class="field-item__checkbox">
                    {{ render_field(
                        deployment_form.clone_theme_recipe,
                        prefix=false,
                        class_='custom-checkbox field-item__input checkbox field-item__checkbox'
                    ) }}
                    <label for="clone_theme_recipe"></label>
                </div>
            </div>
            <div id="recipe_generation_fields">
                <div class="field-group">
                    <h3 id="theme_pane_title" class="field-group__title">Theme Recipe Information</h3>
                    <h3 id="clone_theme_pane_title" class="field-group__title js--hide">Cloned Theme Recipe Information</h3>
                    <div class="field-item">
                        {{ render_field(
                            deployment_form.gen_theme_recipe_name,
                            prefix="theme-",
                            class_='field-item__input field-item__input--no-rounding text-field',
                            placeholder='e.g. super-flat-goodness',
                            pattern='[-a-zA-Z0-9 ]+',
                            title='The name of the generated theme recipe (accepts alpha-numerical characters and dashes)'
                        ) }}
                    </div>
                    <div class="field-item">
                        {{ render_field(
                            deployment_form.gen_theme_recipe_desc,
                            prefix=false,
                            class_='field-item__input textarea',
                            placeholder='Default: A silverstripe recipe for the "Theme Name" theme',
                            title='The description that will be used for the theme recipe'
                        ) }}
                    </div>
                </div>
                <div class="field-item">
                    {{ render_field(
                        deployment_form.existing_category_recipe,
                        prefix=false,
                        class_='field-item__input select-field'
                    ) }}
                </div>
                <div id="category_recipe_generation_fields" class="field-group">
                    <h3 class="field-group__title">Category Recipe Information</h3>
                    <div class="field-item">
                        {{ render_field(
                            deployment_form.gen_category_recipe_name,
                            prefix="category-",
                            class_='field-item__input field-item__input--no-rounding text-field',
                            placeholder='e.g. review-blog',
                            pattern='[-a-zA-Z0-9 ]+',
                            title='The name of the generated category recipe (accepts alpha-numerical characters and dashes)'
                        ) }}
                    </div>
                    <div class="field-item">
                        {{ render_field(
                            deployment_form.gen_category_recipe_desc,
                            prefix=false,
                            class_='field-item__input textarea',
                            placeholder='Default: A recipe for sharing code and composer packages between websites in the "Category Name" category',
                            title='The description that will be used for the category recipe'
                        ) }}
                    </div>
                </div>
            </div>
        </div>
        <div class="field-group field-group--disable-mobile">
            <h3 class="field-group__title">Extra Features</h3>
            <div class="field-item">
                {{ render_field(
                    deployment_form.include_proprietary,
                    prefix=false,
                    class_='custom-checkbox field-item__input checkbox'
                ) }}
                <label for="include_proprietary"></label>
            </div>
            <div class="field-item">
                {{ render_field(
                    deployment_form.test_deployment,
                    prefix=false,
                    class_='custom-checkbox field-item__input checkbox'
                ) }}
                <label for="test_deployment"></label>
            </div>
        </div>
        <div class="field-item">
            {{ render_field(
                deployment_form.deploy_button,
                prefix=false,
                class_='field-item__button primary gutter-r--sm'
            ) }}
            <input class="field-item__button" id="reset_deploy_form" name="deploy_button" type="reset" value="Reset">
        </div>
    </form>
</section>

<section class="task_panel update_task">
    <a name="UpdateWebsites"></a>
    <h2>Update Website Packages</h2>
    <p>Place a checkmark beside each of the websites that you would like updated, then click on the "Update Websites"
        button</p>
    <form action="{{ url_for('core.update') }}" method="post">
        {{ deployment_form.csrf_token }}
        <div>{{ update_form.website.label }} {{ update_form.website() }}</div>
        <div>{{ update_form.update_button() }}</div>
    </form>
</section>
{% endblock %}