@extends('layouts.dashboard')

@section('content')
@php
/** @var array $groups  key => [label,icon,help,...] */
/** @var array $counts  key => int row count */
/** @var array $backups newest-first backups already on disk [file,size,at] */
$backups = $backups ?? [];
$total = 0;
foreach ($counts as $n) {
    $total += (int) $n;
}
// Same accent palette as .qm-head-chip / the Get Started page's group cards
// (Dashboard Platform-snapshot colours), cycled per data-type so each row is a
// distinct, full-row colour accent rather than a flat grey list.
$accentFor = [
    'orders' => 'var(--qm-primary)', 'reservations' => 'var(--acc-violet)', 'reviews' => 'var(--acc-amber)', 'menu' => 'var(--acc-teal)', 'taxonomy' => 'var(--acc-teal)',
    'restaurants' => 'var(--acc-blue)', 'inventory' => 'var(--acc-orange)', 'cashdrawer' => 'var(--acc-green)', 'coupons' => 'var(--acc-pink)',
    'loyalty' => 'var(--acc-violet)', 'campaigns' => 'var(--acc-pink)', 'subscriptions' => 'var(--acc-green)', 'payouts' => 'var(--acc-teal)',
    'blog' => 'var(--acc-teal)', 'messages' => 'var(--acc-blue)', 'email' => 'var(--acc-amber)', 'subscribers' => 'var(--acc-slate)',
    'notifications' => 'var(--acc-amber)', 'customers' => 'var(--acc-blue)', 'team' => 'var(--acc-violet)', 'audit' => 'var(--acc-slate)',
];
@endphp
<form method="post" action="{{ route('admin.advanced.clear') }}">
    @csrf

    <div class="qm-card">
        <div class="qm-ops-head">
            <div>
                <div class="d-flex align-items-center gap-2">
                    <h2 class="mb-0">{{ t_raw('admin.advanced.clear_content_heading') }}</h2>
                    <button type="button" class="qm-tip" aria-label="{{ t_raw('admin.advanced.clear_help_2') }}" data-qm-tip="{{ t_raw('admin.advanced.clear_help_2') }}"><i class="fas fa-info-circle" aria-hidden="true"></i></button>
                </div>
                <p class="qm-ops-sub mb-0">{!! t_raw('admin.advanced.clear_help_1') !!}</p>
            </div>
        </div>
    </div>

    <div class="qm-card">
        <div class="qm-ops-head">
            <h2 class="mb-0 qm-card-title-ico"><span class="qm-head-chip qm-head-chip--slate"><i class="fas fa-sliders-h" aria-hidden="true"></i></span>{{ t_raw('admin.advanced.clear_choose_heading') }}</h2>
            <div class="form-check form-switch mb-0">
                <input class="form-check-input" type="checkbox" role="switch" id="clear-all">
                <label class="form-check-label" for="clear-all">{{ t_raw('admin.advanced.clear_select_all') }}</label>
            </div>
        </div>

        @foreach ($groups as $key => $g)
@php $n = (int) ($counts[$key] ?? 0); @endphp
        <label class="qm-clr-row{{ $n === 0 ? ' is-disabled' : '' }}" for="g-{{ $key }}" style="--rc: {{ $accentFor[$key] ?? 'var(--qm-primary)' }}">
            <span class="qm-clr-ic"><i class="fas {{ $g['icon'] }}" aria-hidden="true"></i></span>
            <span class="qm-clr-body">
                <span class="qm-clr-head">
                    <strong>{{ $g['label'] }}</strong>
                    <span class="qm-pill {{ $n > 0 ? 'qm-pill-blue' : 'qm-pill-grey' }}">{!! $n === 1 ? t('admin.advanced.clear_rows_one', [':n' => number_format($n)]) : t('admin.advanced.clear_rows_many', [':n' => number_format($n)]) !!}</span>
                </span>
                <small>{{ $g['help'] }}</small>
            </span>
            <span class="form-check form-switch qm-clr-toggle mb-0">
                <input class="form-check-input" type="checkbox" role="switch" id="g-{{ $key }}" name="g[{{ $key }}]" value="1"{{ $n === 0 ? ' disabled' : '' }}>
            </span>
        </label>
        @endforeach
    </div>

    <div class="qm-card">
        <h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--green"><i class="fas fa-lock" aria-hidden="true"></i></span>{{ t_raw('admin.advanced.clear_confirm_heading') }}</h2>
        <div class="mb-0">
            <label class="form-label" for="clr-pw">{{ t_raw('admin.advanced.clear_password_label') }}</label>
            <div class="qm-pw-wrap qm-max-w-sm">
                <input type="password" id="clr-pw" name="password" class="form-control" autocomplete="current-password" required placeholder="{{ t_raw('auth.password_placeholder') }}">
                <button type="button" class="qm-pw-toggle" data-toggle-password="clr-pw" aria-pressed="false" aria-label="{{ t_raw('common.show_password') }}"><i class="fas fa-eye" aria-hidden="true"></i></button>
            </div>
        </div>
    </div>

    @php // Backup step. The wipe cannot be undone from inside the product, so a copy of the
          // whole database is written before the first row is deleted — and the wipe is
          // abandoned if that copy could not be written.
