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

$mensagem = "";

// 1. LÓGICA PARA CADASTRAR NOVO MOTIVO
if (isset($_POST['btn_cadastrar'])) {
    $descricao = strtoupper($conn->real_escape_string($_POST['descricao']));
    
    // Verifica se já existe
    $check = $conn->query("SELECT * FROM saidas WHERE DESCRICAO = '$descricao'");
    if ($check && $check->num_rows > 0) {
        $mensagem = "ERRO: ESTE MOTIVO JÁ ESTÁ CADASTRADO!";
    } else {
        $sql = "INSERT INTO saidas (DESCRICAO, VALOR) VALUES ('$descricao', 0.00)";
        if ($conn->query($sql)) {
            $mensagem = "MOTIVO CADASTRADO COM SUCESSO!";
        } else {
            $mensagem = "ERRO AO GRAVAR NO BANCO: " . $conn->error;
        }
    }
}

// 2. LÓGICA PARA EXCLUIR
if (isset($_GET['excluir'])) {
    $id = intval($_GET['excluir']);
    $conn->query("DELETE FROM saidas WHERE ID = $id");
    echo "<script>window.location.href='saidas.php';</script>";
    exit();
}

// 3. BUSCA TODOS OS MOTIVOS CADASTRADOS
$motivos = $conn->query("SELECT * FROM saidas WHERE VALOR = 0 ORDER BY DESCRICAO ASC");
?>

<style>
    .cadastro-wrapper { 
        padding: 15px; 
        font-family: 'Segoe UI', sans-serif; 
        text-transform: uppercase; 
    }
    .form-box { 
        background: #fff; 
        border: 1px solid #ccc; 
        padding: 15px; 
        max-width: 400px; 
        margin-bottom: 20px; 
        box-sizing: border-box; 
    }
    .form-box label { 
        font-size: 10px; 
        font-weight: bold; 
        display: block; 
        margin-bottom: 5px; 
    }
    .form-box input { 
        width: 100%; 
        padding: 10px; 
        background: #fff8e1; 
        border: 1px solid #999; 
        font-weight: bold; 
        margin-bottom: 10px; 
        box-sizing: border-box; /* Garante que o padding não estoure a largura */
    }
    .btn-salvar { 
        background: #00569e; 
        color: white; 
        border: none; 
        padding: 12px 20px; 
        cursor: pointer; 
        font-weight: bold; 
        width: 100%; 
        font-size: 11px;
    }
    
    /* Ajuste para a tabela não quebrar o layout no mobile */
    .tabela-motivos { 
        width: 100%; 
        border-collapse: collapse; 
        font-size: 11px; 
        background: #fff; 
        border: 1px solid #ccc; 
        min-width: 400px; /* Mantém uma largura mínima para leitura */
    }
    .tabela-motivos th { background: #333; color: #fff; padding: 10px; text-align: left; }
    .tabela-motivos td { padding: 10px; border-bottom: 1px solid #eee; }
    .btn-del { 
        color: #dc3545; 
        text-decoration: none; 
        font-weight: bold; 
        font-size: 10px; 
        display: inline-block;
        padding: 5px;
    }

    /* MEDIA QUERIES PARA CELULAR */
    @media (max-width: 600px) {
        .cadastro-wrapper { padding: 10px; }
        .form-box { max-width: 100%; } /* Ocupa a largura toda no celular */
        
        /* Adiciona rolagem horizontal na tabela para evitar esmagamento */
        .main-content { overflow-x: auto; -webkit-overflow-scrolling: touch; }
        
        h3 { font-size: 14px; }
    }
</style>

<div class="main-content">
    <div class="cadastro-wrapper">
        <h3 style="color: #00569e; border-left: 5px solid #00569e; padding-left: 10px;">CADASTRO DE MOTIVOS DE SAÍDA</h3>

        <?php if($mensagem): ?>
            <div style="background: <?php echo (strpos($mensagem, 'ERRO') !== false) ? '#f8d7da' : '#d4edda'; ?>; 
                        color: <?php echo (strpos($mensagem, 'ERRO') !== false) ? '#721c24' : '#155724'; ?>; 
                        padding: 10px; margin-bottom: 15px; border: 1px solid; font-weight: bold; text-align: center;">
                <?php echo $mensagem; ?>
            </div>
        <?php endif; ?>

        <div class="form-box">
            <form method="POST">
                <label>DESCRIÇÃO DO MOTIVO (EX: ALUGUEL, LUZ, INTERNET)</label>
                <input type="text" name="descricao" required placeholder="DIGITE O NOME DO MOTIVO...">
                <button type="submit" name="btn_cadastrar" class="btn-salvar">💾 SALVAR MOTIVO</button>
            </form>
        </div>

        <table class="tabela-motivos">
            <thead>
                <tr>
                    <th style="width: 50px;">ID</th>
                    <th>DESCRIÇÃO DO MOTIVO CADASTRADO</th>
                    <th style="width: 100px; text-align: center;">AÇÕES</th>
                </tr>
            </thead>
            <tbody>
                <?php 
                // VERIFICAÇÃO DE SEGURANÇA PARA O ERRO FETCH_ASSOC
                if($motivos && $motivos->num_rows > 0): 
                    while($m = $motivos->fetch_assoc()): 
                ?>
                <tr>
                    <td>#<?php echo $m['ID']; ?></td>
                    <td style="font-weight: bold;"><?php echo $m['DESCRICAO']; ?></td>
                    <td style="text-align: center;">
                        <a href="saidas.php?excluir=<?php echo $m['ID']; ?>" 
                           class="btn-del" 
                           onclick="return confirm('APAGAR MOTIVO?')">🗑️ EXCLUIR</a>
                    </td>
                </tr>
                <?php 
                    endwhile; 
                else: 
                ?>
                    <tr><td colspan="3" style="text-align: center; padding: 20px;">NENHUM MOTIVO ENCONTRADO NA TABELA.</td></tr>
                <?php endif; ?>
            </tbody>
        </table>
    </div>
</div>