@extends('admin.firewallplus.layout', ['fwpTab' => 'operations'])

@section('fwp_title')
    Firewall-Plus: Queue and cleanups
@endsection

@section('fwp_subtitle')
    Apply queue and pending node cleanups
@endsection

@section('fwp')
@if (session('success'))
    <div class="alert alert-success alert-dismissible">
        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
        {{ session('success') }}
    </div>
@endif
@if (session('error'))
    <div class="alert alert-danger alert-dismissible">
        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
        {{ session('error') }}
    </div>
@endif
<style>
    .fwp-admin-wrap .fwp-tabs-box > .tab-content {
        overflow: visible !important;
    }
</style>

<div class="row">
    <div class="col-xs-12">
        <div class="box box-primary fwp-tabs-box">
            <div class="box-header with-border clearfix">
                <ul class="nav nav-tabs fwp-sub-tabs pull-left" role="tablist">
                    <li class="active">
                        <a href="#fwp-ops-queue" data-toggle="tab" role="tab" aria-controls="fwp-ops-queue" aria-expanded="true">
                            <i class="fa fa-tasks"></i> Apply queue
                        </a>
                    </li>
                    <li>
                        <a href="#fwp-ops-cleanups" data-toggle="tab" role="tab" aria-controls="fwp-ops-cleanups" aria-expanded="false">
                            <i class="fa fa-recycle"></i> Pending node cleanups
                        </a>
                    </li>
                </ul>
            </div>

            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="fwp-ops-queue">
                    <div class="box-body">
                        <form method="GET" action="{{ route('admin.firewallplus.operations') }}">
                            <div class="fwp-filter-grid">
                                <div class="fwp-filter-cell">
                                    <label class="control-label">Status</label>
                                    <select name="q_status" class="form-control input-sm">
                                        <option value="">Any</option>
                                        @foreach ($queue_statuses as $st)
                                            <option value="{{ $st }}" {{ ($queue_filters['status'] ?? '') === $st ? 'selected' : '' }}>{{ $st }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="fwp-filter-cell">
                                    <label class="control-label">Server ID</label>
                                    <input type="number" name="q_server_id" class="form-control input-sm" value="{{ $queue_filters['server_id'] ?? '' }}" placeholder="Any">
                                </div>
                                <div class="fwp-filter-cell">
                                    <label class="control-label">Node ID</label>
                                    <input type="number" name="q_node_id" class="form-control input-sm" value="{{ $queue_filters['node_id'] ?? '' }}" placeholder="Any">
                                </div>
                            </div>
                            <div class="fwp-filter-actions">
                                <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-filter"></i> Apply</button>
                                <a href="{{ route('admin.firewallplus.operations') }}#fwp-ops-queue" class="btn btn-default btn-sm">Reset queue filters</a>
                            </div>
                        </form>
                    </div>
                    <div class="box-body" style="padding:0;overflow:visible;">
                        <table class="table table-striped table-hover table-condensed fwp-admin-table" style="margin-bottom:0;">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Status</th>
                                    <th>Server</th>
                                    <th>Node</th>
                                    <th>Enqueued</th>
                                    <th>Error</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($entries as $entry)
                                    @php($srv = $servers->get($entry->server_id))
                                    @php($nd = $nodes->get($entry->node_id))
                                    <tr>
                                        <td>#{{ $entry->id }}</td>
                                        <td><span class="label label-{{ $entry->status === 'completed' ? 'success' : ($entry->status === 'failed' ? 'danger' : 'warning') }}">{{ $entry->status }}</span></td>
                                        <td>@if($srv)<a href="/admin/servers/view/{{ $srv->id }}">{{ $srv->name }} (#{{ $srv->id }})</a>@else None @endif</td>
                                        <td>@if($nd)<a href="/admin/nodes/view/{{ $nd->id }}">{{ $nd->name }} (#{{ $nd->id }})</a>@else None @endif</td>
                                        <td><small>{{ $entry->enqueued_at?->diffForHumans() }}</small></td>
                                        <td><small class="text-danger">{{ \Illuminate\Support\Str::limit($entry->error_message, 80) }}</small></td>
                                        <td>
                                            @if ($entry->status === 'waiting')
                                                <form method="POST" action="{{ route('admin.firewallplus.queue.cancel', $entry) }}" style="display:inline;" onsubmit="return confirm('Cancel this queued apply?');">
                                                    @csrf
                                                    <button type="submit" class="btn btn-warning btn-xs">Cancel</button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr><td colspan="7" class="text-center text-muted">No queue entries.</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="box-footer text-center">
                        {{ $entries->fragment('fwp-ops-queue')->links() }}
                    </div>
                </div>

                <div role="tabpanel" class="tab-pane" id="fwp-ops-cleanups">
                    <div class="box-body">
                        <form method="GET" action="{{ route('admin.firewallplus.operations') }}">
                            <div class="fwp-filter-grid">
                                <div class="fwp-filter-cell">
                                    <label class="control-label">Status</label>
                                    <select name="c_status" class="form-control input-sm">
                                        <option value="">Any</option>
                                        @foreach ($cleanup_statuses as $st)
                                            <option value="{{ $st }}" {{ ($cleanup_filters['status'] ?? '') === $st ? 'selected' : '' }}>{{ $st }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="fwp-filter-cell">
                                    <label class="control-label">Server ID</label>
                                    <input type="number" name="c_server_id" class="form-control input-sm" value="{{ $cleanup_filters['server_id'] ?? '' }}" placeholder="Any">
                                </div>
                                <div class="fwp-filter-cell">
                                    <label class="control-label">Node ID</label>
                                    <input type="number" name="c_node_id" class="form-control input-sm" value="{{ $cleanup_filters['node_id'] ?? '' }}" placeholder="Any">
                                </div>
                            </div>
                            <div class="fwp-filter-actions">
                                <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-filter"></i> Apply</button>
                                <a href="{{ route('admin.firewallplus.operations') }}#fwp-ops-cleanups" class="btn btn-default btn-sm">Reset cleanup filters</a>
                            </div>
                        </form>
                    </div>
                    <div class="box-body" style="padding:0;overflow:visible;">
                        <table class="table table-striped table-hover table-condensed fwp-admin-table" style="margin-bottom:0;">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Status</th>
                                    <th>Server</th>
                                    <th>Node</th>
                                    <th>Attempts</th>
                                    <th>Last error</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($cleanups as $cleanup)
                                    @php($srv = $servers->get($cleanup->server_id))
                                    @php($nd = $nodes->get($cleanup->node_id))
                                    <tr>
                                        <td>#{{ $cleanup->id }}</td>
                                        <td><span class="label label-default">{{ $cleanup->status }}</span></td>
                                        <td>@if($srv)<a href="/admin/servers/view/{{ $srv->id }}">{{ $srv->name }} (#{{ $srv->id }})</a>@else None @endif</td>
                                        <td>@if($nd)<a href="/admin/nodes/view/{{ $nd->id }}">{{ $nd->name }} (#{{ $nd->id }})</a>@else None @endif</td>
                                        <td>{{ $cleanup->attempts ?? 0 }}</td>
                                        <td><small class="text-danger">{{ \Illuminate\Support\Str::limit($cleanup->last_error, 80) }}</small></td>
                                        <td>
                                            @if ($cleanup->status !== \Pterodactyl\Models\FirewallPlus\FirewallPendingNodeCleanup::STATUS_DONE)
                                                <form method="POST" action="{{ route('admin.firewallplus.cleanups.retry', $cleanup) }}" class="form-inline" style="display:inline;">
                                                    @csrf
                                                    <button type="submit" class="btn btn-default btn-xs">Retry</button>
                                                </form>
                                                <form method="POST" action="{{ route('admin.firewallplus.cleanups.retry', $cleanup) }}" class="form-inline" style="display:inline;" onsubmit="return confirm('Force retry (reset backoff)?');">
                                                    @csrf
                                                    <input type="hidden" name="force" value="1">
                                                    <button type="submit" class="btn btn-danger btn-xs">Force</button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr><td colspan="7" class="text-center text-muted">No pending cleanups.</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="box-footer text-center">
                        {{ $cleanups->fragment('fwp-ops-cleanups')->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
(function () {
    var h = window.location.hash;
    if (!h || !window.jQuery) return;
    if (h === '#fwp-ops-cleanups') {
        window.jQuery('a[href="#fwp-ops-cleanups"]').tab('show');
    }
    if (h === '#fwp-ops-queue') {
        window.jQuery('a[href="#fwp-ops-queue"]').tab('show');
    }
})();
</script>
@endsection