<?php
$url = 'http://localhost:5000/produtos';
$json = @file_get_contents($url);
$produtos = json_decode($json, true);
?>

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Painel Admin - Editar Fotos</title>
    <link rel="stylesheet" href="css/estilos.css">
    <style>
        .foto-preview {width: 80px;}
    </style>
</head>
<body>
    <h2>Painel Admin - Editar Foto do Produto</h2>
    <table class="catalogo-tabela">
        <tr>
            <th>Código</th>
            <th>Nome</th>
            <th>Foto Atual</th>
            <th>Nova Foto</th>
            <th>Salvar</th>
        </tr>
        <?php foreach ($produtos as $p): ?>
            <?php 
                $fotoPath = !empty($p['foto2']) ? "http://localhost:5000/imagens/{$p['foto2']}" : ""; 
            ?>
            <tr>
                <td><?= htmlspecialchars($p['codigo']) ?></td>
                <td><?= htmlspecialchars($p['descricao']) ?></td>
                <td>
                    <?php if ($fotoPath): ?>
                        <img src="<?= $fotoPath ?>" class="foto-preview">
                    <?php else: ?>
                        Sem foto
                    <?php endif; ?>
                </td>
                <td>
                    <input type="file" id="foto_<?= $p['codigo'] ?>" accept="image/*">
                </td>
                <td>
                    <button onclick="uploadFoto('<?= $p['codigo'] ?>')">Salvar Foto</button>
                </td>
            </tr>
        <?php endforeach; ?>
    </table>
    <script>
        function uploadFoto(codigo) {
            var input = document.getElementById('foto_' + codigo);
            if (!input.files.length) {
                alert('Selecione uma foto.');
                return;
            }
            var formData = new FormData();
            formData.append('codigo', codigo);
            formData.append('foto', input.files[0]);
            fetch('http://localhost:5000/upload_foto', {
                method: 'POST',
                body: formData
            })
            .then(r => r.json())
            .then(data => {
                if (data.foto2) {
                    alert('Foto alterada com sucesso!');
                    location.reload();
                } else {
                    alert('Erro ao enviar foto: ' + data.erro);
                }
            });
        }
    </script>
</body>
</html>