@if ($strategies->count() > 0)
    <div class="mt-3 strategies-list-container mb-4 pb-2 row g-4"
        current-page="{{ empty(request()->page) ? 1 : empty(request()->page) }}"
    >
    @foreach ($strategies as $key => $strategy)
        @php
            $preview = $previews[$strategy->id];
            $preset = $strategy->preset ?: Acelle\Model\WarmupStrategy::PRESET_BALANCED;
            $quotaType = $strategy->quota_type ?: Acelle\Model\WarmupStrategy::QUOTA_TYPE_DAILY;
            $startingVolume = $preview->startVolume;
            $dailyIncrement = $preview->dailyIncrement;
            $growthStrategy = $strategy->growth_strategy ?: Acelle\Model\WarmupStrategy::GROWTH_STRATEGY_LINEAR;
            $limitType = $preview->limitType;
            $limitLabel = match ($limitType) {
                Acelle\Model\WarmupStrategy::LIMIT_TYPE_TARGET_VOLUME => trans('warmup.fields.limit_target_volume'),
                Acelle\Model\WarmupStrategy::LIMIT_TYPE_STOP_AFTER_DAYS => trans('warmup.fields.limit_stop_after_days'),
                default => trans('warmup.fields.limit_per_day_cap'),
            };
            $limitValue = match ($limitType) {
                Acelle\Model\WarmupStrategy::LIMIT_TYPE_TARGET_VOLUME => number_with_delimiter($preview->activeLimitValue).' '.trans('messages.emails'),
                Acelle\Model\WarmupStrategy::LIMIT_TYPE_STOP_AFTER_DAYS => number_with_delimiter($preview->activeLimitValue).' '.trans('messages.days'),
                default => number_with_delimiter($preview->activeLimitValue).'/'.trans('warmup.quota_types.' . $quotaType),
            };
            $growthMetricLabel = $growthStrategy === Acelle\Model\WarmupStrategy::GROWTH_STRATEGY_EXPONENTIAL
                ? trans('warmup.fields.exponential_factor')
                : trans('warmup.fields.daily_increment');
            $growthMetricValue = $growthStrategy === Acelle\Model\WarmupStrategy::GROWTH_STRATEGY_EXPONENTIAL
                ? 'x'.number_format((float) $preview->exponentialFactor, 2)
                : '+'.number_with_delimiter($dailyIncrement).'/'.trans('warmup.quota_types.' . $quotaType);
            $planSteps = collect($preview->milestones);
            $planStepMaxVolume = max(1, $planSteps->max('volume') ?: 1);
        @endphp
        <div class="col-lg-6">
            <div class="p-4 shadow-sm bg-white rounded-4 h-100 border warmup-surface">
                <div class="plugin-title-column plugin-title-{{ $strategy->name }} w-100">
                        
                        <h5 class="no-margin text-semibold kq_search">
                            {{ $strategy->name }}                     
                        </h5>
                        <div class="d-flex align-items-center gap-2 mt-1">
                            <span class="badge rounded-pill warmup-soft-badge {{ $strategy->status === Acelle\Model\WarmupStrategy::STATUS_ACTIVE ? 'warmup-soft-badge-active' : 'warmup-soft-badge-neutral' }}">{{ trans('warmup.status.' . $strategy->status) }}</span>
                            <span class="badge rounded-pill warmup-soft-badge warmup-soft-badge-neutral">{{ trans('warmup.presets.' . $preset) }}</span>
                        </div>
                        <span class="mt-1 d-block text-muted mb-2">
                            {{ $strategy->description }}
                        </span>

                        <div>
                            <span class="text-muted small">
                                <span class="material-symbols-rounded me-2">manage_history</span> {{ trans('warmup.list.updated_at') }}: {{ Auth::user()->admin->formatDateTime($strategy->updated_at, 'datetime_full') }}
                            </span>
                        </div>

                        <div class="row mt-3 g-3">
                            <div class="col-lg-7">
                                <div class="warmup-index-stats bg-light rounded-4 border overflow-hidden">
                                    <div class="d-flex flex-column flex-sm-row align-items-sm-start justify-content-between gap-1 gap-sm-3 px-3 py-3 border-bottom small">
                                        <span>{{ trans('warmup.fields.starting_volume') }}</span>
                                        <strong class="text-sm-end">{{ number_with_delimiter($startingVolume) }}/{{ trans('warmup.quota_types.' . $quotaType) }}</strong>
                                    </div>
                                    <div class="d-flex flex-column flex-sm-row align-items-sm-start justify-content-between gap-1 gap-sm-3 px-3 py-3 border-bottom small">
                                        <span>{{ $growthMetricLabel }}</span>
                                        <strong class="text-sm-end">{{ $growthMetricValue }}</strong>
                                    </div>
                                    <div class="d-flex flex-column flex-sm-row align-items-sm-start justify-content-between gap-1 gap-sm-3 px-3 py-3 border-bottom small">
                                        <span>{{ $limitLabel }}</span>
                                        <strong class="text-sm-end">{{ $limitValue }}</strong>
                                    </div>
                                    <div class="d-flex flex-column flex-sm-row align-items-sm-start justify-content-between gap-1 gap-sm-3 px-3 py-3 border-bottom small">
                                        <span>{{ trans('warmup.preview.estimated_full_warmup') }}</span>
                                        <strong class="text-sm-end">{{ number_with_delimiter($preview->estimatedFullWarmupDay) }} {{ trans('messages.days') }}</strong>
                                    </div>
                                    <div class="d-flex flex-column flex-sm-row align-items-sm-start justify-content-between gap-1 gap-sm-3 px-3 py-3 border-bottom small">
                                        <span>{{ trans('warmup.fields.growth_strategy') }}</span>
                                        <strong class="text-sm-end">{{ trans('warmup.growth_strategies.' . $growthStrategy) }}</strong>
                                    </div>
                                    <div class="d-flex flex-column flex-sm-row align-items-sm-start justify-content-between gap-1 gap-sm-3 px-3 py-3 small">
                                        <span>{{ trans('warmup.preview.risk_level') }}</span>
                                        <strong class="text-sm-end">{{ trans('warmup.risk_levels.' . $preview->riskLevel) }}</strong>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-5">
                                <div class="warmup-index-growth bg-light border rounded-4 p-3 h-100">
                                    <div class="small text-muted mb-2">{{ trans('warmup.preview.volume_growth') }}</div>
                                    <div class="d-flex flex-column gap-2">
                                        @foreach ($planSteps as $step)
                                            <div>
                                                <div class="d-flex justify-content-between small text-muted mb-1">
                                                    <span>{{ $step['label'] }}</span>
                                                    <span>{{ number_with_delimiter($step['volume']) }} emails</span>
                                                </div>
                                                <div class="progress" style="height:6px;">
                                                    <div class="progress-bar bg-success" role="progressbar" style="width: {{ min(100, max(6, (int) round(($step['volume'] / $planStepMaxVolume) * 100))) }}%"></div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="text-end pe-0 ms-auto mt-4" style="width:100%">

                            @if (Auth::user()->admin->can('enable', $strategy))
                                <a link-confirm="{{ trans('messages.warmup.strategy.enable.confirm') }}" link-method="POST"
                                    href="{{ action('Admin\WarmupStrategyController@enable', ["uids" => $strategy->uid]) }}"
                                    class="btn btn-primary list-action-single"
                                >
                                    {{ trans('warmup.buttons.enable') }}
                                </a>
                            @endif

                            @if (Auth::user()->admin->can('disable', $strategy))
                                <a link-confirm="{{ trans('messages.warmup.strategy.disable.confirm') }}" link-method="POST"
                                    href="{{ action('Admin\WarmupStrategyController@disable', ["uids" => $strategy->uid]) }}"
                                    class="btn btn-default list-action-single"
                                >
                                    {{ trans('warmup.buttons.disable') }}
                                </a>
                            @endif

                            <a 
                                href="{{ action('Admin\WarmupStrategyController@edit', $strategy->uid) }}"
                                class="btn btn-default"
                            >
                                <span class="material-symbols-rounded">edit</span> {{ trans('warmup.buttons.edit') }}
                            </a>

                            <div class="btn-group">
                                <button role="button" class="btn btn-light icon-only dropdown-toggle" data-bs-toggle="dropdown">
                                    
                                </button>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    <li>
                                        <a
                                            link-confirm="{{ trans('messages.warmup.strategy.delete.confirm') }}" link-method="POST"
                                            class="dropdown-item list-action-single"
                                            href="{{ action('Admin\WarmupStrategyController@delete', ["uids" => $strategy->uid]) }}"
                                        >
                                            <i class="material-symbols-rounded">delete</i> {{ trans('warmup.buttons.delete') }}
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    
                    
                
                </div>
            </div>
        </div>
    @endforeach
    </div>
    @include('elements/_per_page_select', ["items" => $strategies])

    <script>
        var WarmupStrategiesList = {
            oneClickPopup: null,

            init: function() {
                this.oneClickPopup = new Popup();
            }
        }

        $(function() {
            WarmupStrategiesList.init();

            $('[list-action="one-click-login"]').on('click', function(e) {
                e.preventDefault();
                var url = $(this).attr('href');

                WarmupStrategiesList.oneClickPopup.load(url);
            })
        })
    </script>
    
@elseif (!empty(request()->filters))
    <div class="empty-list">
        <span class="material-symbols-rounded">strategy</span>
        <span class="line-1">
            {{ trans('messages.no_search_result') }}
        </span>
    </div>
@else
    <div class="empty-list">
        <span class="material-symbols-rounded">strategy</span>
        <span class="line-1">
            {{ trans('warmup.list.empty_title') }}
        </span>
    </div>
@endif