{% extends "admin_base.tpl" %}

{% block title %} Development {% endblock %}

{% block content %}
<div class="admin-header">
    <h2>{_ Site Development _}</h2>
    
    <p>{_ Tools and settings that are useful for site development. _}</p>
</div>

<h3>{_ Settings _}</h3>
<div class="well">

    <div>
        {% wire id="tpldbg" 
            action={config_toggle module="mod_development" key="debug_includes"}
            action={admin_tasks task='flush'} 
        %}
        <label class="checkbox-inline">
            <input type="checkbox" id="tpldbg" value="1" {% if m.config.mod_development.debug_includes.value %}checked="checked"{% endif %} />
            {_ Show paths to included template files in generated templates _}
        </label>
    </div>

    <div>
        {% wire id="blkdbg" 
            action={config_toggle module="mod_development" key="debug_blocks"}
            action={admin_tasks task='flush'} 
        %}
        <label class="checkbox-inline">
            <input type="checkbox" id="blkdbg" value="1" {% if m.config.mod_development.debug_blocks.value %}checked="checked"{% endif %} />
            {_ Show defined blocks in generated templates _}
        </label>
    </div>
    
    <div>
        {% wire id="libsep" 
            action={config_toggle module="mod_development" key="libsep"}
            action={admin_tasks task='flush'} 
        %}
        <label class="checkbox-inline">
            <input type="checkbox" id="libsep" value="1" {% if m.config.mod_development.libsep.value %}checked="checked"{% endif %} />
            {_ Download css and javascript files as separate files (ie. don’t combine them in one url). _}
        </label>
    </div>

    <div>
        {% wire id="devapi" 
            action={config_toggle module="mod_development" key="enable_api"}
        %}
        <label class="checkbox-inline">
            <input type="checkbox" id="devapi" value="1" {% if m.config.mod_development.enable_api.value %}checked="checked"{% endif %} />
            {_ Enable API to recompile &amp; build Zotonic _}
        </label>
    </div>
</div>

<h3>{_ Template debugging _}</h2>
<div class="well">
    <p>{_ Find a template, check which template will be selected _}</p>

    {% wire id="explain-tpl" type="submit"
            postback=`explain_tpl`
            delegate=`z_development_template`
    %}
    <form id="explain-tpl" class="form-inline" method="GET" action="postback">
        <select class="form-control" name="tpl_cat">
            <option value="">{_ Optional category for catinclude _}</option>
            <option disabled></option>
            {% for c in m.category.tree_flat %}
                <option value="{{ c.id.name }}">{{ c.indent }}{{ c.id.name }}</option>
            {% endfor%}
        </select>
        <input class="form-control" type="text" name="tpl_name" placeholder="foo.tpl" value="" />
        <button class="btn btn-default" type="submit">{_ Find _}</button>
    </form>

    <div id="explain-tpl-output" style="display:none"></div>

    <hr/>

    <p><a href="{% url admin_development_templates %}">Show which files are included in a template compilation</a></p>
    <p class="help-block">At times it can be confusing which templates are actually used during a template compilation.  Here you can see which files are included whilst compiling a template.</p>

</div>



<h3>{_ Dispatch rule debugging _}</h3>
<div class="well">

    <p>{_ Match a request url, display matched dispatch rule. _}</p>

    {% wire id="explain-dispatch" type="submit"
            postback=`explain_dispatch`
            delegate=`z_development_dispatch`
    %}
    <form id="explain-dispatch" class="form-inline" method="GET" action="postback">
        <select id="explain_protocol" name="explain_protocol" class="col-md-4 form-control">
            <option value="http">http://{{ m.site.hostname }}</option>
            <option value="https">https://{{ m.site.hostname }}</option>
        </select>
        <input class="form-control" type="text" id="explain_req" name="explain_req" placeholder="/foo/bar" value="" />
        <button class="btn btn-default" type="submit">{_ Explain _}</button>
    </form>

    <div id="explain-dispatch-output" style="display:none"></div>
</div>

{% endblock %}