{{extend 'layout.html'}}

<div class="row">
    <div class="col-md-3" style="background-color: white; margin-top: 10px; padding-left: 0px; padding-right: 0px;">
        <div class="row">
            <div class="col-md-12"> <!-- LOGO -->
                {{=response.logo or ''}}
            </div> <!-- /.LOGO -->
        </div>
    <!-- Alarm panel -->
    <div class="panel panel-default">
    <div class="panel-heading">
        <strong><i class="fa fa-bell-o"></i> {{=T("Alarms panel")}}</strong>
    </div>
    <div class="panel-body" style="padding: 0px 0px 0px 0px;">
        <script type="text/javascript">
            window.window.loadQuickForm = function () {
                var tip = $('#tip').val()
                $.web2py.ajax_page(
                    'post',
                    '{{=URL("site", "_quick.load")}}',
                    {tip: tip},
                    'quick',
                    $('#quick')
                );
            };
        </script>
        {{=FORM(DIV(
            INPUT(
                _id = "tip",
                _class="form-control", _name="tip", _type="text", _value=request.vars.tip,
                _placeholder=T("Start typing... "),
                _oninput="if (this.value.length>=3) {window.loadQuickForm()};",
                #_onchange="window.loadQuickForm()"
            ),
            SPAN(
                TAG.button(I(_class="fa fa-eraser"), _type="button", _class="btn btn-default", _title=T("Reset"),
                    _style="margin-right: 0px;", _onclick="$('#tip').val(null); window.loadQuickForm();"
                ),
                TAG.button(I(_class="fa fa-filter"), _type="button", _class="btn btn-default",
                    _title=T("Filter sites")
                ),
                _class="input-group-btn",
                _onclick="window.loadQuickForm();"
            ),
            _class="input-group", _style="margin: 10px 10px 10px 10px;"
        ))}}
        {{=LOAD("site", "_quick.load", ajax=True, target="quick")}}
    </div>
    <!-- <div class="panel-footer"></div> -->
    </div>
    <!-- /.Alarm panel -->

    </div>
    <div class="col-md-9" style="padding-top: 10px;"> <!-- MAP -->
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong><i class="fa fa-globe fa-fw"></i>Mappa impianti</strong>
                <div class="pull-right">
                    <div class="btn-group">
                        <button type="button" class="btn btn-default btn-xs"
                            title="{{=T('Run/Stop map animation')}}"
                            onclick="stopAnimation();"
                        >
                            <i class="fa fa-toggle-off"></i>
                        </button>
                    </div>
                </div>
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body" style="padding: 0px 0px 0px 0px;">
                {{=define_map('DashboardMap2',
                  update_url = URL('default', 'call', args=('json', 'sync_features', )))
                }}
            </div>
            <!-- /.panel-body -->
        </div>
    </div> <!-- /.MAP -->
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                 <h4 class="modal-title"></h4>

            </div>
            <div class="modal-body"><div class="te"></div></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->