@extends('layouts.app')
@section('title', 'Backup y Mantenimiento')
@section('content')

<div class="row g-3">
    <div class="col-lg-7">
        <div class="card mb-3">
            <div class="card-header d-flex justify-content-between align-items-center">
                <span><i class="bi bi-cloud-arrow-down-fill me-2"></i>Copias de seguridad</span>
                <form action="{{ route('backup.crear') }}" method="POST">@csrf
                    <button class="btn btn-primary btn-sm"><i class="bi bi-plus-lg"></i> Crear backup ahora</button>
                </form>
            </div>
            <div class="table-responsive">
                <table class="table align-middle mb-0">
                    <thead><tr><th>Archivo</th><th>Tamaño</th><th>Fecha</th><th class="text-end">Acciones</th></tr></thead>
                    <tbody>
                        @forelse($archivos as $a)
                        <tr>
                            <td><i class="bi bi-file-earmark-zip-fill text-primary me-2"></i>{{ $a['nombre'] }}</td>
                            <td>{{ $a['tamano'] }}</td>
                            <td><small>{{ $a['fecha'] }}</small></td>
                            <td class="text-end">
                                <a href="{{ route('backup.descargar', $a['nombre']) }}" class="btn btn-sm btn-light"><i class="bi bi-download"></i></a>
                                <form action="{{ route('backup.eliminar', $a['nombre']) }}" method="POST" class="d-inline" onsubmit="return confirm('¿Eliminar este backup?')">
                                    @csrf<button class="btn btn-sm btn-light text-danger"><i class="bi bi-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="4" class="text-center text-muted py-5">No hay backups creados.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card">
            <div class="card-header bg-warning-subtle text-warning"><i class="bi bi-upload me-2"></i>Restaurar copia de seguridad</div>
            <div class="card-body">
                <p class="text-muted">Sube un archivo .sql para restaurar la base de datos. <strong>Esta acción reemplazará todos los datos actuales.</strong></p>
                <form action="{{ route('backup.restaurar') }}" method="POST" enctype="multipart/form-data" onsubmit="return confirm('¿Estás seguro? Esto reemplazará TODOS los datos.')">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Archivo .sql *</label>
                        <input type="file" name="archivo" class="form-control" accept=".sql,.txt" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Escribe <strong>RESTAURAR</strong> para confirmar *</label>
                        <input type="text" name="confirmacion" class="form-control" placeholder="RESTAURAR" required>
                    </div>
                    <button class="btn btn-warning"><i class="bi bi-upload"></i> Restaurar base de datos</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-5">
        <div class="card border-danger mb-3">
            <div class="card-header bg-danger-subtle text-danger"><i class="bi bi-arrow-counterclockwise me-2"></i>Resetear datos operativos</div>
            <div class="card-body">
                <p class="text-muted"><strong>Borra:</strong> ventas, compras, movimientos, caja, gastos, promociones.<br>
                <strong>Conserva:</strong> usuarios, productos, categorías, clientes, configuración.</p>
                <form action="{{ route('backup.reset') }}" method="POST" onsubmit="return confirm('¿Confirmar el reset?')">
                    @csrf
                    <div class="mb-2"><label class="form-label">Tu contraseña *</label>
                        <input type="password" name="password" class="form-control" required></div>
                    <div class="mb-2"><label class="form-label">Escribe <strong>RESETEAR SISTEMA</strong> *</label>
                        <input type="text" name="confirmacion" class="form-control" placeholder="RESETEAR SISTEMA" required></div>
                    <button class="btn btn-outline-danger w-100"><i class="bi bi-arrow-counterclockwise"></i> Resetear operaciones</button>
                </form>
            </div>
        </div>

        <div class="card border-danger">
            <div class="card-header bg-danger text-white"><i class="bi bi-exclamation-octagon-fill me-2"></i>NUEVA EMPRESA (reset total)</div>
            <div class="card-body">
                <div class="alert alert-danger small"><strong>¡PELIGRO!</strong> Esto BORRA TODO: usuarios, productos, ventas, etc. Solo conserva el admin original (admin / admin123).</div>
                <form action="{{ route('backup.reset-total') }}" method="POST" onsubmit="return confirm('¿BORRAR TODO el sistema? Esta acción NO se puede deshacer.')">
                    @csrf
                    <div class="mb-2"><label class="form-label">Tu contraseña *</label>
                        <input type="password" name="password" class="form-control" required></div>
                    <div class="mb-2"><label class="form-label">Escribe <strong>NUEVA EMPRESA</strong> *</label>
                        <input type="text" name="confirmacion" class="form-control" placeholder="NUEVA EMPRESA" required></div>
                    <button class="btn btn-danger w-100"><i class="bi bi-trash3-fill"></i> Iniciar empresa nueva</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection