@extends('layouts.app')
@section('title', 'Backup Management')

@section('content')
<div class="page-wrapper">
    <div class="page-content">
        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">Settings</div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a></li>
                        <li class="breadcrumb-item active" aria-current="page">Backup Management</li>
                    </ol>
                </nav>
            </div>
            <div class="ms-auto">
                <a href="{{ route('admin.backup.create') }}" class="btn btn-primary px-5"><i class="bx bx-cloud-upload mr-1"></i>Create New Backup</a>
            </div>
        </div>
        <!--end breadcrumb-->

        <div class="row">
            <div class="col-xl-4">
                <div class="card border-top border-0 border-4 border-primary">
                    <div class="card-body p-5">
                        <div class="card-title d-flex align-items-center">
                            <div><i class="bx bxs-cog me-1 font-22 text-primary"></i></div>
                            <h5 class="mb-0 text-primary">Backup Settings</h5>
                        </div>
                        <hr>
                        <form action="{{ route('admin.backup.settings.update') }}" method="POST" class="row g-3">
                            @csrf
                            <div class="col-md-12">
                                <label class="form-label">Auto Backup Frequency</label>
                                <select name="frequency" class="form-select">
                                    <option value="daily" {{ $settings->frequency == 'daily' ? 'selected' : '' }}>Daily (On Logout)</option>
                                    <option value="weekly" {{ $settings->frequency == 'weekly' ? 'selected' : '' }}>Weekly</option>
                                    <option value="monthly" {{ $settings->frequency == 'monthly' ? 'selected' : '' }}>Monthly</option>
                                    <option value="yearly" {{ $settings->frequency == 'yearly' ? 'selected' : '' }}>Yearly</option>
                                </select>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">Custom Backup Path (Optional)</label>
                                <input type="text" name="backup_path" class="form-control" value="{{ $settings->backup_path }}" placeholder="e.g. D:/POS_Backups/">
                                <small class="text-muted">Leave empty to use default storage (public/backups)</small>
                            </div>
                            <div class="col-12">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" name="auto_backup" id="autoBackupSwitch" {{ $settings->auto_backup ? 'checked' : '' }}>
                                    <label class="form-check-label" for="autoBackupSwitch">Enable Automatic Backup</label>
                                </div>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary px-5">Save Settings</button>
                            </div>
                        </form>

                        <hr>
                        <div class="card-title d-flex align-items-center mt-4">
                            <div><i class="bx bx-reset me-1 font-22 text-danger"></i></div>
                            <h5 class="mb-0 text-danger">Restore Database</h5>
                        </div>
                        <p class="small text-muted">Warning: Restoring will overwrite your current database.</p>
                        <form action="{{ route('admin.backup.restore') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="mb-3">
                                <input class="form-control" type="file" name="backup_file" required>
                            </div>
                            <button type="submit" class="btn btn-danger w-100" onclick="return confirm('Are you sure? This will overwrite all current data!')">Upload & Restore</button>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-xl-8">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div>
                                <h5 class="mb-0">Backup History</h5>
                            </div>
                        </div>
                        <hr>
                        <div class="table-responsive">
                            <table class="table align-middle mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>Date</th>
                                        <th>Filename</th>
                                        <th>Size</th>
                                        <th>Type</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($backups as $backup)
                                    <tr>
                                        <td>{{ $backup->created_at }}</td>
                                        <td>{{ $backup->filename }}</td>
                                        <td>{{ $backup->size }}</td>
                                        <td>
                                            <span class="badge bg-light-{{ $backup->type == 'manual' ? 'primary' : 'success' }} text-{{ $backup->type == 'manual' ? 'primary' : 'success' }} text-uppercase">{{ $backup->type }}</span>
                                        </td>
                                        <td>
                                            <div class="d-flex order-actions">
                                                 <a href="{{ route('admin.backup.download', $backup->id) }}" class="text-primary bg-light-primary border-0"><i class="bx bxs-download"></i></a>
                                                 <a href="{{ route('admin.backup.restore.list', $backup->id) }}" class="ms-3 text-success bg-light-success border-0" onclick="return confirm('Restore this backup? All current data will be replaced!')"><i class="bx bx-reset"></i></a>
                                                 <a href="{{ route('admin.backup.delete', $backup->id) }}" class="ms-3 text-danger bg-light-danger border-0" onclick="return confirm('Delete this backup?')"><i class="bx bxs-trash"></i></a>
                                             </div>
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="5" class="text-center">No backups found.</td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection