<?php include('include/headscript.php');
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

?>
<?php
// Connessione al database
$conn = new mysqli($servername, $username, $password, $database);

// Recupera l'id utente loggato
$iduserlogin = $_SESSION['iduserlogin'];

// Recupera l'id della casa dall'URL
$idhome = isset($_GET['idhome']) ? intval($_GET['idhome']) : 0;

// Recupera i dettagli della casa
$queryHome = $conn->prepare("SELECT * FROM home WHERE idhome = ? AND iduser = ?");
$queryHome->bind_param('ii', $idhome, $iduserlogin);
$queryHome->execute();
$resultHome = $queryHome->get_result();
$homeData = $resultHome->fetch_assoc();

if (!$homeData) {
    die("Errore: Casa non trovata o accesso non autorizzato.");
}

// Recupera le pagine disponibili nella tabella 'documents'
$queryPages = $conn->query("SELECT * FROM pages ORDER BY namepages");
$pages = [];
while ($row = $queryPages->fetch_assoc()) {
    $pages[] = $row;
}

// Imposta lo slug predefinito o usa quello passato via GET
$docpage = isset($_GET['docpage']) ? $_GET['docpage'] : 'legal';
?>

<!DOCTYPE html>
<html lang="it">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Documenti della Casa</title>

    <!-- Bootstrap 4 CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/dripicons/2.0.0/webfont.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet" />

    <!-- Custom CSS -->
    <link href="assets/css/style.css" rel="stylesheet" type="text/css">

    <!-- Dropzone CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/dropzone.min.css" />
    <!-- Select2 CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet">

    <style>
        /* Personalizza la riga della sezione */
        .section-header {
            background-color: #f8f9fa;
            /* Sfondo chiaro */
            border: 1px solid #007bff;
            /* Bordo blu */
            color: #007bff;
            /* Testo blu */
            font-size: 1.2rem;
            /* Dimensione del font */
            font-weight: bold;
            /* Grassetto */
            padding: 15px 20px;
            /* Padding */
            text-align: left;
            /* Allinea il testo a sinistra */
            width: 100%;
            /* A tutta larghezza */
        }

        .section-header:hover {
            background-color: #007bff;
            /* Sfondo blu al passaggio del mouse */
            color: #fff;
            /* Testo bianco al passaggio del mouse */
        }

        .accordion-button {
            border-radius: 0 !important;
            /* Rimuove gli angoli arrotondati */
            box-shadow: none !important;
            /* Rimuove l'ombra */
        }

        /* Icona accanto al titolo */
        .section-header i {
            font-size: 1.5rem;
            /* Dimensione dell'icona */
            margin-right: 10px;
            /* Spaziatura a destra dell'icona */
        }

        .section-title {
            font-size: 1.25rem;
            font-weight: bold;
            color: #333;
            margin-bottom: 20px;
        }

        .document-title {
            font-size: 1.1rem;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .dropzone {
            background-color: #f0f8ff;
            border: 2px dashed #007bff;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            transition: background-color 0.3s ease;
        }

        .dropzone:hover {
            background-color: #e6f5ff;
        }

        .dropzone .dz-message {
            font-size: 1.1rem;
            font-weight: 500;
            color: #007bff;
        }

        .dropzone .dz-message i {
            font-size: 3rem;
            margin-bottom: 10px;
            color: #007bff;
        }

        .document-list-table th,
        .document-list-table td {
            text-align: center;
            vertical-align: middle;
        }

        .section-separator {
            border-top: 2px solid #ddd;
            margin: 40px 0;
        }

        .btn {
            margin-right: 5px;
        }

        .btn.active {
            background-color: #007bff;
            color: #fff;
        }

        /* Stile per l'intestazione della sezione */
        .accordion-button {
            background-color: #322999;
            color: white;
            font-size: 1.2rem;
            font-weight: bold;
            text-align: left;
            border: 1px solid #007bff;
        }

        .accordion-button:hover {
            background-color: #007bff;
            color: white;
        }

        .accordion-button i {
            font-size: 1.5rem;
            color: #fff562;
        }

        .accordion-body {
            padding: 20px;
            background-color: #f9f9f9;
            border: 1px solid #ddd;
        }

        .card-body {
            margin-bottom: 20px;
            padding: 15px;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

        .toggle-dropzone {
            transition: all 0.3s ease;
            font-size: 0.9rem;
        }

        .dropzone-container {
            padding: 10px;
            background-color: #f9f9f9;
            border: 1px dashed #007bff;
            border-radius: 8px;
            display: none;
            /* Nasconde inizialmente l'area */
        }

        /* Stile per il gruppo input su desktop */
        .input-group {
            max-width: 400px;
            /* Limita la larghezza totale su desktop */
            margin: 0 auto;
            /* Centra orizzontalmente su mobile */
        }

        #documentSearch {
            border-radius: 0.25rem 0 0 0.25rem;
            /* Arrotonda solo l'angolo sinistro */
        }

        /* Stile per i risultati della ricerca */
        #searchResults {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 0.25rem;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        }

        #searchResults .list-group-item {
            cursor: pointer;
        }

        #searchResults .list-group-item:hover {
            background-color: #f8f9fa;
        }

        /* Su tablet e mobile, allinea tutto al centro e separa in due righe */
        @media (max-width: 767.98px) {
            .input-group {
                max-width: 100%;
                /* Usa tutta la larghezza su mobile */
                margin-top: 10px;
                /* Spazio sopra il campo di ricerca */
            }

            #pageSelectDropdown,
            #documentSearch {
                width: 100% !important;
                /* Usa tutta la larghezza su mobile */
            }
        }
    </style>
