<template>
<t t-name="DashBoard">
    <div class="oe_dashboard_links">
        <button type="button" class="button oe_dashboard_link_reset" title="Reset Layout.." t-att-style="view.fields_view.custom_view_id || session.debug ? null : 'display: none'">
            <img src="/board/static/src/img/layout_2-1.png" width="16" height="16"/>
            <span> Reset </span>
        </button>
        <button type="button" class="button oe_dashboard_link_change_layout" title="Change Layout..">
            <img src="/board/static/src/img/layout_1-1-1.png" width="16" height="16"/>
            <span> Change Layout </span>
        </button>
    </div>
    <table t-att-data-layout="node.attrs.layout" t-attf-class="oe_dashboard oe_dashboard_layout_#{node.attrs.layout}" cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td t-foreach="node.children" t-as="column" t-if="column.tag == 'column'"
             t-att-id="view.element_id + '_column_' + column_index" t-attf-class="oe_dashboard_column index_#{column_index}">

            <t t-foreach="column.children" t-as="action" t-if="action.tag == 'action'" t-call="DashBoard.action"/>
        </td>
    </tr>
    </table>
</t>
<t t-name="DashBoard.action">
    <div t-att-data-id="action.attrs.name" class="oe_action">
        <h2 t-attf-class="oe_header #{action.attrs.string ? '' : 'oe_header_empty'}">
            <span class="oe_header_txt"> <t t-esc="action.attrs.string"/> </span>
            <input class = "oe_header_text" type="text"/>
            <t t-if="!action.attrs.string">&amp;nbsp;</t>
            <span class='oe_icon oe_close'></span>
            <span class='oe_icon oe_minimize oe_fold' t-if="!action.attrs.fold"></span>
            <span class='oe_icon oe_maximize oe_fold' t-if="action.attrs.fold"></span>
        </h2>
        
        <div t-attf-id="#{view.element_id}_action_#{column_index}_#{action_index}" class="oe_content" t-att-style="action.attrs.fold ? 'display: none' : null"></div>
    </div>
</t>
<t t-name="DashBoard.layouts">
    <div class="oe_dashboard_layout_selector">
        <p>
            <strong>Choose dashboard layout</strong>
        </p>
        <ul>
            <li t-foreach="'1 1-1 1-1-1 1-2 2-1'.split(' ')" t-as="layout" t-att-data-layout="layout">
                <img t-attf-src="/board/static/src/img/layout_#{layout}.png"/>
                <img t-if="layout == current_layout"
                    src="/web/static/src/img/icons/gtk-apply.png" width="16" height="16" class="oe_dashboard_selected_layout"/>
            </li>
        </ul>
    </div>
</t>
<t t-name="DashBoard.xml">
    <form t-att-string="form_title" version="7.0">
        <board t-att-style="style">
            <column t-foreach="columns" t-as="column">
                <action t-foreach="column" t-as="action" t-att="action"/>
            </column>
        </board>
    </form>
</t>
<div t-name="HomeWidget" class="oe_dashboard_home_widget"/>
<t t-name="HomeWidget.content">
    <h3><t t-esc="widget.title"/></h3>
    <iframe width="100%" frameborder="0" t-att-src="url"/>
</t>

<div t-name="SearchView.addtodashboard" class="oe_searchview_dashboard">
    <h4>Add to Dashboard</h4>
    <form>
        <p><input placeholder="Title of new dashboard item"/></p>
        <button class="oe_apply" type="submit">Add</button>
    </form>
</div>
<t t-name="SearchView.addtodashboard.selection">
    <select>
        <option t-foreach="selections" t-as="element"
                t-att-value="element.id ">
            <t t-esc="element.name"/></option>
    </select>
</t>

</template>
