<?php
    if ($info['error']) {
        echo sprintf('<p id="msg_error">%s</p>', $info['error']);
    } elseif ($info['warn']) {
        echo sprintf('<p id="msg_warning">%s</p>', $info['warn']);
    } elseif ($info['msg']) {
        echo sprintf('<p id="msg_notice">%s</p>', $info['msg']);
    } elseif ($info['notice']) {
       echo sprintf('<p id="msg_info"><i class="icon-info-sign"></i> %s</p>',
               $info['notice']);
    }
    $title = strpos($_SERVER['PATH_INFO'], 'link') !== false ? 'link' : 'merge';
?>
<h3 class="drag-handle"><i class="<?php echo $title == 'link' ? 'icon-link' : 'icon-code-fork' ?>"></i> <?php echo sprintf(__('%s Tickets'), ucfirst($title)); ?></i></h3>
<b><a class="close" href="#"><i class="icon-remove-circle"></i></a></b>
<hr/><?php echo sprintf(__(
'Choose which Tickets to %s. The Ticket on top will be the Parent Ticket. Sort the order of the Tickets by clicking and dragging them.'
), ($title == 'merge' ? 'merge into this one' : 'link'));
?>
<br/>
<br/>
<form method="post" onsubmit="refreshAndClose();" action="<?php echo $info['action']; ?>">
<input type="hidden" name="title" value="<?php echo $title; ?>" />
<ul id="ticket-entries">
<div class="merge-tickets" style="overflow-y: auto; height:100px; margin-bottom:5px;">
<?php
if ($tickets) {
foreach ($tickets as $t) {
    if (!is_array($tickets))
        list($ticket_id, $number, $ticket_pid, $sort, $id, $user_id,
        $subject, $name, $flags, $tasks, $collaborators, $entries) = $t;
    else
        extract($t); //same as above, but maintains sort for linking
    $mergeType = Ticket::getMergeTypeByFlag($flags);
    if ($mergeType == 'combine')
        $forceOptions = true;
    if ($ticket_pid && $mergeType == 'visual')
        $isLinkChild = true;
    $types[] = $mergeType;
?>
<li class="<?php if ($isLinkChild) echo 'sortable'; ?> row-item
    <?php
    if ($title == 'merge' &&
        (($parent && $parent instanceof Ticket && $parent->getMergeType() != 'visual' && $parent->getId() == $ticket_id) || //mass process merge
              ($ticket && $ticket_id == $ticket->getId() && $ticket->getMergeType() != 'visual'))) //ticket view merge or mass process merge w/child ticket(s)
            echo ' ui-state-disabled';
          else
            echo 'ui-sortable-handle';
    ?>" data-id="<?php echo $ticket_id; ?>">
    <input type="hidden" id="tids" name="tids[]" value="<?php echo $number; ?>" />
    <?php $numberLink = sprintf('<a style="display: inline" class="preview" data-preview="#tickets/%d/preview" href="%s" target="_blank">%s</a>',
            $ticket_id, Ticket::getLink($ticket_id), $number);
        $nbsp = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
        $iconLarge = '<i style="visibility: hidden;" class="fad fa-users"></i>';
        $iconSmall = '<i style="visibility: hidden;" class="icon-code-fork"></i>';
        $children=$ticket->getChildren();
        $subject = (strlen($subject) > 15) ? sprintf('%s...',substr($subject, 0, 15)) : $subject;
        $entryCount = $entries > 0 ?
            sprintf('<a data-placement="bottom" <i class="icon-comments-alt" data-toggle="tooltip" title="%s %s"></i></a>',
            $entries, __('Thread Entries')) : $nbsp.$iconLarge;
        $taskCount = sprintf('<a data-placement="bottom" <i class="icon-tasks" data-toggle="tooltip" title="%s %s"></i></a>',$tasks, __('Tasks'));
        $showMergePreview = ($mergeType != 'visual' && (count($children) > 0)) ?
            sprintf('<a class="merge preview"href="#tickets/%d/merge"><i class="icon-code-fork"></i></a>', $ticket_id) : '';
        $showLinkPreview = ($mergeType == 'visual' && (count($children) > 0)) ?
            sprintf('<a class="merge preview"href="#tickets/%d/merge"><i class="icon-link"></i></a>', $ticket_id) : '';
        $showCollaborators = ($collaborators > 0) ?
           sprintf('<a class="collaborators preview"href="#thread/%d/collaborators/0"><i class="fad fa-users"></i></a>', $id) : '';
    ?>
    <i class="icon-reorder"></i> <?php
    echo sprintf('%s %s %s %s %s <div style="position:absolute; right:40px; top:10px;">%s %s %s %s %s</div>',
        $numberLink ?: $number, $nbsp, $name, $nbsp, $subject, $entryCount, $tasks ? $nbsp.$taskCount : $nbsp.$iconLarge,
        $showMergePreview ? $nbsp.$showMergePreview : $nbsp.$iconSmall, $showLinkPreview ? $nbsp.$showLinkPreview : $nbsp.$iconLarge,
        $showCollaborators ? $nbsp.$showCollaborators : $nbsp.$iconLarge);
    if ($mergeType == 'visual') { ?>
    <div class="button-group">
    <div class="delete"><a href="#" onclick="javascript:
        var value = <?php echo $ticket_id; ?>;
        $('#ticket-entries').append($('<input/>').attr({name:'dtids[]', type:'hidden'}).val(value))
        $(this).closest('li.row-item').remove();$('#delete-warning').show();">
        <i class="fad fa-trash-alt"></i></a></div>
    </div>
<?php } ?>
</li>
<?php } } ?>
</div>
</ul>