@endphp
    <div class="qm-card">
        <div class="qm-ops-head">
            <div>
                <div class="d-flex align-items-center gap-2">
                    <h2 class="mb-0">{{ t_raw('admin.advanced.backup_heading') }}</h2>
                    <button type="button" class="qm-tip" aria-label="{{ t_raw('admin.advanced.backup_location_note') }}" data-qm-tip="storage/backups &mdash; {{ t_raw('admin.advanced.backup_location_note') }}"><i class="fas fa-info-circle" aria-hidden="true"></i></button>
                </div>
                <p class="qm-ops-sub mb-0">{{ t_raw('admin.advanced.backup_help') }}</p>
            </div>
        </div>

        @if ($backups)
        <div class="table-responsive">
        <table class="qm-table">
            <caption class="visually-hidden">{{ t_raw('admin.advanced.backup_heading') }}</caption>
            <thead><tr>
                <th scope="col">{{ t_raw('admin.advanced.backup_col_file') }}</th>
                <th scope="col">{{ t_raw('admin.advanced.backup_col_size') }}</th>
                <th scope="col" class="text-end">{{ t_raw('admin.advanced.backup_col_taken') }}</th>
            </tr></thead>
            <tbody>
                @foreach ($backups as $b)
                <tr>
                    <td><code>{{ $b['file'] }}</code></td>
                    <td class="qm-nowrap">{{ $b['size'] }}</td>
                    <td class="qm-cell-body qm-nowrap text-end">{!! fmt_datetime($b['at']) !!}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        </div>
        @else
        <p class="qm-hint mb-0">{{ t_raw('admin.advanced.backup_none_yet') }}</p>
        @endif
    </div>

    <div class="d-flex flex-wrap gap-2 justify-content-end">
        @php // Taking a copy of the whole database is itself privileged, so it asks for the
              // same password confirmation the wipe does.
@endphp
        <button type="submit" name="mode" value="backup" class="qm-btn qm-btn-outline"><i class="fas fa-download me-1" aria-hidden="true"></i> {{ t_raw('admin.advanced.backup_btn') }}</button>
        <button type="submit" name="mode" value="wipe" class="qm-btn qm-btn-outline qm-btn-danger" data-confirm="{{ t_raw('admin.advanced.clear_confirm_dialog') }}" data-confirm-title="{{ t_raw('admin.advanced.clear_confirm_title') }}" data-confirm-yes="{{ t_raw('admin.advanced.clear_confirm_yes') }}"><i class="fas fa-trash-alt me-1" aria-hidden="true"></i> {{ t_raw('admin.advanced.clear_btn') }}</button>
    </div>
</form>

<script>
(function () {
    var all = document.getElementById('clear-all');
    if (!all) return;
    var boxes = Array.prototype.slice.call(document.querySelectorAll('input[name^="g["]:not([disabled])'));
    all.addEventListener('change', function () {
        boxes.forEach(function (b) { b.checked = all.checked; });
    });
    // Keep "Select all" in step when individual toggles change.
    boxes.forEach(function (b) {
        b.addEventListener('change', function () {
            all.checked = boxes.length > 0 && boxes.every(function (x) { return x.checked; });
        });
    });
})();
</script>
@endsection