{# @var craft \craft\web\twig\variables\CraftVariable #}
{#
/**
 * Portal plugin for Craft CMS 3.x
 *
 * Portal index.twig
 *
 * @author    Angell & Co
 * @copyright Copyright (c) 2018 Angell & Co
 * @link      https://angell.io
 * @package   Portal
 * @since     1.0.0
 */
#}

{% extends "_layouts/cp" %}
{% set title = "Targets"|t('portal') %}

{% block actionButton %}
    <a href="{{ url('portal/targets/new') }}" class="btn submit add icon">{{ "New Target"|t('portal') }}</a>
{% endblock %}

{% set crumbs = [
    { label: "Portal"|t('portal'), url: url('portal') },
    { label: "Live Preview"|t('app'), url: url('portal') }
] %}

{% block content %}
    <div class="field">
        <p id="notargets"{% if targets %} class="hidden"{% endif %}>
            {{ "No targets exist yet."|t('portal') }}
        </p>

        {% if targets %}
            <table id="targets" class="data fullwidth collapsible">
                <thead>
                <th scope="col">{{ "Name"|t('app') }}</th>
                <th scope="col">{{ "Context"|t('portal') }}</th>
                <td class="thin"></td>
                </thead>
                <tbody>
                {% for target in targets %}
                    <tr data-id="{{ target.id }}" data-name="{{ target.name }}">
                        <th scope="row" data-title="{{ 'Name'|t('app') }}"><a href="{{ url('portal/targets/' ~ target.id) }}">{{ target.name|t('site') }}</a></th>
                        <td class="code" data-title="{{ 'Context'|t('portal') }}">{{ target.contextName }}</td>
                        <td class="thin"><a class="delete icon" title="{{ 'Delete'|t('app') }}"></a></td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        {% endif %}
    </div>
{% endblock %}

{% js %}
    var adminTable = new Craft.AdminTable({
        tableSelector: '#targets',
        noItemsSelector: '#notargets',
        deleteAction: 'portal/targets/delete-target',
        confirmDeleteMessage: '{{ "Are you sure you want to delete “{name}”?"|t('portal') }}',
    });
{% endjs %}