<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">

<!-- Tooltip Dependencies -->

<t t-name="website.get_tooltip_dependencies">
    <t t-foreach="dependencies" t-as="dep">
        <b><t t-esc="dep"/></b>
        <ul>
            <li t-foreach="dep_value" t-as="item">
                <a t-att-href="item_value['link']"
                   t-att-title="item_value['item']"
                   class="o_text_overflow">
                    <t t-esc="item_value['item']"/>
                </a>
            </li>
        </ul>
    </t>
</t>
<t t-name="website.show_page_key_dependencies">
    <div class="col-md-9 offset-md-3">
        <span class="text-muted" id="warn_about_call_message">
            <t t-set="depTooltip">
                <t t-call="website.get_tooltip_dependencies"/>
            </t>
            It looks like your file is being called by
            <a href="#" data-toggle="popover" t-att-data-content="depTooltip" data-html="true" title="Dependencies"><t t-esc="dep_text" /></a>.
            Changing its name will break these calls.
        </span>
    </div>
</t>
<t t-name="website.show_page_dependencies">
    <t t-set="depTooltip">
        <t t-call="website.get_tooltip_dependencies"/>
    </t>
    (could be used in <a href="#" data-toggle="popover" t-att-data-content="depTooltip" data-html="true" title="Dependencies"><t t-esc="dep_text" /></a>)
</t>

<!-- Page Properties -->

<div t-name="website.pagesMenu.page_info" class="o_page_management_info">
    <form>
        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item"><a aria-controls="basic_page_info" role="tab" data-toggle="tab" class="nav-link active" href="#basic_page_info">Name</a></li>
            <li class="nav-item"><a aria-controls="advances_page_info" role="tab" data-toggle="tab" class="nav-link" href="#advances_page_info">Publish</a></li>
        </ul>
        <div class="tab-content mt16">
            <div role="tabpanel" id="basic_page_info" class="tab-pane fade show active">
                <div class="form-group row">
                    <label class="col-form-label col-md-3" for="page_name">Page Name</label>
                    <div class="col-md-9">
                        <input type="text" class="form-control form-control-sm" id="page_name" t-att-value="widget.page.name" />
                    </div>
                </div>
                <div class="form-group warn_about_call"></div>
                <div class="form-group row">
                    <label class="col-form-label col-md-3" for="page_url">Page URL</label>
                    <div class="col-md-9">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text" t-att-title="widget.serverUrl"><small><t t-esc="widget.serverUrlTrunc"/></small></span>
                            </div>
                            <input type="text" class="form-control form-control-sm" id="page_url" t-att-value="widget.page.url" />
                        </div>
                    </div>
                </div>
                <div class="form-group row ask_for_redirect">
                    <label class="col-form-label col-md-3" for="create_redirect">Redirect Old URL</label>
                    <div class="col-md-2">
                        <a>
                            <label class="o_switch" for="create_redirect" >
                                <input type="checkbox" id="create_redirect"/>
                                <span/>
                            </label>
                        </a>
                    </div>
                    <div class="col-md-7 mt4">
                        <span class="text-muted" id="dependencies_redirect"></span>
                    </div>
                </div>
                <div class="form-group row ask_for_redirect">
                    <label class="col-form-label col-md-3 redirect_type" for="redirect_type">Type</label>
                    <div class="col-md-6 redirect_type">
                        <select class="form-control" id="redirect_type">
                            <option t-foreach="widget.fields.type.selection" t-as="field" t-att-value="field[0]"><t t-esc="field[0] + ': ' + field[1]" /></option>
                        </select>
                    </div>
                </div>
            </div>
            <div role="tabpanel" id="advances_page_info" class="tab-pane fade">
                <div class="form-group row">
                    <label class="control-label col-md-5" for="is_menu">Show in Top Menu</label>
                    <div class="col-sm-2">
                        <label class="o_switch" for="is_menu" >
                            <input type="checkbox" t-att-checked="widget.page.menu_ids.length > 0 ? true : undefined" id="is_menu"/>
                            <span/>
                        </label>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="control-label col-md-5" for="is_homepage">Use as Homepage</label>
                    <div class="col-sm-2">
                        <label class="o_switch" for="is_homepage" >
                            <input type="checkbox" t-att-checked="widget.page.is_homepage ? true : undefined" id="is_homepage"/>
                            <span/>
                        </label>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="control-label col-md-5" for="is_indexed">
                        Indexed
                        <i class="fa fa-question-circle-o" title="Hide this page from search results" role="img" aria-label="Info"></i>
                    </label>
                    <div class="col-md-2">
                        <label class="o_switch" for="is_indexed" >
                            <input type="checkbox" t-att-checked="widget.page.website_indexed ? true : undefined" id="is_indexed"/>
                            <span/>
                        </label>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="control-label col-md-5" for="is_published">Publish</label>
                    <div class="col-sm-2">
                        <label class="o_switch js_publish_btn" for="is_published">
                            <input type="checkbox" t-att-checked="widget.page.website_published ? true : undefined" id="is_published"/>
                            <span/>
                        </label>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="control-label col-md-5" for="date_publish">Publishing Date</label>
                    <div class="col-md-7">
                        <div class="input-group date" id="date_publish_container" data-target-input="nearest">
                            <input type="text" class="form-control datetimepicker-input" data-target="#date_publish_container" id="date_publish"/>
                            <div class="input-group-append" data-target="#date_publish_container" data-toggle="datetimepicker">
                                <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
</templates>
