%# BEGIN BPS TAGGED BLOCK {{{
%#
%# COPYRIGHT:
%#
%# This software is Copyright (c) 1996-2022 Best Practical Solutions, LLC
%#                                          <sales@bestpractical.com>
%#
%# (Except where explicitly superseded by other copyright notices)
%#
%#
%# LICENSE:
%#
%# This work is made available to you under the terms of Version 2 of
%# the GNU General Public License. A copy of that license should have
%# been provided with this software, but in any event can be snarfed
%# from www.gnu.org.
%#
%# This work is distributed in the hope that it will be useful, but
%# WITHOUT ANY WARRANTY; without even the implied warranty of
%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
%# General Public License for more details.
%#
%# You should have received a copy of the GNU General Public License
%# along with this program; if not, write to the Free Software
%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
%# 02110-1301 or visit their web page on the internet at
%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html.
%#
%#
%# CONTRIBUTION SUBMISSION POLICY:
%#
%# (The following paragraph is not intended to limit the rights granted
%# to you to modify and distribute this software under the terms of
%# the GNU General Public License and is only of importance to you if
%# you choose to contribute your changes and enhancements to the
%# community by submitting them to Best Practical Solutions, LLC.)
%#
%# By intentionally submitting any modifications, corrections or
%# derivatives to this work, or any other work intended for use with
%# Request Tracker, to Best Practical Solutions, LLC, you confirm that
%# you are the copyright holder for those contributions and you grant
%# Best Practical Solutions,  LLC a nonexclusive, worldwide, irrevocable,
%# royalty-free, perpetual, license to use, copy, create derivative
%# works based on those contributions, and sublicense and distribute
%# those contributions and any derivatives thereof.
%#
%# END BPS TAGGED BLOCK }}}
<div class="selectionbox-js">
  <div class="form-row">
    <div class="col-6">
      <div class="source">
        <div class="filters">
          <div class="form-row">
            <div class="col-auto">
              <input type="search" class="field form-control" name="search" placeholder="<&|/l&>Search…</&>" autocomplete="off">
            </div>
%           if ( @filters ) {
            <div class="col-auto">
              <select class="form-control selectpicker" name="filter">
                  <option value=""><&|/l&>All Types</&></option>
%             for (@filters) {
%               my ($value, $label) = @$_;
                  <option value="<% $value %>"><% $label %></option>
% }
              </select>
            </div>
%           }
          </div>
        </div>

        <div class="contents">
%       for my $section (@sections) {
%         my $label = $section->{label};
%         my $items = $section->{items};

          <div class="section">
            <h3><% $label | n %></h3>
            <ul>
%             for my $item (sort {$a->{'label'} cmp $b->{'label'}} @$items) {
                <& /Elements/ShowSelectSearch, %$item &>
%             }
            </ul>
          </div>
%       }
        </div>
      </div>
    </div>

    <div class="col-6">
      <div class="destinations">
%     for my $pane (sort keys %pane_name) {
        <div class="destination" data-pane="<% $pane %>">
          <div class="contents">
            <h3><% $pane_name{$pane} %></h3>
            <ul>
%           for my $item (@{ $selected{$pane} }) {
              <& /Elements/ShowSelectSearch, %$item &>
%           }
            </ul>
          </div>
        </div>
%   }
      </div>
    </div>
  </div>
</div>

<%INIT>
use utf8;
$m->callback(
    CallbackName => 'Default',
    sections     => \@sections,
    selected     => \%selected,
    filters      => \@filters,
);
</%INIT>
<%ARGS>
%pane_name
@filters
@sections
%selected
</%ARGS>
