{% extends 'layouts/backend_old.jinja2' %}

{% block title %}Website and Form Call Widgets{% endblock %}
{% block heading %}Manage Widgets {% endblock %}
{% block body %}
<div class="content">
    <div class="container-fluid">
    <div id="flash-messages">
    </div>
        <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header card-header-icon" data-background-color="light-blue">
                    <i class="material-icons">assignment</i>
                </div>
                <div class="card-content">
                    <h4 class="card-title">Widget Table
                    </h4>
                    <div class="toolbar">
                    </div>
                    {% if (current_user.role == 'admin') or (current_user.is_viewing_partnership) %}
                    <div class="add-agent-btn">
                    <a href="{{ url_for('widgets.new') }}" class="btn btn-success add-agent-btn btn">
                    {{ _('Add New Widget') }}</a>
                    </div>
                    {% endif %}
                    <div class="material-datatables table-responsive">
                        <table id="outbound-datatable" class="table table-striped table-vcenter" style="width: 100%">
                            <thead>
                                <tr role="row">
                                    <th>{{ _('No') }}</th>
                                    <th><i class="fa fa-search fa-fw"></i> {{ _('Name') }}</th>
                                    <th>{{ _('Number of leads') }}</th>
                                    <th>{{ _('Created on') }}</th>
                                    <th>{{ _('Last updated on') }}</th>
                                    <th class="text-center" style="width: 100px">
                                        {{ _('Actions') }}
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
{% block scripts %}
<script>
window.appConfig = {
  server_url: document.location.host,
}
</script>
{{ javascript_tag("outbound_backend_js") }}
{% endblock %}
{% block pagescripts %}
<script type="text/html" id="action-cell">
<div class="text-center datatables-action-buttons">
    <span class="btn-group">
    <a href="<%- editUrl  %>" class="btn btn-xs btn-success btn-table-action" title="Edit" data-toggle="tooltip"><i class="material-icons">mode_edit</i></a>
        <% if (!usageOverLimit) { %>
            <% if (enabled) { %>
        <button type="submit" class="btn btn-xs btn-info btn-table-action disable-button" title="<%- __('Disable') %>" data-toggle="tooltip"><i class="material-icons">pause_circle_outline</i></button>
            <% } else { %>
        <button type="submit" class="btn btn-xs btn-info btn-table-action enable-button" title="<%- __('Enable') %>" data-toggle="tooltip"><i class="material-icons">play_circle_outline</i></button>
            <% } %>
        <% } %>
        <button type="submit" class="btn btn-xs btn-danger btn-table-action delete-button" title="<%- __('Delete') %>" data-toggle="tooltip"><i class="material-icons">delete_forever</i></button>
        <a href="<%- installURL  %>" class="btn btn-xs btn-primary btn-table-action" title="Install Instructions" data-toggle="tooltip"><i class="material-icons">stars</i></a>
    </span>
</div>
</script>
<script>
    window.setTimeout(function() { $('#flash-messages').hide('slow') }, 10000);
</script>
{% endblock %}