<?php if ($title == 'merge') { ?>
<div id="participant-options">
&nbsp;&nbsp;&nbsp;
    <label class="inline checkbox">
        <?php echo __('Participants') ?>&nbsp;
    <select id="participants" name="participants">
            <option value='user'><?php echo __('User');?></option>
            <option value='all' selected="selected"><?php echo __('User + Collaborators'); ?></option>
    </select>
    </label>
</div>
<br/><br/>
<div id="child-status">
&nbsp;&nbsp;&nbsp;
    <label class="inline checkbox">
        <?php echo __('Child Status');?>
        <select id="statusId" name="statusId">
        <?php
        $states = array('closed');
        foreach (TicketStatusList::getStatuses(
                    array('states' => $states)) as $s) {
            if (!$s->isEnabled()) continue;
            echo sprintf('<option value="%d">%s</option>',
                    $s->getId(),
                    $s->getLocalName());
        }
        ?>
        </select>
        <i class="help-tip icon-question-sign" href="#child_status"></i>
    </label>
</div>
<br/>
<?php } ?>

<div>
<i class="icon-plus"></i>&nbsp;
<span>
    <select class="ticketSelection" name="name" id="ticket-number"
    data-placeholder="<?php echo __('Select Ticket'); ?>">
  </select>
</span>
<button type="button" class="inline green button" onclick="javascript:
    ids = [];
    $('input[name^=\'tids\']:checked').each(function() {
        ids.push($(this).val());
    });
    var select = $(this).parent().find('select'),
        $sel = select.find('option:selected'),
        id = $sel.val();
        data = $sel.data();
        for(var key in data) {
             ticket_id = data[key]['ticket_id'];
             ticketLink = '<?php echo Ticket::getLink('');?>';
             tasks = data[key]['tasks'];
             showTasks = (tasks > 0) ? '<a data-placement=\'bottom\' <i class=\'icon-tasks\' data-toggle=\'tooltip\' title=\''+tasks+' Tasks\'>' : '';
             spaces = data[key]['spaces'];
             user = data[key]['user'];
             collaborators = data[key]['collaborators'];
             thread_id = data[key]['thread_id'] ? data[key]['thread_id'] : 0;
             showEntries = (data[key]['entries'] > 0) ?
                '<a data-placement=\'bottom\' data-toggle=\'tooltip\' <i class=\'icon-comments-alt\' data-toggle=\'tooltip\' title=\''+data[key]['entries']+' Thread Entries\'>' : '';
             icon = (data[key]['mergeType'] == 'visual') ? '<i class=\'icon-link\'></i>' : '<i class=\'icon-code-fork\'></i>';
             showMergePrev = data[key]['mergePrev'] ? '<a class=\'merge preview\' href=\'#tickets/'+ticket_id+'/merge\'>'+icon+'</i></a>' : '';
             showCollaborators = (collaborators > 0) ?
                '<a class=\'collaborators preview\' href=\'#thread/'+thread_id+'/collaborators/0\'><i class=\'icon-group\'></i></a>' : '';
            inOriginalIds = ids.includes(ticket_id.toString());
        }
    if (data[key]['mergeType'] != 'visual') {
        alert('<?php echo __('Merged tickets cannot be added manually. They must be preselected.');?>');
        return;
    }
    if ($sel.prop('disabled'))
        return;
    if (!inOriginalIds) {
        $('.merge-tickets').append($('<li></li>').addClass('sortable row-item')
            .text(spaces + user + spaces)
            .data('id', id)
            .append(data[key]['subject'])
            .append(spaces)
            .append($('<div style=\'position:absolute; right:40px; top:10px;\'></div>')
                .append(showEntries)
                .append(showTasks ? spaces : '')
                .append(showTasks)
                .append(showMergePrev ? spaces : '')
                .append(showMergePrev)
                .append((collaborators > 0) ? spaces : '')
                .append(showCollaborators))
            .prepend($('<a target=\'_blank\' href=\''+ticketLink+ticket_id+'\' data-preview=\'#tickets/'+ticket_id+'/preview\' class=\'preview\'>\xa0'+id+'</a>'))
            .prepend($('<i>').addClass('icon-reorder'))
            .append($('<input/>').attr({name:'tids[]', type:'hidden'}).val(id))
            .append($('<div></div>').addClass('button-group')
              .append($('<div></div>').addClass('delete')
                .append($('<a href=\'#\'>')
                  .append($('<i>').addClass('icon-trash'))
                  .click(function() {
                    $sel.prop('disabled',false);
                    $(this).closest('li.row-item').remove();
                    $('#delete-warning').show();
                    return false;
                  })
                )
            ))
        );
    } else
        alert('<?php echo __('This Ticket is already in the list.');?>');
    $sel.prop('disabled',true);"><i class="fad fa-ticket-alt"></i>