</head>

<body class="fixed-left">
    <div id="wrapper">
        <?php include('include/navigationbar.php'); ?>
        <div class="content-page">
            <div class="content">
                <?php include('include/topbar.php'); ?>
                <br>
                <div class="page-content-wrapper">
                    <div class="container-fluid">
                        <!-- Dettagli della Casa -->
                        <div class="row align-items-center">
                            <div class="col-sm-8">
                                <h4 class="page-title m-0">Documenti per la Casa: <?php echo htmlspecialchars($homeData['name']); ?></h4>
                                <p class="mb-0"><strong>Indirizzo:</strong> <?php echo htmlspecialchars($homeData['address']) . ', ' . htmlspecialchars($homeData['city']) . ' ' . htmlspecialchars($homeData['zip']); ?></p>
                            </div>
                            <div class="col-sm-4 text-right">
                                <button onclick="history.back()" class="btn btn-dark">
                                    <i class="fas fa-arrow-left"></i> Torna indietro
                                </button>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <div class="col-12 col-md-6 text-center text-md-start">
                                <label for="pageSelectDropdown" class="fw-bold d-block mb-2">Seleziona Categoria:</label>
                                <select id="pageSelectDropdown" class="form-control w-100 w-md-auto">
                                    <?php foreach ($pages as $page) { ?>
                                        <option value="<?php echo htmlspecialchars($page['slug']); ?>"
                                            <?php echo ($docpage === $page['slug']) ? 'selected' : ''; ?>>
                                            <?php echo ucfirst(htmlspecialchars($page['namepages'])); ?>
                                        </option>
                                    <?php } ?>
                                </select>
                            </div>
                            <div class="col-12 col-md-6 text-center text-md-end mt-3 mt-md-0">
                                <div class="input-group w-100 w-md-75 mx-auto mx-md-0">
                                    <input type="text" id="documentSearch" class="form-control" placeholder="Cerca sezione o documento..." autocomplete="off">
                                    <div id="searchResults" class="list-group dropdown-menu show" style="position: absolute; width: 100%; max-height: 200px; overflow-y: auto; z-index: 1000; display: none;"></div>
                                </div>
                            </div>
                        </div>

                        <!-- Contenitore per i documenti dinamici -->
                        <div id="documentSections" class="accordion"></div>
                    </div><!-- container -->
                </div><!-- Page content Wrapper -->
            </div><!-- content -->
            <?php include('include/footer.php'); ?>
        </div><!-- End Right content here -->
    </div><!-- END wrapper -->

    <!-- Includi le librerie una sola volta -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/dropzone.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script> <!-- Bootstrap 4 -->
    <script src="https://cdn.jsdelivr.net/npm/md5-js@0.0.3/md5.min.js"></script>
    <script>
        $(document).ready(function() {
            // Inizializza Select2
            $("#pageSelectDropdown").select2({
                placeholder: "Seleziona una categoria...",
                allowClear: true,
                theme: "classic",
                width: 'resolve'
            });

            // Caricamento iniziale dei documenti per lo slug predefinito
            let idhome = <?php echo $idhome; ?>;
            loadDocuments('<?php echo $docpage; ?>');

            // Gestione del cambio del dropdown senza ricaricare la pagina
            $("#pageSelectDropdown").on("change", function() {
                const slug = $(this).val();
                loadDocuments(slug);
            });

            // Carica tutti i documenti e le sezioni da tutte le pagine per la ricerca
            let allDocuments = [];
            <?php
            $allDocumentsQuery = $conn->query("
            SELECT d.document_id, d.document_name, p.slug, s.section_name 
            FROM documents d 
            LEFT JOIN sections s ON d.idsections = s.idsections 
            LEFT JOIN pages p ON d.page_id = p.idpages 
            ORDER BY s.section_name, d.document_name
        ");
            while ($doc = $allDocumentsQuery->fetch_assoc()) {
                echo "allDocuments.push({
                id: '{$doc['document_id']}',
                name: '" . addslashes(htmlspecialchars($doc['document_name'])) . "',
                section: '" . addslashes(htmlspecialchars($doc['section_name'])) . "',
                slug: '" . addslashes(htmlspecialchars($doc['slug'])) . "'
            });\n";
            }
            ?>

            // Gestione della ricerca dinamica
            $('#documentSearch').on('input', function() {
                const searchTerm = $(this).val().toLowerCase().trim();
                $('#searchResults').empty().hide();

                if (searchTerm === '') {
                    return;
                }

                const results = allDocuments.filter(item =>
                    item.name.toLowerCase().includes(searchTerm) ||
                    item.section.toLowerCase().includes(searchTerm)
                );

                if (results.length > 0) {
                    let html = '';
                    results.forEach(result => {
                        html += `<a href="#" class="list-group-item list-group-item-action" data-slug="${result.slug}" data-section="${md5(result.section)}">
                        ${result.name} (Sezione: ${result.section})
                    </a>`;
                    });
                    $('#searchResults').html(html).show();

                    // Gestione del click sui risultati
                    $('#searchResults .list-group-item').on('click', function(e) {
                        e.preventDefault();
                        const slug = $(this).data('slug');
                        const sectionId = $(this).data('section');

                        console.log('Cliccato risultato:', {
                            slug,
                            sectionId
                        }); // Debug

                        // Aggiorna il dropdown e carica i documenti
                        $('#pageSelectDropdown').val(slug).trigger('change');
                        loadDocuments(slug, sectionId);

                        // Resetta il campo di ricerca e nasconde i risultati
                        $('#documentSearch').val('');
                        $('#searchResults').hide();
                    });
                }
            });

            // Chiudi i risultati della ricerca se clicchi fuori
            $(document).on('click', function(e) {
                if (!$(e.target).closest('.input-group, #searchResults').length) {
                    $('#searchResults').hide();
                }
            });

            function loadDocuments(slug, targetSectionId = null) {
                console.log('Caricamento documenti per slug:', slug, 'e idhome:', idhome, 'targetSectionId:', targetSectionId); // Debug
                $.ajax({
                    url: 'get-documents.php',
                    method: 'GET',
                    data: {
                        slug: slug,
                        idhome: idhome
                    },
                    dataType: 'json', // Specifica che ci aspettiamo JSON
                    success: function(response) {
                        console.log('Risposta AJAX:', response); // Debug della risposta
                        if (response.error) {
                            Swal.fire({
                                icon: 'error',
                                title: 'Errore',
                                text: response.error
                            });
                            return;
                        }

                        // Verifica la struttura della risposta con valori di fallback
                        const homeName = response.homeName || 'Nome non disponibile';
                        const homeAddress = response.homeAddress || 'Indirizzo non disponibile';
                        const documents = response.documents || {};
                        const loadedDocuments = response.loadedDocuments || {};

                        // Aggiorna i dettagli della casa
                        $('.page-title').text(`Documenti per la Casa: ${homeName}`);
                        $('p.mb-0 strong').text(`Indirizzo: ${homeAddress}`);

                        // Svuota e ricrea le sezioni dei documenti
                        $('#documentSections').empty();
                        let html = '';
                        let sectionCount = 0; // Contatore per evitare loop infiniti

                        for (let sectionName in documents) {
                            if (sectionCount >= 100) { // Limite massimo per sicurezza
                                console.error('Troppi loop nelle sezioni, possibile errore nei dati');
                                break;
                            }
                            sectionCount++;

                            html += `
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="heading-${md5(sectionName)}">
                                    <button class="accordion-button collapsed section-header full-width" type="button" data-toggle="collapse" data-target="#collapse-${md5(sectionName)}" aria-expanded="false" aria-controls="collapse-${md5(sectionName)}">
                                        <i class="fas fa-door-open"></i> ${sectionName}
                                    </button>
                                </h2>
                                <div id="collapse-${md5(sectionName)}" class="accordion-collapse collapse" aria-labelledby="heading-${md5(sectionName)}" data-parent="#documentSections">
                                    <div class="accordion-body">
                        `;

                            let docCount = 0; // Contatore per i documenti
                            (documents[sectionName] || []).forEach(document => {
                                if (docCount >= 100) { // Limite massimo per sicurezza
                                    console.error('Troppi loop nei documenti, possibile errore nei dati');
                                    return;
                                }
                                docCount++;

                                html += `
                                <div class="card card-body mb-4">
                                    <div class="document-header d-flex justify-content-between align-items-center p-3 mb-3" style="background-color: #e8f5e9; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);">
                                        <div>
                                            <span class="document-title fw-bold">${document.document_name || 'Documento senza nome'}</span>
                                            ${document.is_required ? '<span class="badge bg-danger ms-2" style="font-size: 1rem; padding: 0.5em 0.8em;">Obbligatorio</span>' : ''}
                                            ${document.max_documents > 0 ? `<span class="badge bg-info ms-2" style="font-size: 1rem; padding: 0.5em 0.8em;">Max: ${document.max_documents}</span>` : ''}
                                        </div>
                                        <button class="btn btn-sm btn-outline-primary toggle-dropzone" data-target="#dropzone-${document.document_id}">
                                            <i class="fas fa-plus"></i>
                                        </button>
                                    </div>
                                    <div class="dropzone-container collapse" id="dropzone-${document.document_id}">
                                        <div class="dropzone mb-3" id="dropzone-area-${document.document_id}">
                                            <div class="dz-message">
                                                <i class="fas fa-cloud-upload-alt"></i><br>
                                                Trascina qui i documenti o clicca per caricarli
                                            </div>
                                        </div>
                                        <div class="text-center mt-3">
                                            <label class="btn btn-outline-primary btn-sm">
                                                <i class="fas fa-camera"></i> Scatta una foto
                                                <input type="file" accept="image/*" capture="camera" id="cameraInput-${document.document_id}" class="d-none" onchange="uploadFromCamera(this, '${document.document_id}')">
                                            </label>
                                        </div>
                                    </div>
                                    <h6 class="mt-4">Documenti già caricati:</h6>
                                    ${(loadedDocuments[document.document_id] || []).length > 0 ? `
                                        <table class="table table-bordered document-list-table" id="table-${document.document_id}">
                                            <thead>
                                                <tr>
                                                    <th>Nome Documento</th>
                                                    <th>Data Caricamento</th>
                                                    <th>Azioni</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                ${loadedDocuments[document.document_id].map(doc => `
                                                    <tr>
                                                        <td><a href="homedocuments/${doc.filename}" target="_blank">${doc.filename}</a></td>
                                                        <td>${doc.created_at}</td>
                                                        <td><button class="btn btn-danger btn-sm delete-document" data-id="${doc.id}" data-file="${doc.filename}">Elimina</button></td>
                                                    </tr>
                                                `).join('')}
                                            </tbody>
                                        </table>
                                    ` : '<p class="text-muted">Nessun documento caricato</p>'}
                                </div>
                            `;
                            });

                            html += `
                                    </div>
                                </div>
                            </div>
                        `;
                        }
                        $('#documentSections').html(html);

                        // Se c'è un targetSectionId, espandi solo quella sezione
                        if (targetSectionId) {
                            setTimeout(() => {
                                const collapseElement = $(`#collapse-${targetSectionId}`);
                                console.log('Tentativo di espandere sezione:', targetSectionId, 'Elemento trovato:', collapseElement.length); // Debug dettagliato
                                if (collapseElement.length) {
                                    // Collassa tutte le sezioni prima di espandere quella specifica
                                    $('.accordion-collapse.collapse').collapse('hide');

                                    // Espandi solo la sezione corrispondente
                                    collapseElement.collapse('show');

                                    // Scorri alla sezione
                                    $('html, body').animate({
                                        scrollTop: collapseElement.offset().top - 100
                                    }, 500);
                                } else {
                                    console.error('Sezione non trovata con ID:', targetSectionId);
                                    Swal.fire({
                                        icon: 'warning',
                                        title: 'Attenzione',
                                        text: 'La sezione cercata non è stata trovata.'
                                    });
                                }
                            }, 1000); // Aumenta il ritardo a 1000ms per garantire il rendering completo
                        }

                        // Rinizializza Dropzone per ogni documento
                        for (let sectionName in documents) {
                            (documents[sectionName] || []).forEach(document => {
                                if (!Dropzone.instances.some(dz => dz.element.id === `dropzone-area-${document.document_id}`)) {
                                    new Dropzone(`#dropzone-area-${document.document_id}`, {
                                        url: "upload-document.php",
                                        paramName: "file",
                                        maxFiles: document.max_documents || 1, // Default a 1 se non specificato
                                        maxFilesize: 5,
                                        addRemoveLinks: true,
                                        acceptedFiles: "image/*,application/pdf",
                                        dictDefaultMessage: "Trascina qui i file o clicca per caricarli",
                                        dictRemoveFile: "Rimuovi",
                                        previewTemplate: `
                                        <div class="dz-preview dz-file-preview">
                                            <div class="dz-image"><img data-dz-thumbnail /></div>
                                            <div class="dz-details">
                                                <div class="dz-filename"><span data-dz-name></span></div>
                                                <div class="dz-size"><span data-dz-size></span></div>
                                            </div>
                                            <div class="dz-progress">
                                                <span class="dz-upload" data-dz-uploadprogress></span>
                                            </div>
                                            <div class="dz-error-message"><span data-dz-errormessage></span></div>
                                            <div class="dz-success-mark">
                                                <i class="fas fa-check-circle"></i>
                                            </div>
                                            <div class="dz-error-mark">
                                                <i class="fas fa-times-circle"></i>
                                            </div>
                                        </div>
                                    `,
                                        init: function() {
                                            this.on("success", function(file, response) {
                                                try {
                                                    let parsedResponse = typeof response === "string" ? JSON.parse(response) : response;

                                                    if (parsedResponse.success) {
                                                        let tableId = `#table-${document.document_id} tbody`;
                                                        let row = `
                                                        <tr>
                                                            <td><a href="homedocuments/${parsedResponse.fileName}" target="_blank">${parsedResponse.fileName}</a></td>
                                                            <td>${parsedResponse.uploadDate}</td>
                                                            <td><button class="btn btn-danger btn-sm delete-document" data-id="${parsedResponse.documentId}" data-file="${parsedResponse.fileName}">Elimina</button></td>
                                                        </tr>`;
                                                        $(tableId).append(row);
                                                    } else {
                                                        Swal.fire({
                                                            icon: "error",
                                                            title: "Errore",
                                                            text: parsedResponse.message || "Errore nel caricamento",
                                                        });
                                                    }
                                                } catch (error) {
                                                    console.error("Errore nel parsing della risposta:", error);
                                                    Swal.fire({
                                                        icon: "error",
                                                        title: "Errore",
                                                        text: "Risposta dal server non valida.",
                                                    });
                                                }
                                            });

                                            this.on("error", function(file, errorMessage) {
                                                Swal.fire({
                                                    icon: "error",
                                                    title: "Errore",
                                                    text: errorMessage || "Si è verificato un problema.",
                                                });
                                                this.removeFile(file);
                                            });
                                        },
                                        sending: function(file, xhr, formData) {
                                            formData.append("idhome", idhome);
                                            formData.append("document_id", document.document_id);
                                        }
                                    });
                                }
                            });
                        }

                        // Rinizializza il toggle Dropzone
                        document.querySelectorAll('.toggle-dropzone').forEach(button => {
                            button.addEventListener('click', function() {
                                const target = document.querySelector(this.dataset.target);
                                const icon = this.querySelector('i');

                                if (target.classList.contains('show')) {
                                    target.classList.remove('show');
                                    target.style.display = 'none';
                                    icon.classList.remove('fa-minus');
                                    icon.classList.add('fa-plus');
                                } else {
                                    target.classList.add('show');
                                    target.style.display = 'block';
                                    icon.classList.remove('fa-plus');
                                    icon.classList.add('fa-minus');
                                }
                            });
                        });

                        // Rinizializza la gestione dei documenti eliminati
                        $(document).on("click", ".delete-document", function() {
                            const documentId = $(this).data("id");
                            const fileName = $(this).data("file");
                            const $row = $(this).closest("tr");

                            Swal.fire({
                                title: "Sei sicuro?",
                                text: "Questa azione eliminerà il documento in modo permanente.",
                                icon: "warning",
                                showCancelButton: true,
                                confirmButtonColor: "#d33",
                                cancelButtonColor: "#3085d6",
                                confirmButtonText: "Sì, elimina",
                                cancelButtonText: "Annulla",
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    $.ajax({
                                        url: "delete-document.php",
                                        type: "POST",
                                        data: {
                                            document_id: documentId,
                                            file_name: fileName,
                                        },
                                        success: function(response) {
                                            try {
                                                const parsedResponse = typeof response === "string" ? JSON.parse(response) : response;

                                                if (parsedResponse.success) {
                                                    $row.remove();
                                                    Swal.fire({
                                                        icon: "success",
                                                        title: "Eliminato",
                                                        text: "Documento eliminato con successo.",
                                                        timer: 1500,
                                                        showConfirmButton: false,
                                                    });
                                                } else {
                                                    Swal.fire({
                                                        icon: "error",
                                                        title: "Errore",
                                                        text: parsedResponse.message || "Impossibile eliminare il documento.",
                                                    });
                                                }
                                            } catch (error) {
                                                console.error("Errore durante l'eliminazione:", error);
                                                Swal.fire({
                                                    icon: "error",
                                                    title: "Errore",
                                                    text: "Risposta dal server non valida.",
                                                });
                                            }
                                        },
                                        error: function() {
                                            Swal.fire({
                                                icon: "error",
                                                title: "Errore",
                                                text: "Si è verificato un problema con la richiesta.",
                                            });
                                        },
                                    });
                                }
                            });
                        });

                        // Funzione per caricare un file dalla fotocamera
                        window.uploadFromCamera = function(input, documentId) {
                            if (input.files && input.files[0]) {
                                let formData = new FormData();
                                formData.append("file", input.files[0]);
                                formData.append("idhome", idhome);
                                formData.append("document_id", documentId);

                                $.ajax({
                                    url: "upload-document.php",
                                    type: "POST",
                                    data: formData,
                                    processData: false,
                                    contentType: false,
                                    success: function(response) {
                                        try {
                                            let parsedResponse = typeof response === "string" ? JSON.parse(response) : response;

                                            if (parsedResponse.success) {
                                                let tableId = `#table-${documentId} tbody`;
                                                let row = `
                                                <tr>
                                                    <td><a href="homedocuments/${parsedResponse.fileName}" target="_blank">${parsedResponse.fileName}</a></td>
                                                    <td>${parsedResponse.uploadDate}</td>
                                                    <td><button class="btn btn-danger btn-sm delete-document" data-id="${parsedResponse.documentId}" data-file="${parsedResponse.fileName}">Elimina</button></td>
                                                </tr>`;
                                                $(tableId).append(row);
                                                Swal.fire({
                                                    icon: "success",
                                                    title: "Caricamento completato",
                                                    text: "La foto è stata caricata con successo.",
                                                    timer: 1500,
                                                    showConfirmButton: false
                                                });
                                            } else {
                                                Swal.fire({
                                                    icon: "error",
                                                    title: "Errore",
                                                    text: parsedResponse.message || "Errore nel caricamento",
                                                });
                                            }
                                        } catch (error) {
                                            console.error("Errore nel parsing della risposta:", error);
                                            Swal.fire({
                                                icon: "error",
                                                title: "Errore",
                                                text: "Risposta dal server non valida.",
                                            });
                                        }
                                    },
                                    error: function() {
                                        Swal.fire({
                                            icon: "error",
                                            title: "Errore",
                                            text: "Si è verificato un problema con il caricamento.",
                                        });
                                    }
                                });
                            }
                        };
                    },
                    error: function(xhr, status, error) {
                        console.error('Errore AJAX:', error, xhr.responseText); // Debug dettagliato
                        Swal.fire({
                            icon: 'error',
                            title: 'Errore',
                            text: 'Impossibile caricare i documenti: ' + error
                        });
                    }
                });
            }
        });
    </script>
</body>

</html>