@extends('admin.layouts.app')
@section('title', __('admin.backups.title'))
@section('content')
@php
    $ago = fn ($at) => $at ? $at->timezone(display_tz())->format(datetime_fmt()).' ('.$at->diffForHumans().')' : __('admin.backups.never');
    $remote = $status['remote'];
    $type = old('type', $config['type']);
@endphp

<div class="page-header">
    <h1>{{ __('admin.backups.title') }}</h1>
    <div style="display:flex;gap:8px;">
        <form method="POST" action="{{ route('admin.config.backups.run') }}" onsubmit="return pnConfirm(event, @js(__('admin.backups.run_confirm')))">@csrf<button type="submit" class="btn btn-default btn-sm">{{ __('admin.backups.run_now') }}</button></form>
        <a href="{{ route('admin.config.system-status') }}" class="btn btn-default btn-sm">{{ __('admin.system_status.title') }}</a>
    </div>
</div>

{{-- Where things stand. --}}
<div class="card" style="margin-bottom:16px;">
    <div class="card-body" style="padding:14px 16px;font-size:13px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;">
        <div><strong>{{ __('admin.backups.last_dump') }}:</strong><br>{{ $ago($status['last']) }}@if($status['size']) — {{ number_format($status['size'] / 1048576, 1) }} MB @endif</div>
        @if($remote)
        <div><strong>{{ __('admin.backups.last_upload') }}:</strong><br>{{ $ago($remote['last']) }}@if($remote['file'])<br><code style="font-size:11px;">{{ $remote['file'] }}</code>@endif</div>
        <div><strong>{{ __('admin.backups.waiting') }}:</strong><br>{{ $remote['waiting'] }} <span style="color:#777;">{{ __('admin.backups.waiting_hint') }}</span></div>
        @else
        <div><strong>{{ __('admin.backups.kept_here') }}:</strong><br>{{ $status['count'] }} <span style="color:#777;">({{ $status['dir'] }})</span></div>
        @endif
    </div>
    @if($remote && $remote['error'])
    <div class="alert alert-danger" style="margin:0 16px 14px;font-size:13px;">{{ __('admin.backups.last_error') }}: {{ $remote['error'] }}</div>
    @endif
</div>

