<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);

include_once('../config.php');
include_once('../header.php');

$mensagem = "";

// 1. EXCLUIR
if(isset($_GET['excluir'])){
    $id_excluir = $_GET['excluir'];
    $sql_del = "DELETE FROM produtos WHERE id = '$id_excluir'";
    if($conn->query($sql_del)){
        echo "<script>window.location.href='produtos.php?msg=EXCLUIDO';</script>";
        exit();
    }
}

// 2. EDITAR
$edit_prod = null;
if(isset($_GET['editar'])){
    $id_editar = $_GET['editar'];
    $res_edit = $conn->query("SELECT * FROM produtos WHERE id = '$id_editar'");
    if($res_edit && $res_edit->num_rows > 0){
        $edit_prod = $res_edit->fetch_assoc();
    }
}

// 3. SALVAR / ATUALIZAR
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $nome = strtoupper($_POST['nome']);
    $preco = $_POST['preco'];
    $estoque = $_POST['estoque'];

    if (isset($_POST['btn_salvar'])) {
        $sql = "INSERT INTO produtos (nome, preco, estoque) 
                VALUES ('$nome', '$preco', '$estoque')";
        if ($conn->query($sql)) {
            $mensagem = "REGISTRO SALVO COM SUCESSO!";
        } else {
            $mensagem = "ERRO AO SALVAR: " . $conn->error;
        }
    } 
    
    elseif (isset($_POST['btn_atualizar'])) {
        $id = $_POST['id'];
        $sql = "UPDATE produtos 
                SET nome='$nome', preco='$preco', estoque='$estoque' 
                WHERE id='$id'";
        if ($conn->query($sql)) {
            echo "<script>window.location.href='produtos.php?msg=ATUALIZADO';</script>";
            exit();
        } else {
            $mensagem = "ERRO AO ATUALIZAR: " . $conn->error;
        }
    }
}

// MENSAGENS
if(isset($_GET['msg'])){
    if($_GET['msg'] == 'ATUALIZADO') $mensagem = "REGISTRO ATUALIZADO COM SUCESSO!";
    if($_GET['msg'] == 'EXCLUIDO') $mensagem = "REGISTRO EXCLUÍDO COM SUCESSO!";
}
?>

