{{--

    Name: partials.bounce-labels.blade
    Author: AL
    Created: 2016-01-07
    Description: This blade is used to show sendout statistics as labels instead of bars

 --}}

<div class="project-completion" style="min-width:100px;">
    <div class="row">
        <div class="col-md-4">
            DEPRECATED  bounce-labels.blade.php ta bort mig om du ser mig
            @if ($statsData['sent'] == 0)
                <span class="width-100 label label-plain" title="{{ $statsData['sent'] }} / {{ $statsData['total'] }} ({{ round($statsData['sent_percentage'], 0) }}%) @lang('bounceStick.sent')">0 <span class="hidden-xs hidden-sm">@lang('bounceStick.sent')</span></span>
            @else
                <div class="progress width-100" title="{{ $statsData['sent'] }} / {{ $statsData['total'] }} ({{ round($statsData['sent_percentage'], 0) }}%) @lang('bounceStick.sent')">
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{{ $statsData['sent_percentage'] }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $statsData['sent_percentage'] }}%;">
                        <span>{{ $statsData['sent'] }} @lang('bounceStick.sent')</span>
                    </div>
                </div>
            @endif
        </div>
        <div class="col-md-4">
            @if ($statsData['sent'] == 0)
                <span class="width-100 hidden"></span>
            @elseif ($statsData['open'] == 0)
                <span class="width-100 label label-plain">0 <span class="hidden-xs hidden-sm">@lang('bounceStick.opened')</span></span>
            @else
                <div class="progress width-100" title="{{ $statsData['open'] }} / {{ $statsData['sent'] }} ({{ round($statsData['open'] / $statsData['sent'] * 100, 0) }}%) @lang('bounceStick.opened')">
                    <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="{{ $statsData['open'] / $statsData['sent'] * 100 }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $statsData['open'] / $statsData['sent'] * 100 }}%;">
                        <span>{{ $statsData['open'] }} @lang('bounceStick.opened')</span>
                    </div>
                </div>
            @endif
        </div>
        <div class="col-md-4">
            @if ($statsData['bounce'] == 0)
                <span class="width-100 hidden"></span>
            @else
                <div class="progress width-100" title="{{ $statsData['bounce'] }} / {{ $statsData['sent'] }} ({{ round($statsData['bounce'] / $statsData['sent'] * 100, 0) }}%) @lang('bounceStick.bounce')">
                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="{{ $statsData['bounce'] / $statsData['sent'] * 100 }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $statsData['bounce'] / $statsData['sent'] * 100 }}%;">
                        <span>{{ $statsData['bounce'] }} @lang('bounceStick.bounce')</span>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>