<?php echo __('Add a Ticket'); ?></button>
</div>
<div>
    <hr>
    <?php echo ($title == 'merge') ? __('Merge Type: ') : ''; ?>
    <?php echo ($title == 'merge') ? '<i class="help-tip icon-question-sign" href="#merge_types"></i>' : ''; ?><br>
    <input <?php echo ($title == 'link') ? 'style="display:none"' : '';?> type="radio" name="combine" value="1"
           <?php echo ($ticket->getMergeType() == 'combine' || ($title == 'merge' && !$parent))?'checked="checked"':''; ?>>
           <?php echo ($title == 'merge') ? __('Combine Threads') : '';?>
    <input <?php echo ($title == 'link') ? 'style="display:none"' : '';?> type="radio" name="combine" value="0"
           <?php echo ($ticket->getMergeType() == 'separate')?'checked="checked"':''; ?>>
           <?php echo ($title == 'merge') ? __('Separate Threads') : '';?>
    <input style="display:none" type="radio" name="combine" value="2" <?php echo ($ticket->getMergeType() == 'visual' && $title == 'link')?'checked="checked"':''; ?>>
</div>
<?php if ($title == 'merge') { ?>
<hr>
<div id="merge-options">
    <label class="inline checkbox">
        <input type="checkbox" id="delete-child" name="delete-child">
        <?php echo __('Delete Child Ticket') ?>
    </label>
    <br>
    <label style="margin-top:2px;" class="inline checkbox">
        <input type="checkbox" id="move-tasks" name="move-tasks">
        <?php echo __('Move Child Tasks to Parent') ?>
    </label>
</div>
<div id="savewarning" style="display:none; padding-top:2px;"><p
id="msg_warning"><?php echo __('Are you sure you want to delete the child ticket(s)?'); ?></p></div>
<?php } ?>

<div id="delete-warning" style="display:none">
    <div id="msg_warning"><?php echo __(
    'Clicking <strong>Save Changes</strong> will unlink this Ticket'
    ); ?>
    </div>
</div>

<p class="full-width">
    <span class="buttons pull-left">
        <input type="button" name="cancel" class="<?php
            echo $user ? 'cancel' : 'close' ?>" value="<?php echo __('Cancel'); ?>">
    </span>
    <?php if (!$info['error']) { ?>
        <span class="buttons pull-right">
            <input type="submit" value="<?php echo __('Save Changes'); ?>">
        </span>
    <?php } ?>
 </p>

<script type="text/javascript">
$(function() {
    $('#ticket-entries').sortable({items: "li:not(.ui-state-disabled)"});
    $( "#ticket-entries li" ).disableSelection();
});
function refreshAndClose() {
    setTimeout(function () {
        location.reload();
    }, 1000);
}
$(document).ready(function() {
    $('.ticketSelection').select2({
      width: '450px',
      minimumInputLength: 3,
      ajax: {
        url: "ajax.php/tickets/lookup",
        dataType: 'json',
        data: function (params) {
          return {
            q: params.term,
          };
        },
        processResults: function (data) {
          return {
            results: $.map(data, function (item) {
                subject = (item.subject.length > 25) ? item.subject.substring(0, 25) + '...' : item.subject;
              return {
                text: item.id,
                ticket_id: item.ticket_id,
                user: item.user,
                id: item.id,
                tasks: item.tasks,
                thread_id: item.thread_id,
                spaces: '\xa0\xa0\xa0\xa0\xa0\xa0\xa0',
                mergeType: item.mergeType,
                mergePrev: item.children,
                collaborators: item.collaborators,
                entries: item.entries,
                subject: subject,
              }
            })
          };
        }
      }
    });
    $('#merge-options input[type=checkbox]').change(function(){
        childWarning();
    });
    function childWarning() {
        var value = $("#delete-child").prop("checked") ? 1 : 0;
        (value == 1) ? $('#savewarning').show() : $('#savewarning').hide();
    }
});
</script>

<style>
  #ticket-entries { list-style-type: none; padding: 0px;}
  #participant-options{ padding: 0px; display: block; float: left;}
</style>