<style>
    /* AJUSTES GERAIS */
    .module-wrapper { display: flex; flex-direction: column; width: 100%; min-height: 100vh; padding: 10px; box-sizing: border-box; background-color: #f0f0f0; }
    
    /* FORMULÁRIO RESPONSIVO */
    .form-section { 
        background-color: #fff; 
        border: 1px solid #ccc; 
        padding: 15px; 
        margin-bottom: 10px; 
        display: grid; 
        grid-template-columns: repeat(4, 1fr); 
        gap: 15px; 
    }
    
    .form-group { display: flex; flex-direction: column; }
    .form-group label { font-size: 10px; font-weight: bold; margin-bottom: 3px; color: #555; }
    .form-group input { padding: 10px 5px; border: 1px solid #999; font-size: 13px; text-transform: uppercase; background-color: #fff8e1; width: 100%; box-sizing: border-box; }
    
    .internal-tabs { display: flex; background-color: #dee1e6; border: 1px solid #ccc; border-bottom: none; overflow-x: auto; }
    .tab-item { padding: 8px 15px; border-right: 1px solid #ccc; background-color: #f0f0f0; cursor: pointer; font-size: 10px; font-weight: bold; white-space: nowrap; }
    .tab-item.active { background-color: #fff; border-top: 2px solid #00569e; margin-top: -1px; }
    
    .btn-acao { background-color: #e0e0e0; border: 1px solid #999; padding: 12px 20px; cursor: pointer; font-weight: bold; text-transform: uppercase; font-size: 11px; margin: 5px 0; width: 100%; max-width: 250px; }
    
    .msg-alerta { background-color: #d4edda; color: #155724; padding: 10px; border: 1px solid #c3e6cb; margin-bottom: 10px; font-weight: bold; text-align: center; font-size: 11px; }

    /* TABELA COM ROLAGEM LATERAL */
    .table-container { 
        border: 1px solid #ccc; 
        background: #fff; 
        width: 100%; 
        margin-bottom: 20px; 
        overflow-x: auto; /* Scroll para celular */
        -webkit-overflow-scrolling: touch;
    }
    .table-container table { width: 100%; border-collapse: collapse; font-size: 11px; min-width: 500px; }
    .table-container thead { background: #e0e0e0; }
    .table-container th, .table-container td { padding: 10px 5px; border: 1px solid #eee; }

    /* REGRAS PARA CELULAR */
    @media (max-width: 768px) {
        .form-section { 
            grid-template-columns: 1fr; /* Empilha tudo em 1 coluna */
            gap: 10px;
        }
        .form-group { grid-column: span 1 !important; } /* Força ocupar largura toda */
        
        .btn-acao { width: 100%; max-width: 100%; padding: 15px; }
        
        div[style*="text-align: right"] { 
            text-align: center !important; 
            display: flex; 
            flex-direction: column; 
            gap: 10px; 
        }
    }
</style>

<div class="module-wrapper">
    <div style="font-weight: bold; margin-bottom: 10px; color: #00569e;">CADASTRO DE PRODUTOS E MATERIAIS</div>

    <?php if($mensagem != ""): ?>
        <div class="msg-alerta"><?php echo $mensagem; ?></div>
    <?php endif; ?>

    <div class="internal-tabs">
        <div class="tab-item active">DADOS GERAIS</div>
    </div>

    <form action="produtos.php" method="POST">
        <div class="form-section">
            <input type="hidden" name="id" value="<?php echo $edit_prod['id'] ?? ''; ?>">
            
            <div class="form-group">
                <label>CÓDIGO</label>
                <input type="text" value="<?php echo $edit_prod['id'] ?? 'NOVO'; ?>" readonly style="background-color: #e9e9e9;">
            </div>
            
            <div class="form-group" style="grid-column: span 3;">
                <label>DESCRIÇÃO DO PRODUTO</label>
                <input type="text" name="nome" value="<?php echo $edit_prod['nome'] ?? ''; ?>" required>
            </div>

            <div class="form-group">
                <label>PREÇO DE VENDA (R$)</label>
                <input type="number" step="0.01" name="preco" value="<?php echo $edit_prod['preco'] ?? ''; ?>" required>
            </div>

            <div class="form-group">
                <label>QUANTIDADE</label>
                <input type="number" name="estoque" value="<?php echo $edit_prod['estoque'] ?? ''; ?>" required>
            </div>

            <div style="grid-column: span 4; text-align: right; border-top: 1px solid #ccc; padding-top: 10px;">
                <?php if($edit_prod): ?>
                    <button type="submit" name="btn_atualizar" class="btn-acao" style="background-color: #fff3cd;">💾 ATUALIZAR REGISTRO</button>
                    <a href="produtos.php" class="btn-acao" style="text-decoration:none; display:inline-block; padding: 7px 15px;">❌ CANCELAR</a>
                <?php else: ?>
                    <button type="submit" name="btn_salvar" class="btn-acao">💾 SALVAR REGISTRO</button>
                <?php endif; ?>
            </div>
        </div>
    </form>

    <div style="font-weight: bold; margin: 10px 0; font-size: 10px;">LISTA DE PRODUTOS CADASTRADOS:</div>
    
    <div class="table-container">
        <table>
            <thead>
                <tr>
                    <th style="border: 1px solid #ccc; padding: 5px; text-align: left;">ID</th>
                    <th style="border: 1px solid #ccc; padding: 5px; text-align: left;">DESCRIÇÃO</th>
                    <th style="border: 1px solid #ccc; padding: 5px; text-align: left;">PREÇO</th>
                    <th style="border: 1px solid #ccc; padding: 5px; text-align: left;">ESTOQUE</th>
                    <th style="border: 1px solid #ccc; padding: 5px; text-align: center;">AÇÕES</th>
                </tr>
            </thead>
            <tbody>
                <?php
                // ALTERADO AQUI: ORDER BY nome ASC para ordem alfabética
                $resultado = $conn->query("SELECT * FROM produtos ORDER BY nome ASC");
                if($resultado && $resultado->num_rows > 0):
                    while($linha = $resultado->fetch_assoc()): ?>
                    <tr>
                        <td style="border: 1px solid #eee; padding: 5px;"><?php echo $linha['id']; ?></td>
                        <td style="border: 1px solid #eee; padding: 5px;"><?php echo $linha['nome']; ?></td>
                        <td style="border: 1px solid #eee; padding: 5px;">R$ <?php echo number_format($linha['preco'], 2, ',', '.'); ?></td>
                        <td style="border: 1px solid #eee; padding: 5px;"><?php echo $linha['estoque']; ?> UN</td>
                        <td style="border: 1px solid #eee; padding: 5px; text-align: center;">
                            <a href="produtos.php?editar=<?php echo $linha['id']; ?>" class="btn-edit">📝</a> 
                            <a href="produtos.php?excluir=<?php echo $linha['id']; ?>" class="btn-del" onclick="return confirm('EXCLUIR?')">🗑️</a>
                        </td>
                    </tr>
                    <?php endwhile; 
                else: ?>
                    <tr><td colspan="5" style="padding: 10px; text-align: center;">Nenhum produto cadastrado.</td></tr>
                <?php endif; ?>
            </tbody>
        </table>
    </div>
</div>