<form method="POST" action="{{ route('admin.config.backups.update') }}" autocomplete="off">
@csrf @method('PUT')
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start;">
    <div class="card">
        <div class="card-header"><strong>{{ __('admin.backups.schedule') }}</strong></div>
        <div class="card-body" style="padding:14px 16px;">
            <label style="display:flex;gap:6px;align-items:center;font-weight:normal;font-size:13px;">
                <input type="hidden" name="enabled" value="0"><input type="checkbox" name="enabled" value="1" @checked(old('enabled', $enabled))> {{ __('admin.backups.enabled') }}
            </label>
            <div class="form-group" style="margin-top:10px;">
                <label class="form-label">{{ __('admin.backups.time') }}</label>
                <input type="time" name="time" value="{{ old('time', $time) }}" class="form-control" style="max-width:160px;" required>
                <div style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.backups.time_hint') }}</div>
            </div>
            <div class="form-group" style="margin-bottom:0;">
                <label class="form-label">{{ __('admin.backups.local_retention') }}</label>
                <input type="number" name="local_retention" min="1" max="365" value="{{ old('local_retention', $localRetention) }}" class="form-control" style="max-width:160px;" required>
                <div style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.backups.local_retention_hint') }}</div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><strong>{{ __('admin.backups.destination') }}</strong></div>
        <div class="card-body" style="padding:14px 16px;">
            @foreach(['none', 'sftp', 'ftp'] as $t)
            <label style="display:flex;gap:6px;align-items:flex-start;font-weight:normal;font-size:13px;margin:3px 0;">
                <input type="radio" name="type" value="{{ $t }}" class="backup-type" @checked($type === $t) style="margin-top:3px;">
                <span><strong>{{ __('admin.backups.type_'.$t) }}</strong><br><span style="color:#777;font-size:12px;">{{ __('admin.backups.type_'.$t.'_hint') }}</span></span>
            </label>
            @endforeach

            <div class="backup-remote" style="margin-top:12px;">
                <div style="display:grid;grid-template-columns:1fr 110px;gap:8px;">
                    <div class="form-group"><label class="form-label">{{ __('admin.backups.host') }}</label><input type="text" name="host" value="{{ old('host', $config['host']) }}" class="form-control" placeholder="backup.example.com"></div>
                    <div class="form-group"><label class="form-label">{{ __('admin.backups.port') }}</label><input type="number" name="port" min="1" max="65535" value="{{ old('port', $config['port'] ?: '') }}" class="form-control" placeholder="22 / 21"></div>
                </div>
                <div class="form-group"><label class="form-label">{{ __('admin.backups.username') }}</label><input type="text" name="username" value="{{ old('username', $config['username']) }}" class="form-control" autocomplete="off"></div>
                <div class="form-group">
                    <label class="form-label">{{ __('admin.backups.password') }}</label>
                    <input type="password" name="password" class="form-control" autocomplete="new-password" placeholder="{{ $saved['password'] ? __('admin.backups.saved_placeholder') : '' }}">
                    @if($saved['password'])<label style="font-weight:normal;font-size:12px;margin-top:4px;"><input type="checkbox" name="clear_password" value="1"> {{ __('admin.backups.clear') }}</label>@endif
                </div>
                <div class="form-group backup-sftp">
                    <label class="form-label">{{ __('admin.backups.private_key') }}</label>
                    <textarea name="private_key" rows="4" class="form-control" style="font-family:monospace;font-size:11px;" placeholder="{{ $saved['private_key'] ? __('admin.backups.saved_placeholder') : '-----BEGIN OPENSSH PRIVATE KEY-----' }}"></textarea>
                    <div style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.backups.private_key_hint') }}</div>
                    @if($saved['private_key'])<label style="font-weight:normal;font-size:12px;margin-top:4px;"><input type="checkbox" name="clear_private_key" value="1"> {{ __('admin.backups.clear') }}</label>@endif
                </div>
                <div class="form-group backup-sftp">
                    <label class="form-label">{{ __('admin.backups.passphrase') }}</label>
                    <input type="password" name="passphrase" class="form-control" autocomplete="new-password" placeholder="{{ $saved['passphrase'] ? __('admin.backups.saved_placeholder') : '' }}">
                    @if($saved['passphrase'])<label style="font-weight:normal;font-size:12px;margin-top:4px;"><input type="checkbox" name="clear_passphrase" value="1"> {{ __('admin.backups.clear') }}</label>@endif
                </div>
                <div class="backup-ftp">
                    <label style="display:flex;gap:6px;align-items:center;font-weight:normal;font-size:13px;"><input type="hidden" name="tls" value="0"><input type="checkbox" name="tls" value="1" @checked(old('tls', $config['tls']))> {{ __('admin.backups.tls') }}</label>
                    <div style="font-size:11px;color:#a94442;margin:2px 0 6px 20px;">{{ __('admin.backups.tls_hint') }}</div>
                    <label style="display:flex;gap:6px;align-items:center;font-weight:normal;font-size:13px;margin-bottom:10px;"><input type="hidden" name="passive" value="0"><input type="checkbox" name="passive" value="1" @checked(old('passive', $config['passive']))> {{ __('admin.backups.passive') }}</label>
                </div>
                <div class="form-group"><label class="form-label">{{ __('admin.backups.path') }}</label><input type="text" name="path" value="{{ old('path', $config['path']) }}" class="form-control" placeholder="pnlcs-backups"></div>
                <div class="form-group">
                    <label class="form-label">{{ __('admin.backups.retention') }}</label>
                    <input type="number" name="retention" min="1" max="3650" value="{{ old('retention', $config['retention']) }}" class="form-control" style="max-width:160px;">
                    <div style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.backups.retention_hint') }}</div>
                </div>
                @if($config['type'] === 'sftp')
                <div style="font-size:12px;padding:8px 10px;background:#f7f7f7;border-radius:4px;">
                    <strong>{{ __('admin.backups.fingerprint') }}:</strong>
                    @if($fingerprint)<code style="word-break:break-all;">{{ $fingerprint }}</code>@else<span style="color:#a94442;">{{ __('admin.backups.fingerprint_none') }}</span>@endif
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
<div style="margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;">
    <button type="submit" class="btn btn-primary">{{ __('common.actions.save') }}</button>
</div>
</form>

@if($config['type'] !== 'none')
<div style="margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;">
    <form method="POST" action="{{ route('admin.config.backups.test') }}">@csrf<button type="submit" class="btn btn-default">{{ __('admin.backups.test') }}</button></form>
    @if($config['type'] === 'sftp' && $fingerprint)
    <form method="POST" action="{{ route('admin.config.backups.forget-fingerprint') }}" onsubmit="return pnConfirm(event, @js(__('admin.backups.forget_confirm')), { danger: true })">@csrf<button type="submit" class="btn btn-default">{{ __('admin.backups.forget') }}</button></form>
    @endif
</div>
<p style="font-size:12px;color:#777;margin-top:6px;">{{ __('admin.backups.test_hint') }}</p>
@endif

<div class="alert alert-warning" style="margin-top:16px;font-size:12.5px;">{{ __('admin.system_status.app_key_warning') }}</div>

<script>
(function () {
    var radios = document.querySelectorAll('.backup-type');
    var show = function () {
        var type = (document.querySelector('.backup-type:checked') || {}).value;
        document.querySelector('.backup-remote').style.display = type === 'none' ? 'none' : '';
        document.querySelectorAll('.backup-sftp').forEach(function (el) { el.style.display = type === 'sftp' ? '' : 'none'; });
        document.querySelectorAll('.backup-ftp').forEach(function (el) { el.style.display = type === 'ftp' ? '' : 'none'; });
    };
    radios.forEach(function (r) { r.addEventListener('change', show); });
    show();
})();
</script>
@endsection