@extends('appshell::layouts.private')

@section('title')
    Backup Records — {{ $user->name }}
@stop

@section('content')
<div class="container-fluid">

    <div class="d-flex align-items-center justify-content-between mb-3">
        <div>
            <h4 class="mb-0">Backup Records</h4>
            <small class="text-muted">{{ $user->name }} &mdash; {{ $user->email }}</small>
        </div>
        <div>
            <a href="{{ route('admin.backup.operations', $user) }}" class="btn btn-sm btn-outline-secondary">Operations Log</a>
            <a href="{{ route('admin.people.show', $user) }}" class="btn btn-sm btn-outline-secondary ml-1">Back to User</a>
        </div>
    </div>

    @if(session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    {{-- Filters --}}
    <form method="GET" class="form-inline mb-3">
        <select name="entity_type" class="form-control form-control-sm mr-2">
            <option value="">All Types</option>
            @foreach(['invoice','client','product','order','global_config'] as $t)
                <option value="{{ $t }}" @selected(request('entity_type') === $t)>{{ ucfirst(str_replace('_',' ',$t)) }}</option>
            @endforeach
        </select>
        <select name="status" class="form-control form-control-sm mr-2">
            <option value="">All Status</option>
            <option value="active" @selected(request('status') === 'active')>Active</option>
            <option value="archived" @selected(request('status') === 'archived')>Archived</option>
        </select>
        <button type="submit" class="btn btn-sm btn-primary">Filter</button>
        @if(request()->hasAny(['entity_type','status']))
            <a href="{{ route('admin.backup.records', $user) }}" class="btn btn-sm btn-link">Clear</a>
        @endif
    </form>

    <div class="card">
        <div class="card-body p-0">
            @if($records->isEmpty())
                <p class="p-4 text-muted">No backup records found for this user.</p>
            @else
                <table class="table table-sm table-hover mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>Entity</th>
                            <th>WP ID</th>
                            <th>Remote ID</th>
                            <th>Rev</th>
                            <th>Last Updated</th>
                            <th>Status</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($records as $record)
                            <tr>
                                <td><span class="badge badge-secondary">{{ $record->entity_type }}</span></td>
                                <td>{{ $record->entity_wp_id ?? '—' }}</td>
                                <td class="text-monospace small" title="{{ $record->remote_id }}">{{ substr($record->remote_id, 0, 8) }}…</td>
                                <td>{{ $record->latest_revision }}</td>
                                <td class="small text-muted">{{ $record->updated_at?->diffForHumans() }}</td>
                                <td>
                                    @if($record->archived)
                                        <span class="badge badge-secondary">Archived</span>
                                    @else
                                        <span class="badge badge-success">Active</span>
                                    @endif
                                </td>
                                <td>
                                    <a href="{{ route('admin.backup.revisions', [$user, $record->remote_id]) }}"
                                       class="btn btn-xs btn-outline-primary">Revisions</a>

                                    <form method="POST"
                                          action="{{ route('admin.backup.restore', [$user, $record->remote_id]) }}"
                                          class="d-inline"
                                          onsubmit="return confirm('Dispatch restore for this record?')">
                                        @csrf
                                        <button type="submit" class="btn btn-xs btn-outline-success">Restore</button>
                                    </form>

                                    <form method="POST"
                                          action="{{ route('admin.backup.archive', [$user, $record->remote_id]) }}"
                                          class="d-inline"
                                          onsubmit="return confirm('Dispatch archive for this record?')">
                                        @csrf
                                        <button type="submit" class="btn btn-xs btn-outline-warning">Archive</button>
                                    </form>

                                    {{-- Pattern B signed URL generator --}}
                                    <button type="button"
                                            class="btn btn-xs btn-outline-secondary"
                                            onclick="generateSignedUrl('{{ route('admin.backup.signed-url', [$user, $record->remote_id]) }}', this)">
                                        Signed URL
                                    </button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="p-3">{{ $records->links() }}</div>
            @endif
        </div>
    </div>
</div>

{{-- Signed URL modal --}}
<div class="modal fade" id="signedUrlModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Pattern B Signed URL</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <p class="text-muted small">This URL is signed with the user's Ed25519 private key and contains the full restore payload. It expires in 5 minutes. Share with the site owner to paste directly into their browser or use via curl.</p>
                <textarea id="signedUrlOutput" class="form-control text-monospace small" rows="4" readonly></textarea>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" onclick="copySignedUrl()">Copy URL</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<script>
function generateSignedUrl(url, btn) {
    btn.disabled = true;
    btn.textContent = '…';
    fetch(url, {
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({ ttl_seconds: 300 }),
    })
    .then(r => r.json())
    .then(data => {
        btn.disabled = false;
        btn.textContent = 'Signed URL';
        if (data.success) {
            document.getElementById('signedUrlOutput').value = data.url;
            $('#signedUrlModal').modal('show');
        } else {
            alert('Error: ' + (data.error || 'Unknown error'));
        }
    })
    .catch(() => {
        btn.disabled = false;
        btn.textContent = 'Signed URL';
        alert('Request failed.');
    });
}

function copySignedUrl() {
    const el = document.getElementById('signedUrlOutput');
    el.select();
    document.execCommand('copy');
}
</script>
@stop