@extends('adminlte::page')

@section('title', env('APP_NAME') . ' - Copias de seguridad')

@section('content_header')
    <div class="d-flex justify-content-between">
        <h1><i class="fas fa-database"></i> Copias de seguridad</h1>
    </div>
@stop

@section('content')
    <div class="card">
        <div class="card-header bg-primary text-white">
            <h5 class="card-title mb-0">
                <i class="fas fa-download"></i> Generar copia de seguridad (MySQL)
            </h5>
        </div>
        <div class="card-body">
            <p class="text-muted mb-4">
                Genera un volcado de la base de datos en formato SQL comprimido (.gz).
                El archivo se descargará con el nombre: <code>copia-de-seguridad-{{ Str::slug(config('app.sede')) }}-dd-mm-aaaa.xyz.sql.gz</code>.
            </p>
            <button type="button" class="btn btn-primary btn-lg" id="btn-generar-backup">
                <i class="fas fa-database"></i> Generar copia de seguridad
            </button>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        document.getElementById('btn-generar-backup').addEventListener('click', function () {
            const btn = this;
            const originalHtml = btn.innerHTML;
            btn.disabled = true;
            btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Generando...';

            fetch("{{ route('copias-seguridad.generate') }}", {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'Accept': 'application/json',
                    'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    'X-Requested-With': 'XMLHttpRequest'
                },
                body: JSON.stringify({})
            }).then(function (response) {
                if (response.ok) {
                    const disposition = response.headers.get('Content-Disposition');
                    let filename = 'copia-de-seguridad.xyz.sql.gz';
                    if (disposition) {
                        const match = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(disposition);
                        if (match && match[1]) filename = match[1].replace(/['"]/g, '').trim();
                    }
                    return response.blob().then(function (blob) {
                        const url = window.URL.createObjectURL(blob);
                        const a = document.createElement('a');
                        a.href = url;
                        a.download = filename;
                        document.body.appendChild(a);
                        a.click();
                        window.URL.revokeObjectURL(url);
                        a.remove();
                        Swal.fire({
                            icon: 'success',
                            title: 'Descarga iniciada',
                            text: 'La copia de seguridad se está descargando.'
                        });
                    });
                }
                return response.json().then(function (data) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: data.message || 'No se pudo generar la copia de seguridad.'
                    });
                });
            }).catch(function (err) {
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: err.message || 'Error de conexión.'
                });
            }).finally(function () {
                btn.disabled = false;
                btn.innerHTML = originalHtml;
            });
        });
    </script>
@stop