{{--
    Panel heading copied from Product.vue so the two pages match exactly:
    title left, filter toggle and add button floated right and pulled up over
    the title with the same negative margins.

    $title       panel title
    $addTarget   modal id to open, or null for no add button
    $addTooltip  tooltip for the add button
    $hasFilters  whether any filter is currently applied
    $extra       optional extra buttons, each ['target' => modal id, 'tooltip' => ..., 'icon' => glyphicon suffix].
                 A single button may be passed unwrapped.
--}}
<div class="panel-heading">
    <h3 class="panel-title"> {{ $title }} </h3>
    <span class="pull-right text-right" style="margin-right:-12px !important;margin-top:-24px !important;">
        <span class="tooltip-wrapper">
            <button type="button"
                    class="btn tooltip-btn {{ ($hasFilters ?? false) ? 'btn-secondary-custom' : 'btn-success' }}"
                    onclick="toggleDiscountFilters(this)">
                <i class="glyphicon glyphicon-filter"></i>
            </button>
            <div class="tooltip-content">Show or hide filters</div>
        </span>
        @foreach(isset($extra['target']) ? [$extra] : ($extra ?? []) as $button)
        <span class="tooltip-wrapper" style="margin-left:6px;">
            <button type="button" class="btn btn-success tooltip-btn"
                    data-toggle="modal" data-target="#{{ $button['target'] }}">
                <i class="glyphicon glyphicon-{{ $button['icon'] ?? 'user' }}"></i>
            </button>
            <div class="tooltip-content">{{ $button['tooltip'] ?? '' }}</div>
        </span>
        @endforeach
        @if(!empty($addTarget))
        <span class="tooltip-wrapper" style="margin-left:6px;">
            <button type="button" class="btn btn-success tooltip-btn"
                    data-toggle="modal" data-target="#{{ $addTarget }}">
                <i class="glyphicon glyphicon-plus"></i>
            </button>
            <div class="tooltip-content">{{ $addTooltip ?? 'Add new' }}</div>
        </span>
        @endif
    </span>
</div>