{% extends "sprout-base-reports/_layouts/elementindex" %}
{% set elementType = 'barrelstrength\\sproutbase\\app\\reports\\elements\\Report' %}

{#{% import 'sprout-base/_includes/sproutcp' as sprout %}#}

{% set title  = "Reports"|t('sprout-base') %}

{% if currentPluginHandle == 'sprout-reports' %}
    {% set selectedTab = 'reports' %}
{% endif %}

{% block actionButton %}

     {#@todo - where do we add a report edit permission to Sprout Integrations?#}
       {#Can we have each integration define a permission with the same name?#}
    {% if currentUser.can('sproutReports-editReports') %}

        {% if newReportOptions|length > 1 %}
            <div class="btngroup submit first">
                <a class="btn submit add icon"
                   href="{{ newReportOptions[0].url }}">{{ "New Report"|t('sprout-base') }}</a>
                {% if dataSources %}
                    <div class="btn submit menubtn"></div>
                    <div class="menu">
                        <ul>
                            {% for option in newReportOptions %}
                                <li><a class="formsubmit"
                                       href="{{ option.url }}">{{ option.name }}</a>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                {% endif %}
            </div>
        {% else %}
            <div class="btngroup submit first">
                {% if newReportOptions[0] is defined %}
                <a class="btn submit add icon" href="{{ newReportOptions[0].url }}">{{ "New Report"|t('sprout-base') }}</a>
                {% endif %}
            </div>
        {% endif %}

    {% endif %}

{% endblock %}

{% block initJs %}
    // Pass segment to the NotificationEmailQuery class to filter notification entries
    var pluginHandle = {'pluginHandle': '{{ craft.app.request.getSegment(1) }}'};
    var criteria = Craft.defaultIndexCriteria

    var hideSidebar = false;
    if (pluginHandle.pluginHandle != 'sprout-reports') {
        hideSidebar = true;
        criteria = Object.assign(Craft.defaultIndexCriteria, pluginHandle);
    }

    Craft.elementIndex = Craft.createElementIndex('{{ elementType|e("js") }}', $('#main'), {
        context:        '{{ context }}',
        storageKey:     'elementindex.{{ elementType }}',
        criteria:       criteria,
        hideSidebar:    hideSidebar
    });
{% endblock %}




{#{% block content %}#}

    {#{% if reports %}#}

        {#<form method="post" accept-charset="UTF-8">#}
            {#{{ csrfInput() }}#}

            {#<div class="tableview">#}
                {#<table class="data fullwidth">#}
                    {#<thead>#}
                    {#<tr>#}
                        {#<th class="sproutreports-reportname"#}
                            {#style="width:60%;">{{ "Name"|t('sprout-base') }}</th>#}
                        {#<th class="sproutreports-datasource"#}
                            {#style="width:35%;">{{ "Data Source"|t('sprout-base') }}</th>#}
                        {#<th class="thin"></th>#}
                        {#<th class="thin"></th>#}
                    {#</tr>#}
                    {#</thead>#}
                    {#<tbody>#}
                    {#{% for report in reports %}#}
                        {#<tr>#}
                            {#<td class="sproutreports-reportname">#}
                                {#<a href="{{ cpUrl(craft.app.request.segment(1) ~ '/reports/view/' ~ report.id) }}">#}
                                    {#{% if report.nameFormat and report.hasNameFormat %}#}
                                        {#{{ report.processNameFormat() }}#}
                                    {#{% else %}#}
                                        {#{{ report.name }}#}
                                    {#{% endif %}#}
                                {#</a>#}

                                {#{% if report.description %}#}
                                    {#<span class="info">{{ report.description }}</span>#}
                                {#{% endif %}#}
                            {#</td>#}
                            {#<td class="sproutreports-reportdatasource">#}
                                {#{{ report.getDataSource().getName() }}#}
                            {#</td>#}

                            {#<td class="sproutreports-reportactions">#}
                                {#<a href="{{ actionUrl('sprout-base/reports/export-report', {reportId: report.id}) }}"#}
                                   {#class="btn small">{{ "Download"|t('sprout-base') }}</a>#}
                            {#</td>#}

                            {#<td class="sproutreports-reportactions">#}
                                {#<a href="{{ report.getCpEditUrl() }}"#}
                                   {#title="Edit Report Settings"#}
                                   {#data-icon="settings"></a>#}
                            {#</td>#}

                        {#</tr>#}
                    {#{% endfor %}#}
                    {#</tbody>#}
                {#</table>#}
            {#</div>#}

        {#</form>#}

    {#{% else %}#}

        {#{% set boxBody %}#}
            {#<p>{{ "Select the 'New Report' button in the top right to get started. Active Reports will be listed right here once they have been created."|t('sprout-base')|raw }}</p>#}
        {#{% endset %}#}

        {#{{ sprout.mediaBox({#}
            {#heading: "Create a custom report"|t('sprout-base'),#}
            {#body: boxBody,#}
            {#resourcePath: '@sproutbase/web/assets/sproutreports/dist/images/icon.svg'#}
        {#}) }}#}


    {#{% endif %}#}

{#{% endblock %}#}

{#{% block sidebar %}#}

    {#{% if currentPluginHandle == 'sprout-reports' %}#}

        {#{% set groups = craft.sproutReports.getReportGroups() %}#}

        {#<nav>#}
            {#<ul id="groups">#}

                {#<li>#}
                    {#<a href="{{ url('sprout-reports') }}"{% if groupId is null %} class="sel"{% endif %} data-key="*">#}
                        {#{{ "All Reports"|t('sprout-reports') }}</a></li>#}

                {#{% for group in groups %}#}
                    {#<li>#}
                        {#<a href="{{ url('sprout-reports/reports/'~group.id) }}"{% if groupId is defined and group.id == groupId %} class="sel"{% endif %}#}
                           {#data-id="{{ group.id }}">{{ group.name }}</a></li>#}
                {#{% endfor %}#}

            {#</ul>#}
        {#</nav>#}

        {#{% if currentUser.can('sproutReports-editReports') %}#}

            {#<div class="buttons">#}
                {#<div id="newgroupbtn"#}
                     {#class="btn add icon">{{ "New Group"|t('sprout-reports') }}</div>#}

                {#{% if groupId is defined %}#}
                    {#<div id="groupsettingsbtn" class="btn settings icon menubtn hidden"#}
                         {#title="{{ 'Settings' }}"></div>#}
                    {#<div class="menu">#}
                        {#<ul>#}
                            {#<li><a data-action="rename"#}
                                   {#role="button">{{ "Rename selected group"|t('sprout-reports') }}</a>#}
                            {#</li>#}
                            {#<li><a data-action="delete"#}
                                   {#role="button">{{ "Delete selected group"|t('sprout-reports') }}</a>#}
                            {#</li>#}
                        {#</ul>#}
                    {#</div>#}
                {#{% endif %}#}
            {#</div>#}

        {#{% endif %}#}

    {#{% endif %}#}

{#{% endblock %}#}

{#{% do view.registerAssetBundle("barrelstrength\\sproutbase\\web\\assets\\cp\\CpAsset") %}#}
{#{% do view.registerAssetBundle("barrelstrength\\sproutbase\\web\\assets\\groups\\GroupsAsset") %}#}

{#{% js %}#}
    {#new Craft.SproutBase.GroupsAdmin({#}
        {#groupsSelector: '#groups',#}
        {#newGroupButtonSelector: '#newgroupbtn',#}
        {#groupSettingsSelector: '#groupsettingsbtn',#}

        {#newGroupAction: 'sprout-base/reports/save-group',#}
        {#newGroupOnSuccessUrlBase: 'sprout-reports/reports',#}
        {#newGroupOnErrorMessage: Craft.t('sprout-base', 'Could not create the group:'),#}

        {#renameGroupAction: 'sprout-base/reports/save-group',#}
        {#renameGroupOnSuccessMessage: Craft.t('sprout-base', 'Group renamed.'),#}
        {#renameGroupOnErrorMessage: Craft.t('sprout-base', 'Could not rename the group:'),#}

        {#promptForGroupNameMessage: Craft.t('sprout-base', 'What do you want to name your group?'),#}

        {#deleteGroupAction: 'sprout-base/reports/delete-group',#}
        {#deleteGroupOnSuccessUrl: 'sprout-reports/reports',#}
        {#deleteGroupConfirmMessage: Craft.t('sprout-base', 'Are you sure you want to delete this group and all its reports?'),#}
        {#deleteGroupOnErrorMessage: Craft.t('sprout-base', 'Could not delete the group.'),#}
    {#});#}
{#{% endjs %}#}